@charset "UTF-8";/* press-start-2p-cyrillic-ext-400-normal*/
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/press-start-2p-cyrillic-ext-400-normal-COIQET2s.woff2') format('woff2'), url('/assets/press-start-2p-all-400-normal-Vq9x2C2i.woff') format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* press-start-2p-cyrillic-400-normal*/
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/press-start-2p-cyrillic-400-normal-DhuekTg0.woff2') format('woff2'), url('/assets/press-start-2p-all-400-normal-Vq9x2C2i.woff') format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* press-start-2p-greek-400-normal*/
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/press-start-2p-greek-400-normal-CUHYcCtf.woff2') format('woff2'), url('/assets/press-start-2p-all-400-normal-Vq9x2C2i.woff') format('woff');
  unicode-range: U+0370-03FF;
}
/* press-start-2p-latin-ext-400-normal*/
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/press-start-2p-latin-ext-400-normal-BWJtAI2w.woff2') format('woff2'), url('/assets/press-start-2p-all-400-normal-Vq9x2C2i.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* press-start-2p-latin-400-normal*/
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/press-start-2p-latin-400-normal-CgM_ieWj.woff2') format('woff2'), url('/assets/press-start-2p-all-400-normal-Vq9x2C2i.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
/*

Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>

*/
.hljs {
  color: #ddd;
  background: #303030;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: white;
}
.hljs-subst {
  /* default */
}
.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #d88;
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #979797;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}
.hljs-emphasis {
  font-style: italic;
}
#cowebsite {
  background-color: rgb(27 27 41 / 0.5);
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  position: fixed;
  z-index: 820;
  transition: transform 0.5s;
  display: none;
}
#cowebsite #cowebsite-slot-main #custom-logo {
  max-width: 30%;
}
#cowebsite main iframe {
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 100vh;
}
#cowebsite aside {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#cowebsite aside #cowebsite-aside-holder {
  height: 20px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 0;
}
#cowebsite aside #cowebsite-aside-holder:hover {
  background-color: hsl(var(--contrast) / 0.8);
}
#cowebsite aside #cowebsite-aside-holder img {
  width: 80%;
  pointer-events: none;
}
#cowebsite aside #cowebsite-aside-buttons {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
  flex: 1;
  justify-content: flex-start;
}
#cowebsite aside #cowebsite-aside-buttons img {
  height: 2.25rem;
  width: 2.25rem;
}
#cowebsite aside #cowebsite-aside-buttons #cowebsite-swipe {
  display: none;
}
#cowebsite aside #cowebsite-aside-buttons #cowebsite-swipe img {
  transform: rotate(0deg) scale(0.5) !important;
}
#cowebsite aside .top-right-btn {
  height: 2.75rem;
  width: 2.75rem;
  align-content: center;
  justify-content: center;
  transform: scale(0.5);
  cursor: pointer;
}
#cowebsite aside #cowebsite-other-actions {
  display: flex;
  margin-top: auto;
  visibility: hidden;
  justify-content: flex-end;
  flex: 1;
}
#cowebsite-loader {
  width: 20%;
  display: none;
}
#cowebsite-loader #smoke #trail-1 #trail-1-state-1 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-1 #trail-1-state-2 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-1 #trail-1-state-3 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-2 #trail-2-state-1 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-2 #trail-2-state-2 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-2 #trail-2-state-3 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-3 #trail-3-state-1 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-3 #trail-3-state-2 {
  visibility: hidden;
}
#cowebsite-loader #smoke #trail-3 #trail-3-state-3 {
  visibility: hidden;
}
#cowebsite-slot-main {
  z-index: 70 !important;
  background-color: rgba(10, 9, 9, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}
#cowebsite-buffer iframe {
  z-index: 201 !important;
  pointer-events: none !important;
  overflow: hidden;
  border: 0;
  position: absolute;
}
#cowebsite-buffer iframe.pixel {
  height: 1px !important;
  width: 1px !important;
}
#cowebsite-buffer .main {
  pointer-events: all !important;
  z-index: 821 !important;
}
#cowebsite-buffer .highlighted {
  pointer-events: all !important;
  padding: 4px;
  z-index: 149 !important;
}
#cowebsite-buffer .thumbnail {
  transform: scale(0.5, 0.5);
}
#cowebsite .pixel {
  visibility: hidden;
  height: 1px;
  width: 1px;
}
@media screen and (orientation: portrait) {
  #main-container {
    display: flex;
    flex-direction: column-reverse;
  }
  #cowebsite {
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    visibility: collapse;
    transform: translateY(-100%);
  }
  #cowebsite.loading {
    visibility: visible;
    transform: translateY(0%);
  }
  #cowebsite.opened {
    visibility: visible;
    transform: translateY(0%);
    box-shadow: 3px 3px red, 1em 0 10em black;
  }
  #cowebsite.closing {
    visibility: visible;
  }
  #cowebsite-loader {
    height: 20%;
  }
  #cowebsite main {
    height: 100%;
  }
  #cowebsite aside {
    height: 50px;
    flex-direction: row-reverse;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  #cowebsite aside #cowebsite-aside-holder {
    height: 100%;
    cursor: ns-resize;
  }
  #cowebsite aside #cowebsite-aside-holder img {
    height: 100%;
  }
  #cowebsite aside #cowebsite-aside-buttons {
    flex-direction: row-reverse;
    margin-left: auto;
    margin-bottom: 0;
    justify-content: flex-end;
  }
  #cowebsite aside #cowebsite-fullscreen {
    padding-top: 0;
  }
  #cowebsite aside #cowebsite-other-actions {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    height: 100%;
    visibility: visible;
  }
  #cowebsite aside .top-right-btn img {
    width: 15px;
  }
}
@media screen and (orientation: landscape) {
  #cowebsite {
    right: 0;
    top: 0;
    height: 100vh;
    display: flex;
    visibility: collapse;
    transform: translateX(100%);
  }
  #cowebsite.loading {
    visibility: visible;
    transform: translateX(0%);
  }
  #cowebsite.opened {
    visibility: visible;
    transform: translateX(0%);
  }
  #cowebsite.closing {
    visibility: visible;
  }
  #cowebsite main {
    width: 100%;
  }
  #cowebsite aside {
    width: 24px;
  }
  #cowebsite aside img {
    transform: rotate(90deg);
  }
  #cowebsite-aside-holder {
    cursor: ew-resize;
  }
}
@font-face {
  font-family: "Comic Jens";
  src: url("/assets/ComicJensFreePro-Regular-DE_Wtxlv.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard Korean";
  src: url("/assets/Pretendard-Regular-B1aZXLkw.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF, U+A960-A97F, U+D7B0-D7FF;
}
* a,
button,
select {
  cursor: pointer;
}
body {
  overflow: hidden;
}
body button:focus,
body img:focus,
body input:focus {
  /*outline: -webkit-focus-ring-color auto 0;*/
  outline: none;
}
body .message-info {
  width: 20%;
  height: auto;
  min-height: 30px;
  position: absolute;
  top: 5px;
  left: 40%;
  padding-top: 10px;
  text-align: center;
}
body .message-info.error {
  background: red;
}
body .message-info.success {
  background: green;
}
body .message-info.info {
  background: dodgerblue;
}
body .message-info.warning {
  background: rgba(255, 165, 0, 0.8392156863);
}
/* New layout */
body {
  margin: 0;
  height: 100%;
  width: 100%;
}
.main-container {
  height: 100%;
  width: 100%;
  position: absolute;
}
#game iframe {
  pointer-events: all;
}
.chat-mode > div {
  margin: 1%;
  max-height: 96%;
  transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s;
  cursor: pointer;
}
.chat-mode > div:hover {
  margin: 0;
}
.chat-mode.one-col {
  grid-template-columns: repeat(1, 1fr);
}
.chat-mode.two-col {
  grid-template-columns: repeat(2, 1fr);
}
.chat-mode.three-col {
  grid-template-columns: repeat(3, 1fr);
}
.chat-mode.four-col {
  grid-template-columns: repeat(4, 1fr);
}
/*GLOBAL MESSAGE*/
.message-container {
  position: absolute;
  width: 80%;
  height: 80%;
  min-height: 200px;
  max-height: 80%;
  top: -80%;
  /*left: 10%;*/
  left: 250px;
  background: #333333;
  z-index: 200;
  transition: all 0.1s ease-out;
  border-radius: 0 0 15px 15px;
  height: auto;
  border-radius: 0 0 10px 10px;
  color: white;
  top: 0;
}
.message-container .content-message {
  position: relative;
  padding: 20px;
  margin: 20px;
  overflow: scroll;
  max-height: 400px;
}
.message-container div.clear {
  position: absolute;
  color: white;
  z-index: 200;
  transition: all 0.1s ease-out;
  top: calc(100% + 2px);
  height: 40px;
  background-color: rgba(45, 45, 45, 0.7294117647);
  left: calc(50% - 100px);
  border-radius: 15px 15px 15px 15px;
  text-align: center;
  width: 100px;
  left: calc(50% - 50px);
}
.message-container div.clear img {
  margin-top: 6px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 0 5px;
  transition: all 0.5s ease;
  transform: rotateY(0);
  opacity: 0.5;
}
.message-container div.clear img:hover {
  opacity: 1;
}
.message-container div.clear img {
  transform: rotateY(3.142rad);
  opacity: 1;
}
.message-container div.clear p {
  margin-top: 12px;
}
.message-container div.clear:hover {
  cursor: pointer;
  top: calc(100% + 5px);
  transform: scale(1.2) translateY(3px);
}
/* VIDEO QUALITY */
.main-console div.setting h1 {
  color: white;
}
.main-console div.setting select {
  background: black;
  color: white;
  min-width: 280px;
  text-align: center;
  min-height: 40px;
  padding: 10px;
  border-radius: 15px;
}
.main-console div.setting select:focus {
  border: solid 1px white;
  outline: none;
}
.main-console div.setting.active section {
  display: block;
}
/*REPORT input*/
div.modal-report-user {
  position: absolute;
  width: 800px;
  height: 600px;
  left: calc(50% - 400px);
  top: 100px;
  background-color: rgba(0, 0, 0, 0.6784313725);
  border-radius: 15px;
}
.modal-report-user textarea {
  position: absolute;
  height: 200px;
  z-index: 999;
  top: 200px;
  background-color: #000000;
  color: white;
  width: calc(100% - 60px);
  margin: 30px;
  border-radius: 15px;
}
.modal-report-user img {
  position: absolute;
  height: 24px;
  width: 24px;
  z-index: 999;
  left: calc(50% - 12px);
  top: 10px;
}
.modal-report-user img#cancel-report-user {
  position: absolute;
  z-index: 999;
  right: 0;
  left: auto;
  top: 0;
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin: 10px;
}
.modal-report-user button {
  position: absolute;
  top: 450px;
  left: calc(50% - 50px);
  width: 100px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0);
  color: #ffda01;
  border-radius: 15px;
  padding: 10px 30px;
  transition: all 0.2s ease;
}
.modal-report-user button:hover {
  cursor: pointer;
  background-color: #ffda01;
  color: black;
  border: 1px solid black;
  transform: scale(1.1);
}
.modal-report-user p#title-report-user {
  font-size: 30px;
  color: white;
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;
}
.modal-report-user p#body-report-user {
  font-size: 24px;
  color: white;
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: left;
  padding: 30px;
  max-width: 740px; /* size of modal - padding*/
}
/*MESSAGE*/
.discussion {
  position: fixed;
  left: -300px;
  top: 0;
  width: 220px;
  height: 100%;
  background-color: #333333;
  padding: 20px;
  transition: all 0.5s ease;
}
.discussion.active {
  left: 0;
}
.discussion .active-btn {
  display: none;
  cursor: pointer;
  height: 50px;
  width: 50px;
  background-color: rgba(45, 45, 45, 0.7294117647);
  position: absolute;
  top: calc(50% - 25px);
  margin-left: 315px;
  border-radius: 50%;
  border: none;
  transition: all 0.5s ease;
}
.discussion .active-btn.active {
  display: block;
}
.discussion .active-btn:hover {
  transform: scale(1.1) rotateY(3.142rad);
}
.discussion .active-btn img {
  width: 26px;
  height: 26px;
  margin: 13px 5px;
}
.discussion .close-btn {
  position: absolute;
  top: 0;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}
.discussion .close-btn img {
  height: 15px;
  right: 15px;
}
.discussion p {
  color: white;
  font-size: 22px;
  padding-left: 10px;
  margin: 0;
}
.discussion .participants {
  height: 200px;
  margin: 10px 0;
}
.discussion .participants .participant {
  display: flex;
  margin: 5px 10px;
  background-color: rgba(255, 255, 255, 0.4117647059);
  padding: 5px;
  border-radius: 15px;
  cursor: pointer;
}
.discussion .participants .participant:hover {
  background-color: #ffffff;
}
.discussion .participants .participant:hover p {
  color: black;
}
.discussion .participants .participant:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1e7e34;
  position: absolute;
  margin-left: 18px;
  border-radius: 50%;
  margin-top: 18px;
}
.discussion .participants .participant img {
  width: 26px;
  height: 26px;
}
.discussion .participants .participant p {
  font-size: 16px;
  margin-left: 10px;
  margin-top: 2px;
}
.discussion .participants .participant button.report-btn {
  cursor: pointer;
  position: absolute;
  background-color: rgba(45, 45, 45, 0.7294117647);
  right: 34px;
  margin: 0;
  padding: 2px 0;
  border-radius: 15px;
  border: none;
  color: white;
  width: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.discussion .participants .participant:hover button.report-btn {
  width: 70px;
}
.discussion .messages {
  position: absolute;
  height: calc(100% - 390px);
  overflow-x: hidden;
  overflow-y: auto;
  max-width: calc(100% - 40px);
  width: calc(100% - 40px);
}
.discussion .messages h2 {
  color: white;
}
.discussion .messages .message {
  margin: 5px;
  float: right;
  text-align: right;
  width: 100%;
}
.discussion .messages .message.me {
  float: left;
  text-align: left;
}
.discussion .messages .message p {
  font-size: 12px;
}
.discussion .messages .message p.body {
  color: white;
  font-size: 16px;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.discussion .messages .message p a {
  color: white;
}
.discussion .messages .message p a:visited {
  color: white;
}
.discussion .send-message {
  position: absolute;
  bottom: 45px;
  width: 200px;
  height: 26px;
  margin-bottom: 10px;
}
.discussion .send-message input {
  position: absolute;
  width: calc(100% - 20px);
  height: 30px;
  background-color: #171717;
  color: white;
  border-radius: 10px;
  border: none;
  padding: 6px;
}
.discussion .send-message img {
  position: absolute;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.4117647059);
}
.discussion .send-message img:hover {
  background-color: #ffffff;
}
/** Action button **/
div.action {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  bottom: 40px;
  transition: all 0.5s ease;
  animation: mymove 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
div.action.info,
div.action.warning,
div.action.danger {
  transition: all 1s ease;
  animation: mymove 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
div.action p.action-body {
  cursor: pointer;
  padding: 10px;
  background-color: rgba(45, 45, 45, 0.7294117647);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  max-width: 350px;
  margin-left: calc(50% - 175px);
  border-radius: 15px;
}
div.action.warning p.action-body {
  background-color: rgba(255, 152, 0, 0.9215686275);
  color: #000;
}
div.action.danger p.action-body {
  background-color: rgba(218, 0, 0, 0.8901960784);
  color: #000;
}
@keyframes mymove {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 30px;
  }
  100% {
    bottom: 40px;
  }
}
#game-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#game-overlay + div {
  pointer-events: none;
  z-index: 2;
}
#game-overlay + div > div {
  pointer-events: auto;
}
#game-overlay > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#game-overlay > div > div.scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}
#game-overlay.hide {
  visibility: hidden;
}
.active-discussion div.emoji-picker {
  transform: translateX(-188px);
}
div.emoji-picker {
  border-radius: 16px;
  border-style: none;
  background-color: hsl(var(--contrast) / 0.8);
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transform: translateX(-68px);
}
div.emoji-picker input.emoji-picker__search {
  border-radius: 1em;
}
div.emoji-picker .emoji-picker__content {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
div.emoji-picker button.emoji-picker__category-button {
  position: relative;
  z-index: 10;
}
div.emoji-picker button.emoji-picker__category-button:not(.active) {
  opacity: 0.5;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
div.emoji-picker button.emoji-picker__category-button:not(.active):hover {
  opacity: 1;
}
div.emoji-picker button.emoji-picker__category-button.active {
  border-style: none;
  padding-bottom: 0.5rem;
}
div.emoji-picker button.emoji-picker__category-button.active::after {
  position: absolute;
  bottom: -1px;
  left: 0px;
  height: 3px;
  width: 100%;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}
div.emoji-picker .emoji-picker__emoji {
  border-radius: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
div.emoji-picker .emoji-picker__emoji:focus, div.emoji-picker .emoji-picker__emoji:hover {
  background-color: rgb(255 255 255 / 0.1);
}
div.emoji-picker .emoji-picker__emojis h2.emoji-picker__category-name {
  padding-left: 0.75rem;
  font-size: 13px;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  color: rgb(255 255 255 / 0.5);
}
div.emoji-picker .emoji-picker__emojis h2.emoji-picker__category-name:first-child {
  margin-top: 0.75rem;
}
div.emoji-picker .emoji-picker__search-container {
  display: flex;
  align-items: center;
}
div.emoji-picker .emoji-picker__search-container .emoji-picker__search {
  border-style: none;
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 1rem;
}
div.emoji-picker .emoji-picker__search-container .emoji-picker__search::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
}
div.emoji-picker .emoji-picker__search-container .emoji-picker__search::placeholder {
  color: rgb(255 255 255 / 0.5);
}
div.emoji-picker .emoji-picker__search-container .emoji-picker__search-icon {
  position: static;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  opacity: 0.2;
}
div.emoji-picker .emoji-picker__category-buttons {
  position: relative;
  margin: 0px;
}
div.emoji-picker .emoji-picker__category-buttons::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: rgb(255 255 255 / 0.2);
  --tw-content: '';
  content: var(--tw-content);
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome, Edge, Opera and Firefox */
}
/* TODO: remove once https://github.com/nostalgic-css/NES.css/pull/482 is released */
.nes-container.is-rounded {
  border-image-repeat: stretch;
}
.emoji-picker__overlay {
  z-index: 200 !important;
}
/* Style for the action or bulle info displayed a side of the user */
.characterTriggerAction {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.characterTriggerAction::-webkit-scrollbar {
  display: none;
}
.characterTriggerAction p {
  margin: 0px;
  padding: 0px;
}
/** Floating UI arrow placement **/
.floating-ui-arrow,
.floating-ui-arrow::before {
  position: absolute;
}
.floating-ui-arrow {
  visibility: hidden;
}
.floating-ui-arrow::before {
  visibility: visible;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px;
  border-color: transparent;
}
.floating-ui-arrow[data-arrow-placement=bottom]::before {
  border-top-color: hsl(var(--contrast) / 0.8);
  bottom: -12px;
}
.floating-ui-arrow[data-arrow-placement=top]::before {
  border-bottom-color: hsl(var(--contrast) / 0.8);
  top: -12px;
}
.floating-ui-arrow[data-arrow-placement=right]::before {
  border-left-color: hsl(var(--contrast) / 0.8);
  right: -12px;
}
.floating-ui-arrow[data-arrow-placement=left]::before {
  border-right-color: hsl(var(--contrast) / 0.8);
  left: -12px;
}
.say-bubble {
  font-weight: 500;
  font-family: "Pretendard Korean", "Comic Jens", cursive;
  text-align: center;
}
.say-bubble::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
}
.thinking-cloud {
  position: relative;
  display: inline-block;
  opacity: 0.8 !important;
  border-radius: 20px;
  max-width: 150px;
  min-width: 50px;
  word-wrap: break-word;
  padding: 12px;
}
.thinking-cloud::before {
  content: "";
  position: absolute;
  border-radius: 28px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(5px);
  backdrop-filter: blur(12px);
  background-color: rgb(255, 255, 255);
  z-index: -1;
  filter: url(#cloudy-filter);
}
.thinking-text {
  font-weight: 500;
  width: 100%;
  font-family: "Pretendard Korean", "Comic Jens", cursive;
  font-size: 12px;
  color: #000000;
  text-align: center;
}
.thinking-tail {
  position: absolute;
  bottom: -25px;
  left: 65%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.circle {
  background-color: #ffffff;
  opacity: 1;
  filter: blur(0.5px);
  border-radius: 50%;
}
.circle1 {
  width: 10px;
  height: 10px;
  transform: translateX(7px);
}
.circle2 {
  width: 8px;
  height: 8px;
  transform: translateX(5px);
}
.circle3 {
  width: 6px;
  height: 6px;
  transform: translateX(0px);
}
.scrollable-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.scrollable-content::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.scrollable-content::-webkit-scrollbar-thumb {
  background-color: #928ebb;
  border-radius: 10px;
  min-height: 20px;
}
.scrollable-content::-webkit-scrollbar-thumb:active {
  background-color: #56eaff;
}
.scrollable-content {
  scrollbar-width: thin;
  scrollbar-color: #928ebb rgba(255, 255, 255, 0.1);
}
#chat-aside {
  left: 0;
  top: 0;
  width: 28vw;
  height: 100vh;
  display: flex;
  transform: translateX(-100%);
  position: fixed;
  z-index: 820;
  transition: transform 0.5s;
  background-color: rgba(10, 9, 9, 0.8);
}
#chat-aside.opened {
  visibility: visible;
  transform: translateX(0);
}
@tailwind base;
@tailwind components;
@tailwind utilities;
button {
  border-style: none;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/********** Range Input Styles **********/
/*Range Reset*/
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
}
/* Removes default focus */
input[type=range]:focus {
  outline: none;
}
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  height: 1rem;
  border-radius: 32px;
  background-color: rgb(255 255 255 / 0.2);
}
/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -0.25rem;
  height: 1.5rem;
  width: 2.5rem;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input[type=range]:focus::-webkit-slider-thumb {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
/******** Firefox styles ********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: #053a5f;
  border-radius: 0.5rem;
  height: 0.5rem;
}
/* slider thumb */
input[type=range]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: #5cd5eb;
  height: 2rem;
  width: 1rem;
}
input[type=range]:focus::-moz-range-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem;
}
@media only screen and (max-width: 767px) {
  .chatWindow {
    width: 100% !important;
  }
}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(146 142 187 / var(--tw-bg-opacity, 1));
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:active {
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
}
.emoji-picker__overlay {
  background: none !important;
}
.emoji-picker__wrapper {
  bottom: 50px !important;
  top: auto !important;
}
.emoji-picker__wrapper .emoji-picker {
  border: none !important;
}
.wa-message .actions {
  visibility: hidden;
  justify-content: space-between;
}
.wa-message .actions .action {
  cursor: pointer;
  opacity: 0.8;
  position: relative;
}
.wa-message .actions .action .caption {
  position: absolute;
  border-radius: 32px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 41 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  display: none;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.wa-message .actions .action .caption::before {
  position: absolute;
  --tw-border-opacity: 1;
  border-top-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  left: calc(50% - 10px);
  top: 100.5%;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top-width: 6px;
  border-top-style: solid;
}
.wa-message .actions .action .caption::after {
  position: absolute;
  --tw-border-opacity: 1;
  border-top-color: rgb(27 27 41 / var(--tw-border-opacity, 1));
  margin-left: -50%;
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
}
.wa-message .actions .action:hover {
  opacity: 1;
}
.wa-message .actions .action:hover .caption {
  display: block;
}
.wa-message:hover .actions {
  visibility: visible;
}
.wa-message-body {
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(15 31 45 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 13px;
  line-height: 1.25rem;
}
.wa-message-body p {
  white-space: pre-line;
  margin: 0;
}
.wa-message-body p .mention {
  margin: 0 2px;
  padding: 0px 4px;
  background-color: black;
  border-radius: 0.5rem;
  cursor: pointer;
}
.wa-message-body .file {
  margin-top: 0.25rem;
  position: relative;
}
.wa-message-body .file:hover .actions {
  display: flex;
}
.wa-message-body .file .actions {
  display: none;
  position: absolute;
  top: 0px;
  padding: 0px;
  cursor: pointer;
  flex-direction: column;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: rgb(77, 75, 103, var(--border-opacity));
  background-color: rgba(27, 27, 41, 0.95);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgb(255, 255, 255, var(--text-opacity));
  --shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-colored: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
  box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow);
  z-index: 1;
}
.wa-message-body .file .actions .action {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
  border-radius: 0.15rem;
}
.wa-message-body .file .actions .action > span {
  display: none;
}
.wa-message-body .file .actions .action:hover {
  --bg-opacity: 1;
  background-color: rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file .actions:hover span.action > span {
  display: block;
}
.wa-message-body .file .other-content {
  margin-right: 0.125rem;
  cursor: pointer;
  border-radius: 8px;
  padding: 0.125rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  --bg-opacity: 1;
  border: solid 1px rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file .other-content:hover {
  background-color: rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file audio {
  max-width: 100%;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.selected .wa-message::after {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.chatWindow nav {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(77 75 103 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 41 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  width: calc(100% - 65px);
}
.chatWindow nav .background {
  position: absolute;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  height: 26px;
  width: 48.5%;
}
.chatWindow nav .background.chat {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.chatWindow nav .background.hidden {
  display: none;
}
.chatWindow nav ul {
  margin: 0px;
  display: flex;
  width: 100%;
  list-style-type: none;
  justify-content: space-between;
  padding: 0px;
}
.chatWindow nav ul li {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  border-radius: 8px;
  border-radius: 1rem;
  text-align: center;
  font-weight: 700;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 1px 0;
  width: 48.5%;
}
.chatWindow nav ul li:not(.active):hover {
  background-color: rgba(146, 142, 187, 0.3);
}
.chatWindow nav ul li.active {
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.chatWindow {
  color: white;
  position: absolute;
  top: 0;
  min-width: 335px;
  width: 335px;
  pointer-events: auto;
  height: 100dvh;
  z-index: 2000;
}
.chatWindow .close-window {
  cursor: pointer;
}
.server-icon.sync:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
@tailwind base;
@tailwind components;
@tailwind utilities;
button {
  border-style: none;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/********** Range Input Styles **********/
/*Range Reset*/
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
}
/* Removes default focus */
input[type=range]:focus {
  outline: none;
}
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  height: 1rem;
  border-radius: 32px;
  background-color: rgb(255 255 255 / 0.2);
}
/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -0.25rem;
  height: 1.5rem;
  width: 2.5rem;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input[type=range]:focus::-webkit-slider-thumb {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
/******** Firefox styles ********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: #053a5f;
  border-radius: 0.5rem;
  height: 0.5rem;
}
/* slider thumb */
input[type=range]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: #5cd5eb;
  height: 2rem;
  width: 1rem;
}
input[type=range]:focus::-moz-range-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem;
}
div.main-audio-manager {
  max-height: clamp(150px, 10vh, 15vh); /*replace @media for small screen*/
  z-index: 550;
  text-align: center;
  pointer-events: auto;
}
div.main-audio-manager section.audio-manager-file {
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.muted #audioplayer_volume_icon_playing_low {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.muted #audioplayer_volume_icon_playing_mid {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.muted #audioplayer_volume_icon_playing_high {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.muted #audioplayer_volume_icon_playing_muted {
  visibility: inherit;
  display: initial;
}
div.main-audio-manager #audioplayer_volume_icon_playing #audioplayer_volume_icon_playing_muted {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.low #audioplayer_volume_icon_playing_high {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.low #audioplayer_volume_icon_playing_mid {
  visibility: hidden;
  display: none;
}
div.main-audio-manager #audioplayer_volume_icon_playing.mid #audioplayer_volume_icon_playing_high {
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 480px) {
  div.main-audio-manager {
    width: auto;
    z-index: 550;
    text-align: center;
    pointer-events: auto;
    margin-bottom: 12px;
  }
}
/*
//////////////////////
// Megaphone.svelte //
//////////////////////
*/
p.help-text {
  display: grid;
  cursor: default;
  grid-template-columns: 20px 1fr;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 14px;
  line-height: 1.5rem;
  color: rgb(255 255 255 / 0.5);
}
p.help-text svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
p.help-text:hover svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
p.help-text.success {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(4 241 122 / var(--tw-text-opacity, 1));
}
/*
////////////////////////////
// WAMSettingsEditor.svelte //
////////////////////////////
*/
.configure-my-room {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.configure-my-room .close-window {
  top: 0.375rem;
  right: 0.625rem;
}
.configure-my-room h3 {
  margin: 0px;
  font-size: 18px;
  line-height: 1.75rem;
}
.configure-my-room .menu {
  width: 25%;
  min-width: 25%;
  border-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: rgb(146 142 187 / 0.5);
}
.configure-my-room .menu h3 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.configure-my-room .menu ul {
  margin: 0px;
  list-style-type: none;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgb(146 142 187 / 0.5);
  padding: 0px;
}
.configure-my-room .menu ul li {
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 18px;
  line-height: 1.75rem;
}
.configure-my-room .menu ul li:nth-of-type(1n + 1) {
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(146 142 187 / 0.5);
}
.configure-my-room .menu ul li:hover, .configure-my-room .menu ul li.selected {
  background-color: rgb(255 255 255 / 0.1);
}
.configure-my-room .menu ul li.selected {
  cursor: default;
  font-weight: 700;
}
.configure-my-room .content {
  display: flex;
  width: 75%;
  flex-direction: column;
  flex-wrap: wrap;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.configure-my-room .property-settings-container {
  border-radius: 5px;
  padding: 5px;
}
.configure-my-room .property-settings-container .header {
  display: flex;
  font-size: 25px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.configure-my-room .property-settings-container .content {
  border-left-width: 1px;
  border-left-style: solid;
  --border-opacity: 1;
  border-color: rgb(77, 75, 103, var(--border-opacity));
}
.configure-my-room .property-settings-container .value-input {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.configure-my-room .property-settings-container .value-input label {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 0.5em;
}
.configure-my-room .property-settings-container .value-input input {
  flex-grow: 1;
  min-width: 0;
}
.configure-my-room .property-settings-container .value-input * {
  margin-bottom: 0;
}
.configure-my-room .property-settings-container .value-switch {
  display: flex;
  width: 100%;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  align-items: center;
  height: 2.5em;
  justify-content: space-between;
}
.configure-my-room .property-settings-container .value-switch label {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 0.5em;
  flex-grow: 1;
}
.configure-my-room .property-settings-container .value-switch * {
  margin-bottom: 0;
}
.configure-my-room .property-settings-container .value-switch input.input-switch {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 1rem;
  width: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: rgb(77, 75, 103, var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgb(15, 31, 45, var(--bg-opacity));
  background-image: none;
  padding: 0;
  --text-opacity: 1;
  color: rgb(242, 253, 255, var(--text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  margin-left: 8px;
  margin-top: -6px;
}
.configure-my-room .property-settings-container .value-switch input.input-switch::before {
  position: absolute;
  left: -3px;
  top: -3px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: rgb(146, 142, 187, var(--bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --content: "";
  content: var(--content);
}
.configure-my-room .property-settings-container .value-switch input.input-switch:checked {
  --border-opacity: 1;
  border-color: rgb(146, 142, 187, var(--border-opacity));
}
.configure-my-room .property-settings-container .value-switch input.input-switch:checked::before {
  left: 13px;
  top: -3px;
  --bg-opacity: 1;
  background-color: rgb(65, 86, 246, var(--bg-opacity));
  content: var(--content);
  /*--shadow: 0 0 7px 0 rgba(4, 255, 210, 1);
  --shadow-colored: 0 0 7px 0 var(--shadow-color);
  box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--shadow);*/
}
.configure-my-room .property-settings-container .value-switch input.input-switch:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.pure-loader .svg {
  margin-left: 0.75rem;
  height: 1.75rem;
  width: 1.75rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.pure-loader p {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  text-align: center;
}
/*
////////////////////////
// ButtonState.svelte //
////////////////////////
*/
button.button-state {
  transition: all 0.2s ease-in-out;
  margin-left: auto;
  margin-right: auto;
}
button.button-state:disabled {
  cursor: default;
}
button.button-state:disabled:hover {
  filter: initial;
}
button.button-state.success {
  --tw-bg-opacity: 1;
  background-color: rgb(4 241 122 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
button.button-state.error {
  --tw-bg-opacity: 1;
  background-color: rgb(255 71 90 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.input-select {
  margin-bottom: 0.5rem;
}
.input-select label {
  margin-bottom: 0.375rem;
  font-weight: 500;
}
.input-select select {
  margin: 0px;
  width: 100%;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(20 48 76 / var(--tw-text-opacity, 1));
}
.input-select select.error {
  --tw-border-opacity: 1;
  border-color: rgb(255 71 90 / var(--tw-border-opacity, 1));
}
.input-select span {
  font-size: 13px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 71 90 / var(--tw-text-opacity, 1));
}
/*
//////////////////////
// InputTags.svelte //
//////////////////////
*/
.input-tags {
  margin-bottom: 0.5rem;
}
.input-tags label {
  margin-bottom: 0.375rem;
  font-weight: 500;
}
.input-tags span.error {
  font-size: 13px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 71 90 / var(--tw-text-opacity, 1));
}
.input-tags .svelte-select .value-container input {
  border-radius: 0;
  border-width: 0px;
  outline-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  color: rgb(20, 48, 76, var(--text-opacity)) !important;
}
.input-tags .svelte-select .svelte-select-list, .input-tags .value-container .multi-item :is(.multi-item-clear, .multi-item-text), .input-tags .svelte-select .indicators svg {
  --tw-text-opacity: 1;
  color: rgb(20 48 76 / var(--tw-text-opacity, 1));
}
:global(.svelte-select) {
  border-radius: 8px !important;
  padding-left: 0.75rem !important;
  border-color: rgb(146, 142, 187) !important;
  transition: all ease-in-out 150ms !important;
}
:global(.svelte-select.focused) {
  outline-style: solid;
  outline-color: #928EBB;
}
:global(.svelte-select .value-container) {
  padding: 0 5px !important;
}
/*
//////////////////////
// InputText.svelte //
//////////////////////
*/
.input-text {
  margin-bottom: 0.5rem;
}
.input-text label {
  margin-bottom: 0.375rem;
  font-weight: 500;
}
.input-text input {
  margin: 0px;
  width: 100%;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(20 48 76 / var(--tw-text-opacity, 1));
  border-width: 1px !important;
}
.input-text input.error {
  --tw-border-opacity: 1;
  border-color: rgb(255 71 90 / var(--tw-border-opacity, 1));
}
.input-text span {
  font-size: 13px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 71 90 / var(--tw-text-opacity, 1));
}
.warning-toast {
  z-index: 20;
  border-radius: 8px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  position: absolute;
  top: 21%;
  max-height: clamp(150px, 10vh, 15vh); /*replace @media for small screen*/
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: grid;
  text-align: center;
  pointer-events: auto;
  /* TODO : delete after systemUI import */
  border-color: rgb(77, 75, 103, var(--border-opacity));
  background-color: rgba(39, 39, 54, 0.8);
  --backdrop-blur: blur(4px);
  backdrop-filter: var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-opacity) var(--backdrop-saturate) var(--backdrop-sepia);
}
#chat-aside {
  left: 0;
  top: 0;
  width: 28vw;
  height: 100vh;
  display: flex;
  transform: translateX(-100%);
  position: fixed;
  z-index: 820;
  transition: transform 0.5s;
  background-color: rgba(10, 9, 9, 0.8);
}
#chat-aside.opened {
  visibility: visible;
  transform: translateX(0);
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
  border-radius: 0px;
}
[type='radio'] {
  border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active)  {
  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  margin: 0px;
  box-sizing: border-box;
  padding: 0px;
  font-family: Roboto Condensed, Arial;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity, 1));
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0px;
  font-family: Bebas Neue, Arial;
  text-transform: uppercase;
}
h1 .underline, h2 .underline, h3 .underline, h4 .underline, h5 .underline, h6 .underline, .h1 .underline, .h2 .underline, .h3 .underline, .h4 .underline, .h5 .underline, .h6 .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .underline::after, h2 .underline::after, h3 .underline::after, h4 .underline::after, h5 .underline::after, h6 .underline::after, .h1 .underline::after, .h2 .underline::after, .h3 .underline::after, .h4 .underline::after, .h5 .underline::after, .h6 .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .highlight, h2 .highlight, h3 .highlight, h4 .highlight, h5 .highlight, h6 .highlight, .h1 .highlight, .h2 .highlight, .h3 .highlight, .h4 .highlight, .h5 .highlight, .h6 .highlight {
  position: relative;
  z-index: 10;
}
h1 .highlight::after, h2 .highlight::after, h3 .highlight::after, h4 .highlight::after, h5 .highlight::after, h6 .highlight::after, .h1 .highlight::after, .h2 .highlight::after, .h3 .highlight::after, .h4 .highlight::after, .h5 .highlight::after, .h6 .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .highlight span,
h1 .highlight-text,
h2 .highlight span,
h2 .highlight-text,
h3 .highlight span,
h3 .highlight-text,
h4 .highlight span,
h4 .highlight-text,
h5 .highlight span,
h5 .highlight-text,
h6 .highlight span,
h6 .highlight-text,
.h1 .highlight span,
.h1 .highlight-text,
.h2 .highlight span,
.h2 .highlight-text,
.h3 .highlight span,
.h3 .highlight-text,
.h4 .highlight span,
.h4 .highlight-text,
.h5 .highlight span,
.h5 .highlight-text,
.h6 .highlight span,
.h6 .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .stripe.stripe-blue, h2 .stripe.stripe-blue, h3 .stripe.stripe-blue, h4 .stripe.stripe-blue, h5 .stripe.stripe-blue, h6 .stripe.stripe-blue, .h1 .stripe.stripe-blue, .h2 .stripe.stripe-blue, .h3 .stripe.stripe-blue, .h4 .stripe.stripe-blue, .h5 .stripe.stripe-blue, .h6 .stripe.stripe-blue {
  position: relative;
  z-index: 20;
  padding-left: 1.5rem;
  padding-right: 1rem;
  line-height: 4rem;
}
h1 .stripe.stripe-blue::after, h2 .stripe.stripe-blue::after, h3 .stripe.stripe-blue::after, h4 .stripe.stripe-blue::after, h5 .stripe.stripe-blue::after, h6 .stripe.stripe-blue::after, .h1 .stripe.stripe-blue::after, .h2 .stripe.stripe-blue::after, .h3 .stripe.stripe-blue::after, .h4 .stripe.stripe-blue::after, .h5 .stripe.stripe-blue::after, .h6 .stripe.stripe-blue::after {
  position: absolute;
  top: 0px;
  left: -15px;
  z-index: 10;
  margin: auto;
  display: block;
  height: 100%;
  width: 115%;
  background-image: url("../img/stripe-blue.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .stripe.stripe-blue .stripe-blue-text,
h1 .stripe.stripe-blue span,
h2 .stripe.stripe-blue .stripe-blue-text,
h2 .stripe.stripe-blue span,
h3 .stripe.stripe-blue .stripe-blue-text,
h3 .stripe.stripe-blue span,
h4 .stripe.stripe-blue .stripe-blue-text,
h4 .stripe.stripe-blue span,
h5 .stripe.stripe-blue .stripe-blue-text,
h5 .stripe.stripe-blue span,
h6 .stripe.stripe-blue .stripe-blue-text,
h6 .stripe.stripe-blue span,
.h1 .stripe.stripe-blue .stripe-blue-text,
.h1 .stripe.stripe-blue span,
.h2 .stripe.stripe-blue .stripe-blue-text,
.h2 .stripe.stripe-blue span,
.h3 .stripe.stripe-blue .stripe-blue-text,
.h3 .stripe.stripe-blue span,
.h4 .stripe.stripe-blue .stripe-blue-text,
.h4 .stripe.stripe-blue span,
.h5 .stripe.stripe-blue .stripe-blue-text,
.h5 .stripe.stripe-blue span,
.h6 .stripe.stripe-blue .stripe-blue-text,
.h6 .stripe.stripe-blue span {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
h1 .stripe.stripe-white, h2 .stripe.stripe-white, h3 .stripe.stripe-white, h4 .stripe.stripe-white, h5 .stripe.stripe-white, h6 .stripe.stripe-white, .h1 .stripe.stripe-white, .h2 .stripe.stripe-white, .h3 .stripe.stripe-white, .h4 .stripe.stripe-white, .h5 .stripe.stripe-white, .h6 .stripe.stripe-white {
  position: relative;
  z-index: 10;
  margin-top: 0.5rem;
}
h1 .stripe.stripe-white::after, h2 .stripe.stripe-white::after, h3 .stripe.stripe-white::after, h4 .stripe.stripe-white::after, h5 .stripe.stripe-white::after, h6 .stripe.stripe-white::after, .h1 .stripe.stripe-white::after, .h2 .stripe.stripe-white::after, .h3 .stripe.stripe-white::after, .h4 .stripe.stripe-white::after, .h5 .stripe.stripe-white::after, .h6 .stripe.stripe-white::after {
  position: absolute;
  top: 0px;
  left: -32px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 120%;
  min-width: 250px;
  background-image: url("../img/stripe-white.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .stripe.stripe-white .stripe-white-text,
h1 .stripe.stripe-white span,
h2 .stripe.stripe-white .stripe-white-text,
h2 .stripe.stripe-white span,
h3 .stripe.stripe-white .stripe-white-text,
h3 .stripe.stripe-white span,
h4 .stripe.stripe-white .stripe-white-text,
h4 .stripe.stripe-white span,
h5 .stripe.stripe-white .stripe-white-text,
h5 .stripe.stripe-white span,
h6 .stripe.stripe-white .stripe-white-text,
h6 .stripe.stripe-white span,
.h1 .stripe.stripe-white .stripe-white-text,
.h1 .stripe.stripe-white span,
.h2 .stripe.stripe-white .stripe-white-text,
.h2 .stripe.stripe-white span,
.h3 .stripe.stripe-white .stripe-white-text,
.h3 .stripe.stripe-white span,
.h4 .stripe.stripe-white .stripe-white-text,
.h4 .stripe.stripe-white span,
.h5 .stripe.stripe-white .stripe-white-text,
.h5 .stripe.stripe-white span,
.h6 .stripe.stripe-white .stripe-white-text,
.h6 .stripe.stripe-white span {
  position: relative;
  z-index: 30;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity, 1));
}
h1 .stripe.stripe-inline.stripe-blue,
h1 .stripe.stripe-inline.stripe-white,
h2 .stripe.stripe-inline.stripe-blue,
h2 .stripe.stripe-inline.stripe-white,
h3 .stripe.stripe-inline.stripe-blue,
h3 .stripe.stripe-inline.stripe-white,
h4 .stripe.stripe-inline.stripe-blue,
h4 .stripe.stripe-inline.stripe-white,
h5 .stripe.stripe-inline.stripe-blue,
h5 .stripe.stripe-inline.stripe-white,
h6 .stripe.stripe-inline.stripe-blue,
h6 .stripe.stripe-inline.stripe-white,
.h1 .stripe.stripe-inline.stripe-blue,
.h1 .stripe.stripe-inline.stripe-white,
.h2 .stripe.stripe-inline.stripe-blue,
.h2 .stripe.stripe-inline.stripe-white,
.h3 .stripe.stripe-inline.stripe-blue,
.h3 .stripe.stripe-inline.stripe-white,
.h4 .stripe.stripe-inline.stripe-blue,
.h4 .stripe.stripe-inline.stripe-white,
.h5 .stripe.stripe-inline.stripe-blue,
.h5 .stripe.stripe-inline.stripe-white,
.h6 .stripe.stripe-inline.stripe-blue,
.h6 .stripe.stripe-inline.stripe-white {
  display: inline-block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transform: translate(-10px, 20px);
}
h1,
.h1 {
  font-size: 42px;
  line-height: 2.5rem;
}
h2,
.h2 {
  font-size: 34px;
  line-height: 2.5rem;
}
h3,
.h3 {
  font-size: 28px;
  line-height: 2.5rem;
}
h4,
.h4 {
  font-size: 24px;
  line-height: 1.75rem;
}
h5,
.h5 {
  font-size: 18px;
  line-height: 1.75rem;
}
h6,
.h6 {
  font-size: 18px;
  line-height: 1.75rem;
}
.light {
  font-weight: 300;
}
.bold {
  font-weight: 700;
}
.regular {
  font-weight: 400;
}
.subtitle {
  margin: 0px;
  text-align: center;
  --tw-text-opacity: 1;
  color: hsl(var(--neutral) / var(--tw-text-opacity, 1));
}
@font-face {
  font-family: Oswald;
  src: url(./fonts/Oswald.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
  color-scheme: dark;
  --neutral-100: 210 25% 98%;
  --neutral-200: 220 10% 94%;
  --neutral-300: 223 11% 88%;
  --neutral-400: 228 14% 86%;
  --neutral-500: 223 9% 71%;
  --neutral-600: 222 9% 61%;
  --neutral: 225 8% 54%;
  --neutral-800: 223 9% 46%;
  --neutral-900: 222 9% 38%;
  --neutral-1000: 223 9% 31%;
  --neutral-1100: 228 8% 23%;
  --neutral-1200: 223 9% 15%;
  --neutral-1300: 220 8% 8%;
  --contrast-100: 216 41% 88%;
  --contrast-200: 216 41% 76%;
  --contrast-300: 216 51% 65%;
  --contrast-400: 216 41% 40%;
  --contrast-500: 216 41% 36%;
  --contrast-600: 216 41% 28%;
  --contrast: 216 41% 18%;
  --contrast-800: 216 41% 18%;
  --contrast-900: 216 63% 12%;
  --contrast-1000: 217 67% 8%;
  --contrast-1100: 214 88% 6%;
  --primary-100: 266 97% 57%;
  --primary-200: 266 97% 57%;
  --primary-300: 266 97% 57%;
  --primary-400: 266 97% 57%;
  --primary-500: 266 97% 57%;
  --primary-600: 266 97% 57%;
  --primary: 266 97% 57%;
  --primary-800: 266 97% 57%;
  --primary-900: 266 97% 57%;
  --primary-1000: 266 97% 57%;
  --primary-1100: 266 97% 57%;
  --primary-1200: 266 97% 57%;
  --primary-1300: 266 97% 57%;
  --secondary-100: 229 73% 97%;
  --secondary-200: 232 76% 90%;
  --secondary-300: 232 61% 83%;
  --secondary-400: 232 54% 73%;
  --secondary-500: 232 66% 67%;
  --secondary-600: 233 88% 67%;
  --secondary: 233 91% 61%;
  --secondary-800: 233 76% 54%;
  --secondary-900: 233 74% 47%;
  --secondary-1000: 233 85% 40%;
  --secondary-1100: 234 89% 36%;
  --danger-100: 0 48% 95%;
  --danger-200: 0 47% 90%;
  --danger-300: 15 65% 88%;
  --danger-400: 11 100% 85%;
  --danger-500: 11 82% 74%;
  --danger-600: 11 92% 69%;
  --danger: 11 78% 62%;
  --danger-800: 0 73% 63%;
  --danger-900: 0 55% 56%;
  --danger-1000: 0 44% 49%;
  --danger-1100: 0 44% 42%;
  --danger-1200: 0 44% 35%;
  --success-100: 129 100% 93%;
  --success-200: 129 85% 90%;
  --success-300: 129 84% 80%;
  --success-400: 129 71% 75%;
  --success-500: 129 69% 69%;
  --success-600: 129 69% 65%;
  --success: 129 75% 66%;
  --success-800: 129 66% 59%;
  --success-900: 129 62% 55%;
  --success-1000: 129 48% 50%;
  --success-1100: 129 41% 46%;
  success-1200: #308B3D;
  --warning-100: 47 100% 96%;
  --warning-200: 47 90% 92%;
  --warning-300: 47 94% 87%;
  --warning-400: 47 90% 81%;
  --warning-500: 47 87% 73%;
  --warning-600: 47 75% 66%;
  --warning: 47 78% 61%;
  --warning-800: 30 64% 53%;
  --warning-900: 30 58% 47%;
  --warning-1000: 29 58% 41%;
  --warning-1100: 29 58% 35%;
  --warning-1200: 30 58% 29%;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.brick:hover .h1,
.brick:hover .h2,
.brick:hover .h3,
.brick:hover .h4,
.brick:hover .h5,
.brick:hover .h6 {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.brick:hover .h1 svg .svgText, .brick:hover .h2 svg .svgText, .brick:hover .h3 svg .svgText, .brick:hover .h4 svg .svgText, .brick:hover .h5 svg .svgText, .brick:hover .h6 svg .svgText {
  fill: hsl(var(--secondary) / 1);
  stroke-width: 25px;
}
.brick .h1,
.brick .h2,
.brick .h3,
.brick .h4,
.brick .h5,
.brick .h6 {
  margin-top: -2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.brick .h1 svg, .brick .h2 svg, .brick .h3 svg, .brick .h4 svg, .brick .h5 svg, .brick .h6 svg {
  width: 100%;
  text-align: center;
}
.brick .h1 svg .svgText, .brick .h2 svg .svgText, .brick .h3 svg .svgText, .brick .h4 svg .svgText, .brick .h5 svg .svgText, .brick .h6 svg .svgText {
  width: 100%;
  fill: hsl(var(--contrast) / 1);
  stroke: #fff;
  stroke-width: 15px;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  stroke-linejoin: round;
  paint-order: stroke;
}
@media (min-width: 1024px) {
  .brick-feature.revert {
    flex-direction: row-reverse;
  }
  .brick-feature.revert .brick-feature-text {
    text-align: left;
  }
  .brick-feature.revert .brick-feature-image {
    text-align: left;
  }
  .brick-feature .brick-feature-text.half {
    flex-basis: 50%;
  }
  .brick-feature .brick-feature-image.half {
    flex-basis: 50%;
  }
  .\!container {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.brick-feature.revert {
  display: flex;
  flex-direction: row;
  flex-direction: column;
}
.brick-feature.revert .brick-feature-text {
  text-align: center;
}
.brick-feature.revert .brick-feature-image {
  text-align: center;
}
.brick-feature .brick-feature-text.half {
  flex-basis: 100%;
}
.brick-feature .brick-feature-text_title .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.brick-feature .brick-feature-text_title .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.brick-feature .brick-feature-text_title .highlight {
  position: relative;
  z-index: 10;
}
.brick-feature .brick-feature-text_title .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.brick-feature .brick-feature-text_title .highlight span,.brick-feature .brick-feature-text_title .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.brick-feature .brick-feature-image.half {
  flex-basis: 100%;
}
.cursor {
  pointer-events: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 50;
  cursor: pointer;
  mix-blend-mode: difference;
  will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .cursor .cursor__circle {
    margin-top: -50%;
    margin-left: -50%;
    height: 2rem;
    width: 2rem;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    border-color: hsl(var(--neutral-300) / 0.65);
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .cursor.arrow::after {
    position: absolute;
    left: -50%;
    top: -50%;
    height: 100%;
    width: 100%;
    background-image: url("https://svgshare.com/i/MzQ.svg");
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
  }
  .cursor.arrow .cursor__circle {
    height: 4rem;
    width: 4rem;
    cursor: pointer;
    border-radius: 0.75rem;
    --tw-border-opacity: 1;
    border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  }
  .cursor.subtle .cursor__circle {
    opacity: 0.2;
  }
  .cursor.overlay .cursor__circle {
    height: 1.5rem;
    width: 1.5rem;
    border-color: transparent;
    background-color: hsl(var(--contrast) / 0.1);
  }
}
.\!container {
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 100% !important;
  max-width: 1536px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  max-width: 1536px;
  padding-left: 0px;
  padding-right: 0px;
}
.avatar {
  position: relative;
  display: flex;
  aspect-ratio: 1 / 1;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-300) / var(--tw-bg-opacity));
  background-size: cover;
  background-position: center;
  text-decoration-line: none;
}
.avatar > .avatar-name {
  font-weight: 700;
  text-align: center;
  text-decoration-line: none;
}
.avatar > .notification {
  position: absolute;
  bottom: -0.125rem;
  right: -0.125rem;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--contrast) / var(--tw-ring-opacity));
  --tw-ring-offset-width: 0px;
}
.avatar > .notification.notification-border-light {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.avatar-lg > .notification {
  bottom: -0.5rem;
  right: -0.5rem;
}
.avatar-lg-circle > .notification {
  bottom: -0.25rem;
  right: -0.25rem;
}
.avatar-sm > .notification {
  bottom: -0.125rem;
  right: -0.125rem;
}
.avatar-xs > .notification {
  bottom: -0.125rem;
  right: -0.125rem;
}
.avatar-circle > .notification {
  bottom: 0px;
  right: 0px;
}
.avatars {
  margin-left: -1.25rem;
  display: flex;
  padding-left: 2.5rem;
}
.avatars .avatar-stack {
  margin-left: -1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
}
.avatars .avatar-stack.avatar-border-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.avatars .avatar-stack > span {
  display: block;
  text-align: center;
}
.btn-wrapper .btn {
  margin-right: 0.5rem;
  display: block;
}
.btn-wrapper .btn:first-child {
  margin-right: 0px;
}
.btn-wrapper .btn.btn-primary,
.btn-wrapper .btn.btn-secondary,
.btn-wrapper .btn.btn-contrast,
.btn-wrapper .btn.btn-neutral,
.btn-wrapper .btn.btn-danger,
.btn-wrapper .btn.btn-warning,
.btn-wrapper .btn.btn-success,
.btn-wrapper .btn.btn-light {
  margin-left: 0.5rem;
  display: block;
}
.btn-wrapper .btn.btn-primary:first-child,
.btn-wrapper .btn.btn-secondary:first-child,
.btn-wrapper .btn.btn-contrast:first-child,
.btn-wrapper .btn.btn-neutral:first-child,
.btn-wrapper .btn.btn-danger:first-child,
.btn-wrapper .btn.btn-warning:first-child,
.btn-wrapper .btn.btn-success:first-child,
.btn-wrapper .btn.btn-light:first-child {
  margin-left: 0px;
}
.btn {
  display: flex;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  fill: #fff;
  stroke: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-family: Roboto Condensed, Arial;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity));
  text-decoration-line: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.btn.btn-inline-block {
  display: inline-block;
}
.btn.btn-square {
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}
.btn.btn-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
.btn.btn-primary .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-primary .notification-light > .notification-value {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.btn.btn-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.btn.btn-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-600) / var(--tw-bg-opacity));
}
.btn.btn-secondary:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-secondary .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-secondary .notification-light > .notification-value {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.btn.btn-contrast {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.btn.btn-contrast:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-600) / var(--tw-bg-opacity));
}
.btn.btn-contrast:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-contrast .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-contrast .notification-light > .notification-value {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.btn.btn-neutral {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral) / var(--tw-bg-opacity));
}
.btn.btn-neutral:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-800) / var(--tw-bg-opacity));
}
.btn.btn-neutral:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-neutral .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity));
}
.btn.btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-800) / var(--tw-bg-opacity));
}
.btn.btn-danger:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-danger .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-danger .notification-light > .notification-value {
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.btn.btn-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
}
.btn.btn-warning:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning-600) / var(--tw-bg-opacity));
}
.btn.btn-warning:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-warning .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
}
.btn.btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-800) / var(--tw-bg-opacity));
}
.btn.btn-success:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-success .btn-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  fill: hsl(var(--contrast) / 1);
  stroke: hsl(var(--contrast) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.btn.btn-light:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
}
.btn.btn-light:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-light .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.btn.btn-border {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  padding: calc(0.75rem - 1px);
}
.btn.btn-border.btn-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
  fill: hsl(var(--primary) / 1);
  stroke: hsl(var(--primary) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.btn.btn-border.btn-primary:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  fill: hsl(var(--secondary) / 1);
  stroke: hsl(var(--secondary) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.btn.btn-border.btn-secondary:hover {
  background-color: hsl(var(--secondary-600) / 0.1);
}
.btn.btn-border.btn-secondary:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-secondary:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-contrast {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
  stroke: hsl(var(--contrast) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.btn.btn-border.btn-contrast:hover {
  background-color: hsl(var(--contrast) / 0.1);
}
.btn.btn-border.btn-contrast:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-contrast:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-neutral {
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral) / var(--tw-border-opacity));
  fill: hsl(var(--neutral) / 1);
  stroke: hsl(var(--neutral) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--neutral) / var(--tw-text-opacity));
}
.btn.btn-border.btn-neutral:hover {
  background-color: hsl(var(--neutral-800) / 0.1);
}
.btn.btn-border.btn-neutral:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-neutral:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  fill: hsl(var(--danger) / 1);
  stroke: hsl(var(--danger) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.btn.btn-border.btn-danger:hover {
  background-color: hsl(var(--danger-800) / 0.1);
}
.btn.btn-border.btn-danger:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-danger:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-warning {
  --tw-border-opacity: 1;
  border-color: hsl(var(--warning) / var(--tw-border-opacity));
  fill: hsl(var(--warning) / 1);
  stroke: hsl(var(--warning) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}
.btn.btn-border.btn-warning:hover {
  background-color: hsl(var(--warning-600) / 0.1);
}
.btn.btn-border.btn-warning:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-warning:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
  fill: hsl(var(--success) / 1);
  stroke: hsl(var(--success) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.btn.btn-border.btn-success:hover {
  background-color: hsl(var(--success-800) / 0.1);
}
.btn.btn-border.btn-success:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-border.btn-success:after {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
}
.btn.btn-border.btn-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  fill: #fff;
  stroke: #fff;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-border.btn-light:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.btn.btn-border.btn-light:disabled {
  cursor: not-allowed;
  background-color: rgb(255 255 255 / 0.1);
  opacity: 0.5;
}
.btn.btn-border.btn-light:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.btn.btn-ghost {
  border-style: none;
  background-color: transparent;
}
.btn.btn-ghost.btn-primary {
  fill: hsl(var(--primary) / 1);
  stroke: hsl(var(--primary) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-secondary {
  fill: hsl(var(--secondary) / 1);
  stroke: hsl(var(--secondary) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-secondary:hover {
  background-color: hsl(var(--secondary-600) / 0.1);
}
.btn.btn-ghost.btn-secondary:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-ghost.btn-contrast {
  fill: hsl(var(--contrast) / 1);
  stroke: hsl(var(--contrast) / 1);
  color: hsl(var(--contrast) / var(--tw-text-opacity));
  color: hsl(var(--danger) / var(--tw-text-opacity));
  --tw-text-opacity: 1;
}
.btn.btn-ghost.btn-contrast:hover {
  background-color: hsl(var(--contrast) / 0.1);
}
.btn.btn-ghost.btn-contrast:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-ghost.btn-neutral {
  fill: hsl(var(--neutral) / 1);
  stroke: hsl(var(--neutral) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--neutral) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-neutral:hover {
  background-color: hsl(var(--neutral-800) / 0.1);
}
.btn.btn-ghost.btn-neutral:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-ghost.btn-danger {
  fill: hsl(var(--danger) / 1);
  stroke: hsl(var(--danger) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-danger:hover {
  background-color: hsl(var(--danger-800) / 0.1);
}
.btn.btn-ghost.btn-danger:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-ghost.btn-warning {
  fill: hsl(var(--warning) / 1);
  stroke: hsl(var(--warning) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-warning:hover {
  background-color: hsl(var(--warning-600) / 0.1);
}
.btn.btn-ghost.btn-warning:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
}
.btn.btn-ghost.btn-success {
  fill: hsl(var(--success) / 1);
  stroke: hsl(var(--success) / 1);
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-success:hover {
  background-color: hsl(var(--success-800) / 0.1);
}
.btn.btn-ghost.btn-success:disabled {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 0.5;
}
.btn.btn-ghost.btn-light {
  fill: #fff;
  stroke: #fff;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-ghost.btn-light:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.btn.btn-ghost.btn-light:disabled {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 0.5;
}
.btn.btn-border.btn-primary .btn-label, .btn.btn-ghost.btn-primary .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.btn.btn-border.btn-secondary .btn-label, .btn.btn-ghost.btn-secondary .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.btn.btn-border.btn-contrast .btn-label, .btn.btn-ghost.btn-contrast .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.btn.btn-border.btn-neutral .btn-label, .btn.btn-ghost.btn-neutral .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--neutral) / var(--tw-text-opacity));
}
.btn.btn-border.btn-danger .btn-label, .btn.btn-ghost.btn-danger .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.btn.btn-border.btn-warning .btn-label, .btn.btn-ghost.btn-warning .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}
.btn.btn-border.btn-success .btn-label, .btn.btn-ghost.btn-success .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.btn.btn-border.btn-light .btn-label, .btn.btn-ghost.btn-light .btn-label {
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity));
}
.btn.btn-lg {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.025em;
}
.btn.btn-lg.btn-square {
  padding: 0.75rem;
}
.btn.btn-sm > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.btn.btn-sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.btn.btn-sm.btn-square {
  padding: 0.5rem;
}
.btn.btn-xs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.btn.btn-xs {
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.025em;
}
.btn.btn-xs.btn-square {
  padding: 0.5rem;
}
.btn .btn-label {
  align-self: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn .btn-icon,
.btn .notification {
  align-self: center;
}
.card {
  border-radius: 16px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.card .card-img {
  height: 16rem;
  width: 100%;
  border-radius: 8px;
  background-size: cover;
}
.card .card-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 3rem;
  text-align: center;
}
.card .card-actions {
  display: flex;
}
.chip {
  position: relative;
  display: flex;
  height: 2rem;
  align-items: center;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.chip > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.chip > .chip-label {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.chip > .notification {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.chip > svg {
  height: 1rem;
  width: 1rem;
  stroke: #fff;
}
.chip-sm {
  height: 2rem;
  padding: 0px;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.chip-sm > .notification {
  margin-left: 0px;
  margin-right: 0px;
}
.chip-xs > .notification {
  margin-left: 0px;
  margin-right: 0px;
}
.chip.chip-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
.chip.chip-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.chip.chip-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-600) / var(--tw-bg-opacity));
}
.chip.chip-contrast {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.chip.chip-neutral {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-400) / var(--tw-bg-opacity));
}
.chip.chip-neutral:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-300) / var(--tw-bg-opacity));
}
.chip.chip-neutral > .chip-label {
  align-self: center;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-neutral > svg {
  stroke: hsl(var(--contrast) / 1);
}
.chip.chip-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity));
}
.chip.chip-danger:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-800) / var(--tw-bg-opacity));
}
.chip.chip-danger:not(.chip-border, .chip-ghost) > .notification {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.chip.chip-contrast-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-400) / var(--tw-bg-opacity));
}
.chip.chip-contrast-400:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-500) / var(--tw-bg-opacity));
}
.chip.chip-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
}
.chip.chip-warning:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning-600) / var(--tw-bg-opacity));
}
.chip.chip-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
}
.chip.chip-success:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-800) / var(--tw-bg-opacity));
}
.chip.chip-light {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-light:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
}
.chip.chip-border {
  background-color: transparent;
}
.chip.chip-border::after {
  content: var(--tw-content);
  background-color: transparent;
}
.chip.chip-border.chip-primary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-primary > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.chip.chip-border.chip-primary > svg {
  stroke: hsl(var(--primary) / 1);
}
.chip.chip-border.chip-secondary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-secondary:hover {
  background-color: hsl(var(--secondary-600) / 0.1);
}
.chip.chip-border.chip-secondary > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.chip.chip-border.chip-secondary > svg {
  stroke: hsl(var(--secondary) / 1);
}
.chip.chip-border.chip-contrast > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-border.chip-contrast > svg {
  stroke: hsl(var(--contrast) / 1);
}
.chip.chip-border.chip-neutral::after {
  background-color: hsl(var(--neutral) / var(--tw-bg-opacity));
  background-color: hsl(var(--neutral-400) / var(--tw-bg-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
}
.chip.chip-border.chip-neutral:hover {
  background-color: hsl(var(--neutral) / 0.1);
}
.chip.chip-border.chip-neutral > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-border.chip-neutral > svg {
  stroke: hsl(var(--neutral) / 1);
}
.chip.chip-border.chip-contrast-400::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-400) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-contrast-400:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.chip.chip-border.chip-contrast-400 > .chip-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.chip.chip-border.chip-contrast-400 > svg {
  stroke: #fff;
}
.chip.chip-border.chip-danger::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-danger:hover {
  background-color: hsl(var(--danger-800) / 0.1);
}
.chip.chip-border.chip-danger > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.chip.chip-border.chip-danger > svg {
  stroke: hsl(var(--danger) / 1);
}
.chip.chip-border.chip-warning::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-warning:hover {
  background-color: hsl(var(--warning-600) / 0.1);
}
.chip.chip-border.chip-warning > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}
.chip.chip-border.chip-warning > svg {
  stroke: hsl(var(--warning) / 1);
}
.chip.chip-border.chip-success::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-success:hover {
  background-color: hsl(var(--success-800) / 0.1);
}
.chip.chip-border.chip-success > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.chip.chip-border.chip-success > svg {
  stroke: hsl(var(--success) / 1);
}
.chip.chip-border.chip-light::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
}
.chip.chip-border.chip-light:hover {
  background-color: hsl(var(--neutral-200) / 0.1);
}
.chip.chip-border.chip-light > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity));
}
.chip.chip-border.chip-light > svg {
  stroke: hsl(var(--neutral-100) / 1);
}
.chip.chip-ghost {
  background-color: transparent;
}
.chip.chip-ghost::after {
  content: var(--tw-content);
  background-color: transparent;
}
.chip.chip-ghost.chip-primary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}
.chip.chip-ghost.chip-primary > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-primary > svg {
  stroke: hsl(var(--primary) / 1);
}
.chip.chip-ghost.chip-secondary:hover {
  background-color: hsl(var(--secondary-600) / 0.1);
}
.chip.chip-ghost.chip-secondary > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-secondary > svg {
  stroke: hsl(var(--secondary) / 1);
}
.chip.chip-ghost.chip-contrast::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.chip.chip-ghost.chip-contrast:hover {
  background-color: hsl(var(--contrast) / 0.1);
}
.chip.chip-ghost.chip-contrast > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-contrast > svg {
  stroke: hsl(var(--contrast) / 1);
}
.chip.chip-ghost.chip-neutral::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-400) / var(--tw-bg-opacity));
}
.chip.chip-ghost.chip-neutral:hover {
  background-color: hsl(var(--neutral) / 0.1);
}
.chip.chip-ghost.chip-neutral > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-neutral > svg {
  stroke: hsl(var(--neutral) / 1);
}
.chip.chip-ghost.chip-contrast-400::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-400) / var(--tw-bg-opacity));
}
.chip.chip-ghost.chip-contrast-400:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.chip.chip-ghost.chip-contrast-400 > .chip-label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-contrast-400 > svg {
  stroke: #fff;
}
.chip.chip-ghost.chip-danger:hover {
  background-color: hsl(var(--danger-800) / 0.1);
}
.chip.chip-ghost.chip-danger > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-danger > svg {
  stroke: hsl(var(--danger) / 1);
}
.chip.chip-ghost.chip-warning:hover {
  background-color: hsl(var(--warning-600) / 0.1);
}
.chip.chip-ghost.chip-warning > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-warning > svg {
  stroke: hsl(var(--warning) / 1);
}
.chip.chip-ghost.chip-success:hover {
  background-color: hsl(var(--success-800) / 0.1);
}
.chip.chip-ghost.chip-success > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-success > svg {
  stroke: hsl(var(--success) / 1);
}
.chip.chip-ghost.chip-light:hover {
  background-color: hsl(var(--neutral-200) / 0.1);
}
.chip.chip-ghost.chip-light > .chip-label {
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity));
}
.chip.chip-ghost.chip-light > svg {
  stroke: hsl(var(--neutral-100) / 1);
}
.clients {
  margin: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  text-align: center;
}
.clients .client {
  flex-grow: 1;
  list-style-type: none;
  padding: 1rem;
}
.clients .\!client {
  flex-grow: 1 !important;
  list-style-type: none !important;
  padding: 1rem !important;
}
@media (min-width: 1024px) {
  .clients .client {
    flex-basis: 25%;
  }
  .clients .\!client {
    flex-basis: 25% !important;
  }
  .footer .footer-wrapper {
    flex-direction: row;
  }
  .footer .footer-wrapper .footer-col {
    flex-basis: 50%;
  }
}
.clients .client img {
  opacity: 0.5;
}
.clients .\!client img {
  opacity: 0.5 !important;
}
.clients .client img:hover {
  opacity: 1;
}
.clients .\!client img:hover {
  opacity: 1 !important;
}
@media (min-width: 640px) {
  .clients .client img {
    width: 100%;
  }
  .clients .\!client img {
    width: 100% !important;
  }
  .features .feature-content .feature-content-wrapper .feature-content-icon {
    display: block;
  }
  .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title {
    padding-bottom: 0px;
  }
}
@media (min-width: 1280px) {
  .clients .client img {
    width: auto;
  }
  .clients .\!client img {
    width: auto !important;
  }
}
.features {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
}
.features:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
}
.features .feature-content {
  flex-basis: 66.666667%;
}
.features .feature-content .feature-content-wrapper {
  display: flex;
}
.features .feature-content .feature-content-wrapper .feature-content-icon {
  margin-top: 0.5rem;
  margin-left: 1.5rem;
  display: none;
  padding: 1rem;
}
.features .feature-content .feature-content-wrapper .feature-content-icon > img {
  margin: auto;
}
.features .feature-content .feature-content-wrapper .feature-content-content {
  padding: 1rem;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title {
  margin: 0px;
  font-family: Bebas Neue, Arial;
  text-transform: uppercase;
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
  font-weight: 300;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .highlight {
  position: relative;
  z-index: 10;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .highlight span,.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-blue {
  position: relative;
  z-index: 20;
  padding-left: 1.5rem;
  padding-right: 1rem;
  line-height: 4rem;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-blue::after {
  position: absolute;
  top: 0px;
  left: -15px;
  z-index: 10;
  margin: auto;
  display: block;
  height: 100%;
  width: 115%;
  background-image: url("../img/stripe-blue.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-blue .stripe-blue-text,.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-blue span {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-white {
  position: relative;
  z-index: 10;
  margin-top: 0.5rem;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-white::after {
  position: absolute;
  top: 0px;
  left: -32px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 120%;
  min-width: 250px;
  background-image: url("../img/stripe-white.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-white .stripe-white-text,.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-white span {
  position: relative;
  z-index: 30;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-inline.stripe-blue,.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .stripe.stripe-inline.stripe-white {
  transform: translate(-10px, 20px);
  display: inline-block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.brick:hover .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.brick:hover .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title svg .svgText {
  fill: hsl(var(--secondary) / 1);
  stroke-width: 25px;
}
.brick .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title {
  margin-top: -2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.brick .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title svg {
  width: 100%;
  text-align: center;
}
.brick .features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title svg .svgText {
  width: 100%;
  fill: hsl(var(--contrast) / 1);
  stroke: #fff;
  stroke-width: 15px;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  stroke-linejoin: round;
  paint-order: stroke;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title strong,
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title b {
  font-weight: 700;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title > p {
  margin: 0px;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-desc {
  font-size: 1.125rem;
  font-style: italic;
  margin-top: 1rem;
  line-height: 1.5rem;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-desc > p {
  margin: 0px;
}
.footer {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
  padding-top: 2rem;
}
.footer .footer-wrapper {
  margin-top: 8rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .footer .footer-wrapper {
    text-align: left;
  }
}
.footer .footer-wrapper .footer-col {
  position: relative;
  width: 100%;
  flex-basis: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.footer .footer-wrapper .footer-col::after {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-300) / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.footer .footer-wrapper .footer-col:first-child::after {
  content: var(--tw-content);
  display: none;
}
.footer .footer-wrapper .footer-col .footer-col-title {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.footer .footer-wrapper .footer-col .footer-col-title::after {
  position: absolute;
  left: -34px;
  top: 0px;
  bottom: 0px;
  z-index: 10;
  height: 100%;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.footer .footer-wrapper .footer-col .footer-menu {
  margin: 0px;
  padding: 0px;
}
.footer .footer-wrapper .footer-col .footer-menu .footer-menu-element {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.footer .footer-wrapper .footer-col .footer-menu .footer-menu-element .footer-menu-link {
  font-weight: 400;
  position: relative;
  display: block;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.footer .footer-wrapper .footer-col .footer-menu .footer-menu-element .footer-menu-link::after {
  position: absolute;
  bottom: 0.5rem;
  left: 0.25rem;
  height: 1px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.footer .footer-wrapper .footer-col .footer-menu .footer-menu-element .footer-menu-link:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.footer .footer-wrapper .footer-col .footer-menu .footer-menu-element .footer-menu-link:hover::after {
  content: var(--tw-content);
  width: 2.5rem;
}
.footer .footer-wrapper .footer-col .footer-menu.footer-social {
  list-style-type: none;
}
.footer .footer-wrapper .footer-col .footer-menu.footer-social .footer-social-elt {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
}
.footer .footer-wrapper .footer-col .footer-menu.footer-social .footer-social-elt .footer-social-link {
  opacity: 0.7;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.footer .footer-wrapper .footer-col .footer-menu.footer-social .footer-social-elt .footer-social-link:hover {
  opacity: 1;
}
@keyframes floating2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hpblock .hpblock-right .hpblock-right-image-2.play {
  animation-play-state: paused;
}
.hpblock .hpblock-right .hpblock-right-image-2.play:hover .btn-play {
  display: block;
  opacity: 0.5;
}
.hpblock .hpblock-right .hpblock-right-image-2.play:hover .btn-play svg.pause {
  display: block;
}
.hpblock .hpblock-right .hpblock-right-image-2.play:hover .btn-play svg.play {
  display: none;
}
.hpblock .hpblock-right .hpblock-right-image-2.play .btn-play {
  display: none;
}
@keyframes floating {
  0% {
    transform: translate(-4rem, 0);
  }
  50% {
    transform: translate(-5rem, 1rem);
  }
  100% {
    transform: translate(-4rem, 0);
  }
}
.input-label {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-top: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.input-label > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.\!peer:disabled ~ .input-label {
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}
.peer:disabled ~ .input-label {
  cursor: not-allowed;
  opacity: 0.7;
}
.input-label label {
  position: relative;
}
.input-label-light {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.input-label-inline > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.input-label-inline {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0px;
  padding-top: 0px;
}
.input-text {
  height: 2.75rem;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input-text::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity));
}
.input-text::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity));
}
.input-text:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity));
}
.input-text:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity));
}
.input-text:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.input-text:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-text:hover:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-text:focus:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-text.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.input-text.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-500) / var(--tw-border-opacity));
}
.input-text.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-900) / var(--tw-border-opacity));
}
.input-text.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-text.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger) / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger) / var(--tw-text-opacity)) !important;
}
.input-text.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-text.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity)) !important;
}
.input-text.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-text.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity)) !important;
}
.input-text-lg {
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.input-text-lg.input-icon-left {
  padding-left: 3rem;
}
.input-text-lg.input-icon-right {
  padding-right: 3rem;
}
.input-text-sm {
  height: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-text-sm.input-icon-left {
  padding-left: 2.5rem;
}
.input-text-sm.input-icon-right {
  padding-right: 2.5rem;
}
.input-text-xs {
  height: 2rem;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.input-text-xs.input-icon-left {
  padding-left: 2.5rem;
}
.input-text-xs.input-icon-right {
  padding-right: 2.5rem;
}
.input-text-light {
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.input-text-light::-moz-placeholder {
  color: hsl(var(--contrast) / 0.5);
}
.input-text-light::placeholder {
  color: hsl(var(--contrast) / 0.5);
}
.input-text-light:hover {
  background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
.input-text-light:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity));
}
.input-text-light:disabled {
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
  background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
.input-text-light:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1000) / var(--tw-text-opacity));
}
.input-text-light:hover:user-invalid {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-200) / var(--tw-bg-opacity));
}
.input-text-light:focus:user-invalid {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
}
.input-text-light.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success-1100) / var(--tw-text-opacity));
}
.input-text-light.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-800) / var(--tw-border-opacity));
}
.input-text-light.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1100) / var(--tw-border-opacity));
}
.input-text-light.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity));
}
.input-text-light.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity)) !important;
}
.input-text-light.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity));
}
.input-text-light.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity)) !important;
}
.input-text-light.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity));
}
.input-text-light.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity)) !important;
}
.input-text.input-icon-left {
  padding-left: 2.75rem;
}
.input-text.input-icon-right {
  padding-right: 2.75rem;
}
.input-number.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.input-number.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-500) / var(--tw-border-opacity));
}
.input-number.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-900) / var(--tw-border-opacity));
}
.input-number.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger) / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger) / var(--tw-text-opacity)) !important;
}
.input-number.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-number.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity)) !important;
}
.input-number.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-number.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity)) !important;
}
.input-number.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-number-light.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success-1100) / var(--tw-text-opacity));
}
.input-number-light.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-800) / var(--tw-border-opacity));
}
.input-number-light.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1100) / var(--tw-border-opacity));
}
.input-number-light.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity)) !important;
}
.input-number-light.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity));
}
.input-number-light.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity)) !important;
}
.input-number-light.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity));
}
.input-number-light.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity)) !important;
}
.input-number-light.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity));
}
.input-search {
  height: 3.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input-search::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-300) / var(--tw-text-opacity));
}
.input-search::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-300) / var(--tw-text-opacity));
}
.input-search:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity));
}
.input-search:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity));
}
.input-search:disabled {
  cursor: not-allowed;
}
.input-search:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-search:hover:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-search:focus:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-search-lg {
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.input-select {
  height: 2.75rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='31' height='21' viewBox='0 0 31 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.04 13.3163L15.6258 8.73054C16.2558 8.10058 15.8096 7.02344 14.9187 7.02344H5.74712C4.85622 7.02344 4.41005 8.10058 5.04001 8.73054L9.6258 13.3163C10.0163 13.7069 10.6495 13.7069 11.04 13.3163Z' fill='%23779CD3'/%3E %3C/svg%3E");
}
.input-select::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity));
}
.input-select::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity));
}
.input-select:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity));
}
.input-select:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity));
}
.input-select:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.input-select:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-select:hover:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-select:focus:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-select.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.input-select.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-500) / var(--tw-border-opacity));
}
.input-select.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-900) / var(--tw-border-opacity));
}
.input-select.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-select.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger) / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger) / var(--tw-text-opacity)) !important;
}
.input-select.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-select.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity)) !important;
}
.input-select.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-select.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity)) !important;
}
.input-select-lg.input-icon-left {
  padding-left: 3rem;
}
.input-select-sm.input-icon-left {
  padding-left: 2.5rem;
}
.input-select-xs.input-icon-left {
  padding-left: 2.5rem;
}
.input-select-light {
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.input-select-light::-moz-placeholder {
  color: hsl(var(--contrast) / 0.5);
}
.input-select-light::placeholder {
  color: hsl(var(--contrast) / 0.5);
}
.input-select-light:hover {
  background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
.input-select-light:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity));
}
.input-select-light:disabled {
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
  background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  opacity: 0.5;
}
.input-select-light:user-invalid {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1000) / var(--tw-text-opacity));
}
.input-select-light:hover:user-invalid {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-200) / var(--tw-bg-opacity));
}
.input-select-light:focus:user-invalid {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
}
.input-select-light.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success-1100) / var(--tw-text-opacity));
}
.input-select-light.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-800) / var(--tw-border-opacity));
}
.input-select-light.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1100) / var(--tw-border-opacity));
}
.input-select-light.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity));
}
.input-select-light.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity)) !important;
}
.input-select-light.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity));
}
.input-select-light.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity)) !important;
}
.input-select-light.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity));
}
.input-select-light.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity)) !important;
}
.input-select.input-icon-left {
  padding-left: 2.75rem;
}
.input-select.input-icon-right {
  padding-right: 2.75rem;
}
.input-tags.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}
.input-tags.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-500) / var(--tw-border-opacity));
}
.input-tags.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-900) / var(--tw-border-opacity));
}
.input-tags.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger) / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger) / var(--tw-text-opacity)) !important;
}
.input-tags.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity));
}
.input-tags.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity)) !important;
}
.input-tags.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-500) / var(--tw-border-opacity));
}
.input-tags.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity)) !important;
}
.input-tags.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-900) / var(--tw-border-opacity));
}
.input-tags-lg.input-icon-left {
  padding-left: 3rem;
}
.input-tags-sm.input-icon-left {
  padding-left: 2.5rem;
}
.input-tags-xs.input-icon-left {
  padding-left: 2.5rem;
}
.input-tags-light.success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--success-1100) / var(--tw-text-opacity));
}
.input-tags-light.success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-800) / var(--tw-border-opacity));
}
.input-tags-light.success:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success-1100) / var(--tw-border-opacity));
}
.input-tags-light.\!error {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity)) !important;
}
.input-tags-light.error {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1100) / var(--tw-text-opacity));
}
.input-tags-light.\!error:hover {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity)) !important;
}
.input-tags-light.error:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-800) / var(--tw-border-opacity));
}
.input-tags-light.\!error:focus {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity)) !important;
}
.input-tags-light.error:focus {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger-1100) / var(--tw-border-opacity));
}
.input-tags.input-icon-left {
  padding-left: 2.75rem;
}
.input-checkbox {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0px;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.input-checkbox::before {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 0px;
  width: 0px;
  background-color: transparent;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.input-checkbox::after {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 0px;
  width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.\!peer:checked ~ .input-checkbox {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity)) !important;
}
.peer:checked ~ .input-checkbox {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
}
.\!peer:checked ~ .input-checkbox::before {
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
  border-radius: 4px !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity)) !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.peer:checked ~ .input-checkbox::before {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.\!peer:checked ~ .input-checkbox::after {
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
  border-radius: 4px !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.91675 4.61882L4.83341 7.53548L10.6667 1.70215' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.peer:checked ~ .input-checkbox::after {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 4px;
  --tw-content: "";
  content: var(--tw-content);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.91675 4.61882L4.83341 7.53548L10.6667 1.70215' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.\!peer:disabled ~ .input-checkbox {
  cursor: not-allowed !important;
  opacity: 0.35 !important;
}
.peer:disabled ~ .input-checkbox {
  cursor: not-allowed;
  opacity: 0.35;
}
.input-checkbox.input-checkbox-white {
  border-width: 1.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-100) / var(--tw-border-opacity));
  background-color: transparent;
}
.\!peer:checked ~ .input-checkbox.input-checkbox-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.91675 4.61882L4.83341 7.53548L10.6667 1.70215' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: white !important;
}
.peer:checked ~ .input-checkbox.input-checkbox-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.91675 4.61882L4.83341 7.53548L10.6667 1.70215' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}
.input-radio {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  padding: 0px;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.input-radio::before {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 0px;
  width: 0px;
  background-color: transparent;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.input-radio::after {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  height: 0px;
  width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.input-radio:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity)) !important;
}
.peer:checked ~ .input-radio {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
}
.\!peer:checked ~ .input-radio::before {
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity)) !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.peer:checked ~ .input-radio::before {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.\!peer:checked ~ .input-radio::after {
  position: absolute !important;
  height: 0.625rem !important;
  width: 0.625rem !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.peer:checked ~ .input-radio::after {
  position: absolute;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.\!peer:disabled ~ .input-radio {
  cursor: not-allowed !important;
  opacity: 0.35 !important;
}
.peer:disabled ~ .input-radio {
  cursor: not-allowed;
  opacity: 0.35;
}
.input-radio-light {
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
}
.input-radio-light:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-light::before {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-light::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-light::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-light::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-white {
  border-color: rgb(255 255 255 / 0.5) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-white {
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-white::after {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-white::after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-radio-contrast {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-600) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.input-radio-contrast::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-radio-contrast:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-600) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-contrast {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-contrast {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-radio-contrast::after {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-radio-contrast::after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-switch {
  position: relative;
  height: 1.5rem;
  width: 2.75rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input-switch::after {
  position: absolute;
  top: 1px;
  inset-inline-start: 1px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.input-switch:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch::after {
  --tw-translate-x: 100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.peer:checked ~ .input-switch::after {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.\!peer:disabled ~ .input-switch {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.peer:disabled ~ .input-switch {
  cursor: not-allowed;
  opacity: 0.5;
}
.\!peer:checked ~ .input-switch:where([dir="rtl"], [dir="rtl"] *)::after {
  content: var(--tw-content) !important;
  --tw-translate-x: -100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.peer:checked ~ .input-switch:where([dir="rtl"], [dir="rtl"] *)::after {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!peer:checked ~ .input-switch-light {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-light {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch-light::after {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-light::after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-switch-white {
  border-color: rgb(255 255 255 / 0.2);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity));
}
.input-switch-white::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-switch-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch-white {
  border-color: rgb(255 255 255 / 0.5) !important;
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-white {
  border-color: rgb(255 255 255 / 0.5);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch-white::after {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-white::after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch-contrast {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-contrast {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.\!peer:checked ~ .input-switch-contrast::after {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.peer:checked ~ .input-switch-contrast::after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-range {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 0.5rem;
  border-radius: 8px;
  background-color: rgb(255 255 255 / 0.2);
}
.input-range .input-range-slider {
  position: relative;
  height: 100%;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-range .input-range-btn {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  aspect-ratio: 1 / 1;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.input-range .input-range-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-range.input-range-light {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
}
.input-range.input-range-light .input-range-slider {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.input-range.input-range-light .input-range-btn {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast) / var(--tw-border-opacity));
}
.input-range.input-range-light .input-range-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
}
.input-range.input-range-secondary {
  background-color: rgb(255 255 255 / 0.2);
}
.input-range.input-range-secondary .input-range-slider {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-range.input-range-secondary .input-range-btn {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.input-range.input-range-secondary .input-range-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-range.input-range-secondary.input-range-light {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
}
.input-range.input-range-secondary.input-range-light .input-range-slider {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-range.input-range-secondary.input-range-light .input-range-btn {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
}
.input-range.input-range-secondary.input-range-light .input-range-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.input-range.input-range-square .input-range-btn {
  height: 1.25rem;
  width: 2rem;
  border-radius: 8px;
}
.loading-wrapper .loading {
  display: grid;
  height: 100vh;
  place-items: center;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.col-icons .nav-submenu .nav-submenu-wrapper .menu-item .nav-menu-item-link .sub-menu-wrapper-row .sub-menu-wrapper-image {
  height: 3rem;
  max-height: 3rem;
  width: 3rem;
  max-width: 3rem;
  border-radius: 0;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.col-icons .nav-submenu .nav-submenu-wrapper .menu-item .nav-menu-item-link .sub-menu-wrapper-row .sub-menu-wrapper-description .sub-menu-wrapper-description-title {
  font-size: 18px;
  line-height: 1.5rem;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.col-4 .nav-submenu .nav-submenu-wrapper .menu-item {
  flex-basis: 25%;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.col-3 .nav-submenu .nav-submenu-wrapper .menu-item {
  flex-basis: 33.333333%;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type {
  position: absolute;
  right: 0px;
  flex-basis: 0px;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link {
  position: relative;
  width: 200px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  opacity: 0.8;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link::before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 2rem;
  margin: auto;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url("../img/arrow-down.svg");
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link:hover {
  border-color: transparent;
  background-color: transparent;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link:hover::before {
  content: var(--tw-content);
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link::after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0.5rem;
  margin: auto;
  display: block;
  height: 50px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.5;
  --tw-content: "";
  content: var(--tw-content);
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.last-small .nav-submenu .nav-submenu-wrapper .menu-item:last-of-type .nav-menu-item-link .sub-menu-wrapper-row .sub-menu-wrapper-description-title {
  font-weight: 400;
}
.nav-website .nav-menu .nav-menu-item.nav-menu-item-dd.active > a::before {
  content: var(--tw-content);
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-website .nav-menu .nav-menu-item.active:not(.nav-menu-item-burger) .nav-submenu {
  visibility: visible;
  display: block;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.nav-website .nav-menu .nav-menu-item.active:not(.nav-menu-item-burger) > .nav-menu-item-link {
  position: relative;
}
.nav-website .nav-menu .nav-menu-item.active:not(.nav-menu-item-burger) > .nav-menu-item-link::after {
  position: absolute;
  bottom: -16px;
  left: 0px;
  right: 0px;
  z-index: 50;
  margin: auto;
  height: 0px;
  width: 0px;
  border-left-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-top-width: 0px;
  border-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--contrast) / var(--tw-border-opacity));
  opacity: 0.8;
  --tw-content: "";
  content: var(--tw-content);
}
.nav-website .nav-menu .nav-menu-item.active:not(.nav-menu-item-burger) > .nav-menu-item-link .icon {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-website .nav-menu .nav-menu-item-burger.active .burger-line {
  position: absolute;
  left: 0px;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.nav-website .nav-menu .nav-menu-item-burger.active .burger-line:first-child {
  top: 50%;
  width: 1rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-website .nav-menu .nav-menu-item-burger.active .burger-line:last-child {
  top: 50%;
  width: 1rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.nav-website .nav-menu .nav-menu-item-burger.active .burger-line:nth-child(even) {
  display: none;
  width: 1.25rem;
}
.nav-website .nav-menu .nav-menu-item-burger .burger {
  position: relative;
  height: 1rem;
  width: 1.5rem;
}
.notification {
  font-weight: 700;
  display: flex;
  aspect-ratio: 1 / 1;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity));
  text-align: center;
}
.notification > .notification-value {
  display: block;
  width: 100%;
  align-self: center;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity));
}
.notification-success > .notification-value.white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pagination {
  margin: 0px;
  padding: 0px;
}
.pagination .pagination-item {
  margin-right: 0.25rem;
  display: inline-block;
  height: 0.25rem;
  width: 0.75rem;
  list-style-type: none;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-500) / var(--tw-bg-opacity));
}
.pagination .pagination-item.active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
}
.pagination .pagination-item.passed {
  background-color: hsl(var(--secondary) / 0.25);
}
.pricing {
  margin-top: 4rem;
  margin-bottom: 4rem;
  border-radius: 32px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
  padding: 0px;
  text-align: center;
}
.pricing .pricing-title {
  margin: 0px;
  font-family: Bebas Neue, Arial;
  text-transform: uppercase;
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-top: -2rem;
}
.pricing .pricing-title .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.pricing .pricing-title .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-title .highlight {
  position: relative;
  z-index: 10;
}
.pricing .pricing-title .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-title .highlight span,.pricing .pricing-title .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pricing .pricing-title .stripe.stripe-blue {
  position: relative;
  z-index: 20;
  padding-left: 1.5rem;
  padding-right: 1rem;
  line-height: 4rem;
}
.pricing .pricing-title .stripe.stripe-blue::after {
  position: absolute;
  top: 0px;
  left: -15px;
  z-index: 10;
  margin: auto;
  display: block;
  height: 100%;
  width: 115%;
  background-image: url("../img/stripe-blue.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-title .stripe.stripe-blue .stripe-blue-text,.pricing .pricing-title .stripe.stripe-blue span {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pricing .pricing-title .stripe.stripe-white {
  position: relative;
  z-index: 10;
  margin-top: 0.5rem;
}
.pricing .pricing-title .stripe.stripe-white::after {
  position: absolute;
  top: 0px;
  left: -32px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 120%;
  min-width: 250px;
  background-image: url("../img/stripe-white.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-title .stripe.stripe-white .stripe-white-text,.pricing .pricing-title .stripe.stripe-white span {
  position: relative;
  z-index: 30;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.pricing .pricing-title .stripe.stripe-inline.stripe-blue,.pricing .pricing-title .stripe.stripe-inline.stripe-white {
  transform: translate(-10px, 20px);
  display: inline-block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.brick:hover .pricing .pricing-title {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.brick:hover .pricing .pricing-title svg .svgText {
  fill: hsl(var(--secondary) / 1);
  stroke-width: 25px;
}
.brick .pricing .pricing-title {
  margin-top: -2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.brick .pricing .pricing-title svg {
  width: 100%;
  text-align: center;
}
.brick .pricing .pricing-title svg .svgText {
  width: 100%;
  fill: hsl(var(--contrast) / 1);
  stroke: #fff;
  stroke-width: 15px;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  stroke-linejoin: round;
  paint-order: stroke;
}
.pricing .pricing-sub {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.pricing .pricing-content {
  margin-bottom: 3rem;
}
.pricing .pricing-content p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: hsl(var(--neutral) / var(--tw-text-opacity));
}
.pricing .pricing-pricing {
  margin: 0px;
  font-family: Bebas Neue, Arial;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.75rem;
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-weight: 700;
}
.pricing .pricing-pricing .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.pricing .pricing-pricing .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-pricing .highlight {
  position: relative;
  z-index: 10;
}
.pricing .pricing-pricing .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-pricing .highlight span,.pricing .pricing-pricing .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pricing .pricing-pricing .stripe.stripe-blue {
  position: relative;
  z-index: 20;
  padding-left: 1.5rem;
  padding-right: 1rem;
  line-height: 4rem;
}
.pricing .pricing-pricing .stripe.stripe-blue::after {
  position: absolute;
  top: 0px;
  left: -15px;
  z-index: 10;
  margin: auto;
  display: block;
  height: 100%;
  width: 115%;
  background-image: url("../img/stripe-blue.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-pricing .stripe.stripe-blue .stripe-blue-text,.pricing .pricing-pricing .stripe.stripe-blue span {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.pricing .pricing-pricing .stripe.stripe-white {
  position: relative;
  z-index: 10;
  margin-top: 0.5rem;
}
.pricing .pricing-pricing .stripe.stripe-white::after {
  position: absolute;
  top: 0px;
  left: -32px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 120%;
  min-width: 250px;
  background-image: url("../img/stripe-white.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-pricing .stripe.stripe-white .stripe-white-text,.pricing .pricing-pricing .stripe.stripe-white span {
  position: relative;
  z-index: 30;
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity));
}
.pricing .pricing-pricing .stripe.stripe-inline.stripe-blue,.pricing .pricing-pricing .stripe.stripe-inline.stripe-white {
  transform: translate(-10px, 20px);
  display: inline-block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.brick:hover .pricing .pricing-pricing {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
}
.brick:hover .pricing .pricing-pricing svg .svgText {
  fill: hsl(var(--secondary) / 1);
  stroke-width: 25px;
}
.brick .pricing .pricing-pricing {
  margin-top: -2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.brick .pricing .pricing-pricing svg {
  width: 100%;
  text-align: center;
}
.brick .pricing .pricing-pricing svg .svgText {
  width: 100%;
  fill: hsl(var(--contrast) / 1);
  stroke: #fff;
  stroke-width: 15px;
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  stroke-linejoin: round;
  paint-order: stroke;
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .underline {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .underline::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .highlight {
  position: relative;
  z-index: 10;
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .highlight::after {
  position: absolute;
  top: 0px;
  left: -5px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 110%;
  width: 110%;
  background-image: url("../img/hightlight.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .highlight span,.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .highlight-text {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
table {
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-radius: 16px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));
}
table tbody tr th {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: left;
}
table tbody tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.bottom-action-bar .bottom-action-section #invite-btn {
  height: 2rem;
  min-height: 2rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 640px) {
  .bottom-action-bar .bottom-action-section #invite-btn {
    height: 2.5rem;
  }
}
.bottom-action-bar .bottom-action-section #register-btn {
  height: 2rem;
  min-height: 2rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 640px) {
  .bottom-action-bar .bottom-action-section #register-btn {
    height: 2.5rem;
  }
}
.bottom-action-bar .bottom-action-section button.large {
  width: -moz-max-content;
  width: max-content;
}
.bottom-action-bar .bottom-action-section .border-top-light {
    border-top: 4px solid #56EAFF;
    padding-top: 0px;
  }
.bottom-action-bar .bottom-action-section .border-top-warning {
    border-top: 4px solid rgb(233, 199, 76);
    padding-top: 0px;
  }
.bottom-action-bar .bottom-action-section .megaphone-confirm {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: hsl(var(--warning) / var(--tw-border-opacity, 1));
    transform: translateX(-38%);
    bottom: calc(100% + 1rem);
}
.bottom-action-bar .bottom-action-section .megaphone-confirm::before {
  border-color: rgb(27 27 41 / 0.95);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    margin-left: calc(50% - 15px - 1rem);
    z-index: 1;
}
.bottom-action-bar .bottom-action-section .megaphone-confirm::after {
  --tw-border-opacity: 1;
  border-color: hsl(var(--warning) / var(--tw-border-opacity, 1));
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    content: "";
    position: absolute;
    margin-top: 8px;
    margin-left: calc(50% - 15px - 1rem);
}
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button] {
    all: unset;
    margin: auto;
    min-width: -moz-fit-content;
    min-width: fit-content;
    cursor: pointer;
    border-radius: 0.25rem !important;
    padding: 0.2rem 0.8rem !important;
    height: initial !important;
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button].light {
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(20 48 76 / var(--tw-text-opacity, 1));
}
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button].dark {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button].dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 75 103 / var(--tw-bg-opacity, 1));
}
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button]:hover {
    filter: brightness(1.25);
  }
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button].disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bottom-action-bar .bottom-action-section .megaphone-confirm button[type=button].\!disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bottom-action-bar .bottom-action-section .disable-opacity {
  opacity: 0.5;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!-top-\[200px\] {
  top: -200px !important;
}
.\!bottom-0 {
  bottom: 0px !important;
}
.\!end-1 {
  inset-inline-end: 0.25rem !important;
}
.\!right-20 {
  right: 5rem !important;
}
.\!top-0 {
  top: 0px !important;
}
.\!top-\[30\%\] {
  top: 30% !important;
}
.-bottom-1\.5 {
  bottom: -0.375rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-3 {
  bottom: -0.75rem;
}
.-bottom-4 {
  bottom: -1rem;
}
.-end-5 {
  inset-inline-end: -1.25rem;
}
.-left-10 {
  left: -2.5rem;
}
.-left-16 {
  left: -4rem;
}
.-left-20 {
  left: -5rem;
}
.-right-10 {
  right: -2.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.-right-20 {
  right: -5rem;
}
.-right-60 {
  right: -15rem;
}
.-start-0\.5 {
  inset-inline-start: -0.125rem;
}
.-start-1 {
  inset-inline-start: -0.25rem;
}
.-start-2 {
  inset-inline-start: -0.5rem;
}
.-start-4 {
  inset-inline-start: -1rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-8 {
  top: -2rem;
}
.-top-\[50px\] {
  top: -50px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-12 {
  bottom: 3rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[4\.5rem\] {
  bottom: 4.5rem;
}
.bottom-\[4px\] {
  bottom: 4px;
}
.bottom-auto {
  bottom: auto;
}
.end-0 {
  inset-inline-end: 0px;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.end-4 {
  inset-inline-end: 1rem;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[130\%\] {
  right: 130%;
}
.right-\[40\%\] {
  right: 40%;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-0\.5 {
  inset-inline-start: 0.125rem;
}
.start-1 {
  inset-inline-start: 0.25rem;
}
.start-1\/2 {
  inset-inline-start: 50%;
}
.start-2 {
  inset-inline-start: 0.5rem;
}
.start-2\.5 {
  inset-inline-start: 0.625rem;
}
.start-9 {
  inset-inline-start: 2.25rem;
}
.start-\[2\.86rem\] {
  inset-inline-start: 2.86rem;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/3 {
  top: 33.333333%;
}
.top-10 {
  top: 2.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-\[-4px\] {
  top: -4px;
}
.top-\[70px\] {
  top: 70px;
}
.top-full {
  top: 100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[150\] {
  z-index: 150;
}
.z-\[1999\] {
  z-index: 1999;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[2001\] {
  z-index: 2001;
}
.z-\[206\] {
  z-index: 206;
}
.z-\[251\] {
  z-index: 251;
}
.z-\[2999\] {
  z-index: 2999;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3000\] {
  z-index: 3000;
}
.z-\[3001\] {
  z-index: 3001;
}
.z-\[301\] {
  z-index: 301;
}
.z-\[308\] {
  z-index: 308;
}
.z-\[310\] {
  z-index: 310;
}
.z-\[500\] {
  z-index: 500;
}
.z-\[600\] {
  z-index: 600;
}
.z-\[650\] {
  z-index: 650;
}
.z-\[700\] {
  z-index: 700;
}
.z-\[800\] {
  z-index: 800;
}
.z-\[900\] {
  z-index: 900;
}
.z-\[9998\] {
  z-index: 9998;
}
.z-\[999999999\] {
  z-index: 999999999;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[99\] {
  z-index: 99;
}
.order-last {
  order: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.\!m-0 {
  margin: 0px !important;
}
.\!m-auto {
  margin: auto !important;
}
.m-0 {
  margin: 0px;
}
.m-0\.5 {
  margin: 0.125rem;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-\[0\.25rem_0\.125rem\] {
  margin: 0.25rem 0.125rem;
}
.m-\[unset\] {
  margin: unset;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[4px\] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!-ml-\[13px\] {
  margin-left: -13px !important;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-1\.5 {
  margin-top: -0.375rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[1px\] {
  margin-bottom: 1px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-1\.5 {
  margin-inline-end: 0.375rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-2\.5 {
  margin-inline-end: 0.625rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-auto {
  margin-right: auto;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-52 {
  margin-top: 13rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[0\.2rem\] {
  margin-top: 0.2rem;
}
.mt-\[29px\] {
  margin-top: 29px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.\!h-32 {
  height: 8rem !important;
}
.\!h-full {
  height: 100% !important;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\/3 {
  height: 66.666667%;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\/4 {
  height: 75%;
}
.h-3\/5 {
  height: 60%;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[85px\] {
  height: 85px;
}
.h-\[calc\(100\%-2rem\)\] {
  height: calc(100% - 2rem);
}
.h-\[calc\(100\%-96px\)\] {
  height: calc(100% - 96px);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-36 {
  max-height: 9rem;
}
.max-h-4 {
  max-height: 1rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-52 {
  max-height: 13rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[150px\] {
  max-height: 150px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[230px\] {
  max-height: 230px;
}
.max-h-\[35vh\] {
  max-height: 35vh;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[75\%\] {
  max-height: 75%;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-100px\)\] {
  max-height: calc(100dvh - 100px);
}
.max-h-\[calc\(100vh-96px\)\] {
  max-height: calc(100vh - 96px);
}
.max-h-full {
  max-height: 100%;
}
.max-h-max {
  max-height: -moz-max-content;
  max-height: max-content;
}
.max-h-min {
  max-height: -moz-min-content;
  max-height: min-content;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-32 {
  min-height: 8rem;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-52 {
  min-height: 13rem;
}
.min-h-96 {
  min-height: 24rem;
}
.min-h-\[129px\] {
  min-height: 129px;
}
.min-h-\[1px\] {
  min-height: 1px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[8rem\] {
  min-height: 8rem;
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.min-h-full {
  min-height: 100%;
}
.\!w-1 {
  width: 0.25rem !important;
}
.\!w-\[100vw\] {
  width: 100vw !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[50em\] {
  width: 50em;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px);
}
.w-auto {
  width: auto;
}
.w-dvw {
  width: 100dvw;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.\!min-w-\[150px\] {
  min-width: 150px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-60 {
  min-width: 15rem;
}
.min-w-72 {
  min-width: 18rem;
}
.min-w-80 {
  min-width: 20rem;
}
.min-w-96 {
  min-width: 24rem;
}
.min-w-\[128px\] {
  min-width: 128px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.min-w-full {
  min-width: 100%;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4 {
  max-width: 1rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[241px\] {
  max-width: 241px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32px\] {
  max-width: 32px;
}
.max-w-\[42rem\] {
  max-width: 42rem;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[75\%\] {
  max-width: 75%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.\!flex-1 {
  flex: 1 1 0% !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0_1_0\] {
  flex: 0 1 0;
}
.flex-\[4\] {
  flex: 4;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.basis-40 {
  flex-basis: 10rem;
}
.table-auto {
  table-layout: auto;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-2 {
  --tw-border-spacing-x: 0.5rem;
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.\!-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-14 {
  --tw-translate-x: -3.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[3px\] {
  --tw-translate-x: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[calc\(50\%\+20vh\)\] {
  --tw-translate-y: calc(calc(50% + 20vh) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[3px\] {
  --tw-translate-y: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[270deg\] {
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\.5\] {
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[6\] {
  --tw-scale-x: 6;
  --tw-scale-y: 6;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[-1\] {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[0\%\] {
  --tw-scale-y: 0%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[10\%\] {
  --tw-scale-y: 10%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[100\%\] {
  --tw-scale-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[20\%\] {
  --tw-scale-y: 20%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[30\%\] {
  --tw-scale-y: 30%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[40\%\] {
  --tw-scale-y: 40%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[50\%\] {
  --tw-scale-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[60\%\] {
  --tw-scale-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[70\%\] {
  --tw-scale-y: 70%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[80\%\] {
  --tw-scale-y: 80%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[90\%\] {
  --tw-scale-y: 90%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_2s_linear_infinite\] {
  animation: spin 2s linear infinite;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-col-resize {
  cursor: col-resize !important;
}
.\!cursor-grab {
  cursor: grab !important;
}
.\!cursor-none {
  cursor: none !important;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-row-resize {
  cursor: row-resize;
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr\] {
  grid-template-columns: 1fr;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(64px\2c 3\.6em\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(64px,3.6em));
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-items-center {
  justify-items: center;
}
.\!gap-2 {
  gap: 0.5rem !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1rem * var(--tw-space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-white\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.2);
}
.place-self-center {
  place-self: center;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded {
  border-radius: 8px !important;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-md {
  border-radius: 12px !important;
}
.rounded {
  border-radius: 8px;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 16px;
}
.rounded-md {
  border-radius: 12px;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 32px;
}
.rounded-b {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-e-lg {
  border-start-end-radius: 16px;
  border-end-end-radius: 16px;
}
.rounded-l {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-r-lg {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rounded-s-lg {
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
}
.rounded-t {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-bl-none {
  border-bottom-left-radius: 0;
}
.rounded-br-md {
  border-bottom-right-radius: 12px;
}
.rounded-br-none {
  border-bottom-right-radius: 0;
}
.rounded-tl-lg {
  border-top-left-radius: 16px;
}
.rounded-tl-md {
  border-top-left-radius: 12px;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-hidden {
  border-style: hidden;
}
.border-none {
  border-style: none;
}
.\!border-contrast-400 {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity, 1)) !important;
}
.\!border-gray-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.\!border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-contrast-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--contrast-400) / var(--tw-border-opacity, 1));
}
.border-contrast\/80 {
  border-color: hsl(var(--contrast) / 0.8);
}
.border-cyan-400 {
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--danger) / var(--tw-border-opacity, 1));
}
.border-danger-900\/30 {
  border-color: hsl(var(--danger-900) / 0.3);
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-light-purple {
  --tw-border-opacity: 1;
  border-color: rgb(77 75 103 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
}
.border-secondary\/80 {
  border-color: hsl(var(--secondary) / 0.8);
}
.border-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity, 1));
}
.border-success-900\/30 {
  border-color: hsl(var(--success-900) / 0.3);
}
.border-transparent {
  border-color: transparent;
}
.border-warning-900\/30 {
  border-color: hsl(var(--warning-900) / 0.3);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/70 {
  border-color: rgb(255 255 255 / 0.7);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.border-b-blue-50 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(239 246 255 / var(--tw-border-opacity, 1));
}
.border-b-white\/20 {
  border-bottom-color: rgb(255 255 255 / 0.2);
}
.border-l-white\/10 {
  border-left-color: rgb(255 255 255 / 0.1);
}
.border-t-white\/10 {
  border-top-color: rgb(255 255 255 / 0.1);
}
.\!bg-contrast {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1) !important;
}
.\!bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2) !important;
}
.bg-\[rgb\(103\2c 185\2c 133\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(103 185 133 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--bg-color\)\] {
  background-color: var(--bg-color);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/35 {
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-contrast {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity, 1));
}
.bg-contrast-1100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-1100) / var(--tw-bg-opacity, 1));
}
.bg-contrast-200\/10 {
  background-color: hsl(var(--contrast-200) / 0.1);
}
.bg-contrast-300\/10 {
  background-color: hsl(var(--contrast-300) / 0.1);
}
.bg-contrast-900 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity, 1));
}
.bg-contrast\/10 {
  background-color: hsl(var(--contrast) / 0.1);
}
.bg-contrast\/20 {
  background-color: hsl(var(--contrast) / 0.2);
}
.bg-contrast\/30 {
  background-color: hsl(var(--contrast) / 0.3);
}
.bg-contrast\/50 {
  background-color: hsl(var(--contrast) / 0.5);
}
.bg-contrast\/60 {
  background-color: hsl(var(--contrast) / 0.6);
}
.bg-contrast\/75 {
  background-color: hsl(var(--contrast) / 0.75);
}
.bg-contrast\/80 {
  background-color: hsl(var(--contrast) / 0.8);
}
.bg-contrast\/85 {
  background-color: hsl(var(--contrast) / 0.85);
}
.bg-contrast\/90 {
  background-color: hsl(var(--contrast) / 0.9);
}
.bg-contrast\/95 {
  background-color: hsl(var(--contrast) / 0.95);
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity, 1));
}
.bg-danger-1000\/70 {
  background-color: hsl(var(--danger-1000) / 0.7);
}
.bg-danger-1200 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-1200) / var(--tw-bg-opacity, 1));
}
.bg-danger-900 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-900) / var(--tw-bg-opacity, 1));
}
.bg-danger-900\/20 {
  background-color: hsl(var(--danger-900) / 0.2);
}
.bg-dark-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 41 / var(--tw-bg-opacity, 1));
}
.bg-dark-purple\/70 {
  background-color: rgb(27 27 41 / 0.7);
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-700\/80 {
  background-color: rgb(55 65 81 / 0.8);
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-950\/50 {
  background-color: rgb(5 46 22 / 0.5);
}
.bg-light-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
}
.bg-neutral {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral) / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-pop-red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 71 90 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.bg-primary\/20 {
  background-color: hsl(var(--primary) / 0.2);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/30 {
  background-color: rgb(239 68 68 / 0.3);
}
.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-950\/50 {
  background-color: rgb(69 10 10 / 0.5);
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
.bg-secondary-800 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1));
}
.bg-secondary\/30 {
  background-color: hsl(var(--secondary) / 0.3);
}
.bg-secondary\/50 {
  background-color: hsl(var(--secondary) / 0.5);
}
.bg-secondary\/80 {
  background-color: hsl(var(--secondary) / 0.8);
}
.bg-secondary\/90 {
  background-color: hsl(var(--secondary) / 0.9);
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity, 1));
}
.bg-success-900\/20 {
  background-color: hsl(var(--success-900) / 0.2);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning-900\/20 {
  background-color: hsl(var(--warning-900) / 0.2);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/40 {
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/\[0\.06\] {
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/80 {
  background-color: rgb(250 204 21 / 0.8);
}
.bg-yellow-950\/50 {
  background-color: rgb(66 32 6 / 0.5);
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}
.\!bg-none {
  background-image: none !important;
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-contrast {
  --tw-gradient-from: hsl(var(--contrast) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--contrast) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-secondary-900 {
  --tw-gradient-from: hsl(var(--secondary-900) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--secondary-900) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-50\% {
  --tw-gradient-to-position: 50%;
}
.to-90\% {
  --tw-gradient-to-position: 90%;
}
.bg-cover {
  background-size: cover;
}
.bg-\[center_left_1rem\] {
  background-position: center left 1rem;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-contrast-200 {
  fill: hsl(var(--contrast-200) / 1);
}
.fill-inherit {
  fill: inherit;
}
.fill-red-500 {
  fill: #ef4444;
}
.fill-secondary {
  fill: hsl(var(--secondary) / 1);
}
.fill-transparent {
  fill: transparent;
}
.fill-white {
  fill: #fff;
}
.fill-white\/50 {
  fill: rgb(255 255 255 / 0.5);
}
.stroke-black {
  stroke: #000;
}
.stroke-contrast {
  stroke: hsl(var(--contrast) / 1);
}
.stroke-contrast-200 {
  stroke: hsl(var(--contrast-200) / 1);
}
.stroke-contrast-400 {
  stroke: hsl(var(--contrast-400) / 1);
}
.stroke-red-500 {
  stroke: #ef4444;
}
.stroke-secondary {
  stroke: hsl(var(--secondary) / 1);
}
.stroke-white {
  stroke: #fff;
}
.stroke-white\/50 {
  stroke: rgb(255 255 255 / 0.5);
}
.stroke-2 {
  stroke-width: 2;
}
.stroke-\[1\.5\] {
  stroke-width: 1.5;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[1px\] {
  padding: 1px;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-36 {
  padding-bottom: 9rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-\[0\.375rem\] {
  padding-bottom: 0.375rem;
}
.pe-0 {
  padding-inline-end: 0px;
}
.pe-0\.5 {
  padding-inline-end: 0.125rem;
}
.pe-1 {
  padding-inline-end: 0.25rem;
}
.pe-10 {
  padding-inline-end: 2.5rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pe-4 {
  padding-inline-end: 1rem;
}
.pe-8 {
  padding-inline-end: 2rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.ps-0 {
  padding-inline-start: 0px;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-4 {
  padding-inline-start: 1rem;
}
.ps-6 {
  padding-inline-start: 1.5rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.indent-3 {
  text-indent: 0.75rem;
}
.align-middle {
  vertical-align: middle;
}
.font-\[\'Roboto_Condensed\'\] {
  font-family: 'Roboto Condensed';
}
.font-main {
  font-family: Roboto Condensed, Arial;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text {
  font-size: 16px !important;
  line-height: 1.75rem !important;
}
.\!text-sm {
  font-size: 14px !important;
  line-height: 1.5rem !important;
}
.text {
  font-size: 16px;
  line-height: 1.75rem;
}
.text-2xl {
  font-size: 28px;
  line-height: 1.75rem;
}
.text-3xl {
  font-size: 34px;
  line-height: 1.75rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.9375rem\] {
  font-size: 0.9375rem;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 18px;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 14px;
  line-height: 1.5rem;
}
.text-xl {
  font-size: 24px;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 13px;
  line-height: 1.25rem;
}
.text-xxs {
  font-size: 11px;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.\!leading-6 {
  line-height: 1.5rem !important;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[1rem\] {
  letter-spacing: 1rem;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-danger-800 {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--danger-800) / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[var\(--text-color\)\] {
  color: var(--text-color);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-contrast {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast) / var(--tw-text-opacity, 1));
}
.text-contrast-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-300) / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: hsl(var(--danger) / var(--tw-text-opacity, 1));
}
.text-danger-1000 {
  --tw-text-opacity: 1;
  color: hsl(var(--danger-1000) / var(--tw-text-opacity, 1));
}
.text-danger-200 {
  --tw-text-opacity: 1;
  color: hsl(var(--danger-200) / var(--tw-text-opacity, 1));
}
.text-danger-800 {
  --tw-text-opacity: 1;
  color: hsl(var(--danger-800) / var(--tw-text-opacity, 1));
}
.text-danger-900 {
  --tw-text-opacity: 1;
  color: hsl(var(--danger-900) / var(--tw-text-opacity, 1));
}
.text-dark-purple {
  --tw-text-opacity: 1;
  color: rgb(27 27 41 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-light-blue {
  --tw-text-opacity: 1;
  color: rgb(86 234 255 / var(--tw-text-opacity, 1));
}
.text-neutral-100 {
  --tw-text-opacity: 1;
  color: hsl(var(--neutral-100) / var(--tw-text-opacity, 1));
}
.text-pop-red {
  --tw-text-opacity: 1;
  color: rgb(255 71 90 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-400\/90 {
  color: rgb(248 113 113 / 0.9);
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
}
.text-secondary-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-500) / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity, 1));
}
.text-warning-900 {
  --tw-text-opacity: 1;
  color: hsl(var(--warning-900) / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/10 {
  color: rgb(255 255 255 / 0.1);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-white\/95 {
  color: rgb(255 255 255 / 0.95);
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.\!placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important;
}
.\!placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)) !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0px 8px 50px 5px rgba(24, 24, 28, 0.03), 0px 32px 40px -30px rgba(24, 24, 28, 0.12);
  --tw-shadow-colored: 0px 8px 50px 5px var(--tw-shadow-color), 0px 32px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.50\)\] {
  --tw-shadow: 0 2px 0px rgba(0,0,0,0.50);
  --tw-shadow-colored: 0 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0px 8px 50px 8px rgba(24, 24, 28, 0.06), 0px 32px 40px -20px rgba(24, 24, 28, 0.12);
  --tw-shadow-colored: 0px 8px 50px 8px var(--tw-shadow-color), 0px 32px 40px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0px 2px 50px 3px rgba(24, 24, 28, 0.02), 0px 15px 24px -14px rgba(24, 24, 28, 0.12);
  --tw-shadow-colored: 0px 2px 50px 3px var(--tw-shadow-color), 0px 15px 24px -14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-white\/50 {
  --tw-shadow-color: rgb(255 255 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-4 {
  outline-width: 4px;
}
.outline-black\/30 {
  outline-color: rgb(0 0 0 / 0.3);
}
.outline-contrast {
  outline-color: hsl(var(--contrast) / 1);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-contrast\/80 {
  --tw-ring-color: hsl(var(--contrast) / 0.8);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[12px\] {
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2px\] {
  --tw-blur: blur(2px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-150 {
  --tw-brightness: brightness(1.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-50 {
  --tw-saturate: saturate(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-opacity-10 {
  --tw-backdrop-opacity: opacity(0.1);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
.\@container {
  container-type: inline-size;
}
.\@container\/actions {
  container-type: inline-size;
  container-name: actions;
}
.\@container\/main-layout {
  container-type: inline-size;
  container-name: main-layout;
}
.\@container\/videomediabox {
  container-type: inline-size;
  container-name: videomediabox;
}
.\[filter\:drop-shadow\(0_0_3px_rgb\(0\2c 0\2c 0\)\)_drop-shadow\(0_0_6px_rgb\(0\2c 0\2c 0\)\)_drop-shadow\(0_0_9px_rgb\(0\2c 0\2c 0\)\)\] {
  filter: drop-shadow(0 0 3px rgb(0,0,0)) drop-shadow(0 0 6px rgb(0,0,0)) drop-shadow(0 0 9px rgb(0,0,0));
}
button {
  border-style: none;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/********** Range Input Styles **********/
/*Range Reset*/
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
}
/* Removes default focus */
input[type=range]:focus {
  outline: none;
}
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  height: 1rem;
  border-radius: 32px;
  background-color: rgb(255 255 255 / 0.2);
}
/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -0.25rem;
  height: 1.5rem;
  width: 2.5rem;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input[type=range]:focus::-webkit-slider-thumb {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
/******** Firefox styles ********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: #053a5f;
  border-radius: 0.5rem;
  height: 0.5rem;
}
/* slider thumb */
input[type=range]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: #5cd5eb;
  height: 2rem;
  width: 1rem;
}
input[type=range]:focus::-moz-range-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem;
}
@media only screen and (max-width: 767px) {
  .chatWindow {
    width: 100% !important;
  }
}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(146 142 187 / var(--tw-bg-opacity, 1));
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:active {
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
}
.emoji-picker__overlay {
  background: none !important;
}
.emoji-picker__wrapper {
  bottom: 50px !important;
  top: auto !important;
}
.emoji-picker__wrapper .emoji-picker {
  border: none !important;
}
.wa-message .actions {
  visibility: hidden;
  justify-content: space-between;
}
.wa-message .actions .action {
  cursor: pointer;
  opacity: 0.8;
  position: relative;
}
.wa-message .actions .action .caption {
  position: absolute;
  border-radius: 32px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 41 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  display: none;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.wa-message .actions .action .caption::before {
  position: absolute;
  --tw-border-opacity: 1;
  border-top-color: rgb(146 142 187 / var(--tw-border-opacity, 1));
  left: calc(50% - 10px);
  top: 100.5%;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top-width: 6px;
  border-top-style: solid;
}
.wa-message .actions .action .caption::after {
  position: absolute;
  --tw-border-opacity: 1;
  border-top-color: rgb(27 27 41 / var(--tw-border-opacity, 1));
  margin-left: -50%;
  top: 100%;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
}
.wa-message .actions .action:hover {
  opacity: 1;
}
.wa-message .actions .action:hover .caption {
  display: block;
}
.wa-message:hover .actions {
  visibility: visible;
}
.wa-message-body {
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(15 31 45 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 13px;
  line-height: 1.25rem;
}
.wa-message-body p {
  white-space: pre-line;
  margin: 0;
}
.wa-message-body p .mention {
  margin: 0 2px;
  padding: 0px 4px;
  background-color: black;
  border-radius: 0.5rem;
  cursor: pointer;
}
.wa-message-body .file {
  margin-top: 0.25rem;
  position: relative;
}
.wa-message-body .file:hover .actions {
  display: flex;
}
.wa-message-body .file .actions {
  display: none;
  position: absolute;
  top: 0px;
  padding: 0px;
  cursor: pointer;
  flex-direction: column;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: rgb(77, 75, 103, var(--border-opacity));
  background-color: rgba(27, 27, 41, 0.95);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgb(255, 255, 255, var(--text-opacity));
  --shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-colored: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
  box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow);
  z-index: 1;
}
.wa-message-body .file .actions .action {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
  border-radius: 0.15rem;
}
.wa-message-body .file .actions .action > span {
  display: none;
}
.wa-message-body .file .actions .action:hover {
  --bg-opacity: 1;
  background-color: rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file .actions:hover span.action > span {
  display: block;
}
.wa-message-body .file .other-content {
  margin-right: 0.125rem;
  cursor: pointer;
  border-radius: 8px;
  padding: 0.125rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  --bg-opacity: 1;
  border: solid 1px rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file .other-content:hover {
  background-color: rgb(77, 75, 103, var(--bg-opacity));
}
.wa-message-body .file audio {
  max-width: 100%;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.selected .wa-message::after {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.chatWindow nav {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(77 75 103 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 41 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  width: calc(100% - 65px);
}
.chatWindow nav .background {
  position: absolute;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 32px;
  --tw-bg-opacity: 1;
  background-color: rgb(86 234 255 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  height: 26px;
  width: 48.5%;
}
.chatWindow nav .background.chat {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.chatWindow nav .background.hidden {
  display: none;
}
.chatWindow nav ul {
  margin: 0px;
  display: flex;
  width: 100%;
  list-style-type: none;
  justify-content: space-between;
  padding: 0px;
}
.chatWindow nav ul li {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  border-radius: 8px;
  border-radius: 1rem;
  text-align: center;
  font-weight: 700;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 1px 0;
  width: 48.5%;
}
.chatWindow nav ul li:not(.active):hover {
  background-color: rgba(146, 142, 187, 0.3);
}
.chatWindow nav ul li.active {
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.chatWindow {
  color: white;
  position: absolute;
  top: 0;
  min-width: 335px;
  width: 335px;
  pointer-events: auto;
  height: 100dvh;
  z-index: 2000;
}
.chatWindow .close-window {
  cursor: pointer;
}
.server-icon.sync:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
h1 .hover\:underline:hover, h2 .hover\:underline:hover, h3 .hover\:underline:hover, h4 .hover\:underline:hover, h5 .hover\:underline:hover, h6 .hover\:underline:hover, .h1 .hover\:underline:hover, .h2 .hover\:underline:hover, .h3 .hover\:underline:hover, .h4 .hover\:underline:hover, .h5 .hover\:underline:hover, .h6 .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
h1 .hover\:underline:hover::after, h2 .hover\:underline:hover::after, h3 .hover\:underline:hover::after, h4 .hover\:underline:hover::after, h5 .hover\:underline:hover::after, h6 .hover\:underline:hover::after, .h1 .hover\:underline:hover::after, .h2 .hover\:underline:hover::after, .h3 .hover\:underline:hover::after, .h4 .hover\:underline:hover::after, .h5 .hover\:underline:hover::after, .h6 .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.group:hover .group-hover\:bold {
  font-weight: 700;
}
.brick-feature .brick-feature-text_title .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.brick-feature .brick-feature-text_title .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.features .feature-content .feature-content-wrapper .feature-content-content .feature-content-title .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-title .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.pricing .pricing-title .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.pricing .pricing-pricing .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.pricing .pricing-pricing .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .hover\:underline:hover {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: hsl(var(--secondary) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.rgpd .rgpd-content .rgpd-content-flex .rgpd-content-col .rgpd-title .hover\:underline:hover::after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 6px;
  width: 100%;
  background-image: url("../img/underline.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}
.\*\:w-full > * {
  width: 100%;
}
.placeholder\:text-base::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-base::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-sm::-moz-placeholder {
  font-size: 14px;
  line-height: 1.5rem;
}
.placeholder\:text-sm::placeholder {
  font-size: 14px;
  line-height: 1.5rem;
}
.placeholder\:text-contrast-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity, 1));
}
.placeholder\:text-contrast-400::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--contrast-400) / var(--tw-text-opacity, 1));
}
.placeholder\:text-white\/50::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
}
.placeholder\:text-white\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-top-\[14px\]::before {
  content: var(--tw-content);
  top: -14px;
}
.before\:left-1::before {
  content: var(--tw-content);
  left: 0.25rem;
}
.before\:right-6::before {
  content: var(--tw-content);
  right: 1.5rem;
}
.before\:start-0::before {
  content: var(--tw-content);
  inset-inline-start: 0px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:-z-10::before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:h-0::before {
  content: var(--tw-content);
  height: 0px;
}
.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}
.before\:w-0::before {
  content: var(--tw-content);
  width: 0px;
}
.before\:w-\[1px\]::before {
  content: var(--tw-content);
  width: 1px;
}
.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}
.before\:rounded::before {
  content: var(--tw-content);
  border-radius: 8px;
}
.before\:rounded-lg::before {
  content: var(--tw-content);
  border-radius: 16px;
}
.before\:border-8::before {
  content: var(--tw-content);
  border-width: 8px;
}
.before\:border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}
.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}
.before\:border-b-contrast\/80::before {
  content: var(--tw-content);
  border-bottom-color: hsl(var(--contrast) / 0.8);
}
.before\:bg-contrast\/80::before {
  content: var(--tw-content);
  background-color: hsl(var(--contrast) / 0.8);
}
.before\:bg-white\/10::before {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.1);
}
.before\:backdrop-blur::before {
  content: var(--tw-content);
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-bottom-\[4px\]::after {
  content: var(--tw-content);
  bottom: -4px;
}
.after\:-start-0::after {
  content: var(--tw-content);
  inset-inline-start: -0px;
}
.after\:-start-4::after {
  content: var(--tw-content);
  inset-inline-start: -1rem;
}
.after\:-top-1::after {
  content: var(--tw-content);
  top: -0.25rem;
}
.after\:-top-4::after {
  content: var(--tw-content);
  top: -1rem;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:-z-20::after {
  content: var(--tw-content);
  z-index: -20;
}
.after\:z-0::after {
  content: var(--tw-content);
  z-index: 0;
}
.after\:h-2::after {
  content: var(--tw-content);
  height: 0.5rem;
}
.after\:h-48::after {
  content: var(--tw-content);
  height: 12rem;
}
.after\:h-6::after {
  content: var(--tw-content);
  height: 1.5rem;
}
.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-48::after {
  content: var(--tw-content);
  width: 12rem;
}
.after\:w-6::after {
  content: var(--tw-content);
  width: 1.5rem;
}
.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}
.after\:rounded-lg::after {
  content: var(--tw-content);
  border-radius: 16px;
}
.after\:bg-secondary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
.after\:bg-transparent::after {
  content: var(--tw-content);
  background-color: transparent;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.first\:pl-8:first-child {
  padding-left: 2rem;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.first\:pt-\[12px\]:first-child {
  padding-top: 12px;
}
.last\:pb-3:last-child {
  padding-bottom: 0.75rem;
}
.last\:pr-8:last-child {
  padding-right: 2rem;
}
.odd\:bg-white\/10:nth-child(odd) {
  background-color: rgb(255 255 255 / 0.1);
}
.even\:bg-white\/5:nth-child(even) {
  background-color: rgb(255 255 255 / 0.05);
}
.first-of-type\:rounded-s-lg:first-of-type {
  border-start-start-radius: 16px;
  border-end-start-radius: 16px;
}
.first-of-type\:ps-2:first-of-type {
  padding-inline-start: 0.5rem;
}
.last-of-type\:rounded-e-lg:last-of-type {
  border-start-end-radius: 16px;
  border-end-end-radius: 16px;
}
.last-of-type\:pe-2:last-of-type {
  padding-inline-end: 0.5rem;
}
.empty\:hidden:empty {
  display: none;
}
.hover\:-translate-y-px:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:animate-none:hover {
  animation: none;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.hover\:animate-pulse:hover {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.hover\:\!cursor-pointer:hover {
  cursor: pointer !important;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:rounded:hover {
  border-radius: 8px;
}
.hover\:rounded-md:hover {
  border-radius: 12px;
}
.hover\:\!border:hover {
  border-width: 1px !important;
}
.hover\:border-b-2:hover {
  border-bottom-width: 2px;
}
.hover\:\!border-solid:hover {
  border-style: solid !important;
}
.hover\:\!border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3) !important;
}
.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}
.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}
.hover\:\!bg-transparent:hover {
  background-color: transparent !important;
}
.hover\:\!bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1) !important;
}
.hover\:\!bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2) !important;
}
.hover\:\!bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3) !important;
}
.hover\:bg-black\/20:hover {
  background-color: rgb(0 0 0 / 0.2);
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-contrast:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--contrast) / var(--tw-bg-opacity, 1));
}
.hover\:bg-contrast-200\/10:hover {
  background-color: hsl(var(--contrast-200) / 0.1);
}
.hover\:bg-contrast-200\/20:hover {
  background-color: hsl(var(--contrast-200) / 0.2);
}
.hover\:bg-contrast-600\/50:hover {
  background-color: hsl(var(--contrast-600) / 0.5);
}
.hover\:bg-contrast\/10:hover {
  background-color: hsl(var(--contrast) / 0.1);
}
.hover\:bg-contrast\/100:hover {
  background-color: hsl(var(--contrast) / 1);
}
.hover\:bg-contrast\/90:hover {
  background-color: hsl(var(--contrast) / 0.9);
}
.hover\:bg-danger:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger-400\/10:hover {
  background-color: hsl(var(--danger-400) / 0.1);
}
.hover\:bg-danger-600:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--danger-600) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger-900\/50:hover {
  background-color: hsl(var(--danger-900) / 0.5);
}
.hover\:bg-neutral-600:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--neutral-600) / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500\/20:hover {
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-red-500\/30:hover {
  background-color: rgb(239 68 68 / 0.3);
}
.hover\:bg-red-500\/40:hover {
  background-color: rgb(239 68 68 / 0.4);
}
.hover\:bg-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary-600:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-600) / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary-800:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1));
}
.hover\:bg-success-400\/10:hover {
  background-color: hsl(var(--success-400) / 0.1);
}
.hover\:bg-success-900\/50:hover {
  background-color: hsl(var(--success-900) / 0.5);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-warning-900\/50:hover {
  background-color: hsl(var(--warning-900) / 0.5);
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover {
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/30:hover {
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1;
}
.hover\:bg-opacity-100:hover {
  --tw-bg-opacity: 1;
}
.hover\:stroke-white:hover {
  stroke: #fff;
}
.hover\:text-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(15 31 45 / var(--tw-text-opacity, 1));
}
.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:brightness-100:hover {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:brightness-50:hover {
  --tw-brightness: brightness(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:backdrop-blur-0:hover {
  --tw-backdrop-blur: blur(0);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-current:focus-visible {
  outline-color: currentColor;
}
.focus-visible\:outline-white\/60:focus-visible {
  outline-color: rgb(255 255 255 / 0.6);
}
.active\:\!cursor-grabbing:active {
  cursor: grabbing !important;
}
.active\:bg-transparent:active {
  background-color: transparent;
}
.active\:outline-none:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.disabled\:\!cursor-none:disabled {
  cursor: none !important;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-gray-500:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.disabled\:text-white:disabled {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:right-11 {
  right: 2.75rem;
}
.group:hover .group-hover\:right-4 {
  right: 1rem;
}
.group:hover .group-hover\:right-6 {
  right: 1.5rem;
}
.group\/audio-playing:hover .group-hover\/audio-playing\:block {
  display: block;
}
.group\/audio-playing:hover .group-hover\/audio-playing\:hidden {
  display: none;
}
.group\/menu-item:hover .group-hover\/menu-item\:h-full {
  height: 100%;
}
.group\/chatItem:hover .group-hover\/chatItem\:translate-y-\[0\] {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/resize-handle:hover .group-hover\/resize-handle\:-translate-y-4 {
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-2 {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-\[0\] {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-rotate-6 {
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-3 {
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[2\.5\] {
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rounded {
  border-radius: 8px;
}
.group\/range:hover .group-hover\/range\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.group\/btn-admin:hover .group-hover\/btn-admin\:fill-white {
  fill: #fff;
}
.group\/btn-apps:hover .group-hover\/btn-apps\:fill-white {
  fill: #fff;
}
.group\/btn-arrows-maximize:hover .group-hover\/btn-arrows-maximize\:fill-white {
  fill: #fff;
}
.group\/btn-cam-settings:hover .group-hover\/btn-cam-settings\:fill-white {
  fill: #fff;
}
.group\/btn-cam:hover .group-hover\/btn-cam\:fill-white {
  fill: #fff;
}
.group\/btn-camera-exclamation:hover .group-hover\/btn-camera-exclamation\:fill-white {
  fill: #fff;
}
.group\/btn-card:hover .group-hover\/btn-card\:fill-white {
  fill: #fff;
}
.group\/btn-chat:hover .group-hover\/btn-chat\:fill-white {
  fill: #fff;
}
.group\/btn-chevron-down:hover .group-hover\/btn-chevron-down\:fill-white {
  fill: #fff;
}
.group\/btn-chevron-right:hover .group-hover\/btn-chevron-right\:fill-white {
  fill: #fff;
}
.group\/btn-chevron-start:hover .group-hover\/btn-chevron-start\:fill-white {
  fill: #fff;
}
.group\/btn-copy:hover .group-hover\/btn-copy\:fill-white {
  fill: #fff;
}
.group\/btn-emoji:hover .group-hover\/btn-emoji\:fill-contrast {
  fill: hsl(var(--contrast) / 1);
}
.group\/btn-emoji:hover .group-hover\/btn-emoji\:fill-white {
  fill: #fff;
}
.group\/btn-follow:hover .group-hover\/btn-follow\:fill-white {
  fill: #fff;
}
.group\/btn-fullscreen:hover .group-hover\/btn-fullscreen\:fill-white {
  fill: #fff;
}
.group\/btn-headphones:hover .group-hover\/btn-headphones\:fill-white {
  fill: #fff;
}
.group\/btn-link:hover .group-hover\/btn-link\:fill-white {
  fill: #fff;
}
.group\/btn-lock:hover .group-hover\/btn-lock\:fill-white {
  fill: #fff;
}
.group\/btn-megaphone:hover .group-hover\/btn-megaphone\:fill-white {
  fill: #fff;
}
.group\/btn-message-circle:hover .group-hover\/btn-message-circle\:fill-white {
  fill: #fff;
}
.group\/btn-message-global:hover .group-hover\/btn-message-global\:fill-white {
  fill: #fff;
}
.group\/btn-mic:hover .group-hover\/btn-mic\:fill-white {
  fill: #fff;
}
.group\/btn-music-paused:hover .group-hover\/btn-music-paused\:fill-white {
  fill: #fff;
}
.group\/btn-music-stop:hover .group-hover\/btn-music-stop\:fill-white {
  fill: #fff;
}
.group\/btn-music:hover .group-hover\/btn-music\:fill-white {
  fill: #fff;
}
.group\/btn-personal-desk:hover .group-hover\/btn-personal-desk\:fill-white {
  fill: #fff;
}
.group\/btn-picture-in-picture:hover .group-hover\/btn-picture-in-picture\:fill-none {
  fill: none;
}
.group\/btn-picture-in-picture:hover .group-hover\/btn-picture-in-picture\:fill-white {
  fill: #fff;
}
.group\/btn-plus:hover .group-hover\/btn-plus\:fill-white {
  fill: #fff;
}
.group\/btn-profil:hover .group-hover\/btn-profil\:fill-white {
  fill: #fff;
}
.group\/btn-report:hover .group-hover\/btn-report\:fill-white {
  fill: #fff;
}
.group\/btn-screen-share:hover .group-hover\/btn-screen-share\:fill-white {
  fill: #fff;
}
.group\/btn-settings:hover .group-hover\/btn-settings\:fill-white {
  fill: #fff;
}
.group\/btn-users:hover .group-hover\/btn-users\:fill-white {
  fill: #fff;
}
.group\/btn-valid:hover .group-hover\/btn-valid\:fill-white {
  fill: #fff;
}
.group\/btn-volume:hover .group-hover\/btn-volume\:fill-white {
  fill: #fff;
}
.group\/btn-x:hover .group-hover\/btn-x\:fill-white {
  fill: #fff;
}
.group\/btn-emoji:hover .group-hover\/btn-emoji\:stroke-contrast {
  stroke: hsl(var(--contrast) / 1);
}
.group\/btn-lock:hover .group-hover\/btn-lock\:stroke-contrast {
  stroke: hsl(var(--contrast) / 1);
}
.group\/range:hover .group-hover\/range\:stroke-white {
  stroke: #fff;
}
.group\/message:hover .group-hover\/message\:pb-4 {
  padding-bottom: 1rem;
}
.group\/btn-recording-list:hover .group-hover\/btn-recording-list\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.group\/btn-recording:hover .group-hover\/btn-recording\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white\/100 {
  color: rgb(255 255 255 / 1);
}
.group\/cameras-container:hover .group-hover\/cameras-container\:opacity-100 {
  opacity: 1;
}
.group\/hardware:hover .group-hover\/hardware\:opacity-100 {
  opacity: 1;
}
.group\/resize-handle:hover .group-hover\/resize-handle\:opacity-100 {
  opacity: 1;
}
.group\/screenshare:hover .group-hover\/screenshare\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}
.group\/resize-handle:active .group-active\/resize-handle\:opacity-0 {
  opacity: 0;
}
.group\/visibilitychecker.invisible .group-\[\.invisible\]\/visibilitychecker\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.peer:checked ~ .peer-checked\:bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
.peer:hover ~ .peer-hover\:visible {
  visibility: visible;
}
.peer:hover ~ .peer-hover\:stroke-secondary-500 {
  stroke: hsl(var(--secondary-500) / 1);
}
.peer:hover ~ .peer-hover\:opacity-100 {
  opacity: 1;
}
.peer:focus ~ .peer-focus\:-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:focus ~ .peer-focus\:stroke-secondary {
  stroke: hsl(var(--secondary) / 1);
}
@container videomediabox (min-width: 15rem) {
  .\@\[15rem\]\/videomediabox\:w-16 {
    width: 4rem;
  }
}
@container videomediabox (min-width: 17.5rem) {
  .\@\[17\.5rem\]\/videomediabox\:bottom-2 {
    bottom: 0.5rem;
  }
  .\@\[17\.5rem\]\/videomediabox\:left-2 {
    left: 0.5rem;
  }
  .\@\[17\.5rem\]\/videomediabox\:bg-contrast\/90 {
    background-color: hsl(var(--contrast) / 0.9);
  }
  .\@\[17\.5rem\]\/videomediabox\:bg-secondary\/90 {
    background-color: hsl(var(--secondary) / 0.9);
  }
  .\@\[17\.5rem\]\/videomediabox\:text-sm {
    font-size: 14px;
    line-height: 1.5rem;
  }
  .\@\[17\.5rem\]\/videomediabox\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}
@container videomediabox (min-width: 20rem) {
  .\@\[20rem\]\/videomediabox\:text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
}
@container videomediabox (min-width: 22rem) {
  .\@\[22rem\]\/videomediabox\:right-auto {
    right: auto;
  }
  .\@\[22rem\]\/videomediabox\:top-auto {
    top: auto;
  }
  .\@\[22rem\]\/videomediabox\:h-full {
    height: 100%;
  }
  .\@\[22rem\]\/videomediabox\:w-full {
    width: 100%;
  }
  .\@\[22rem\]\/videomediabox\:items-center {
    align-items: center;
  }
  .\@\[22rem\]\/videomediabox\:justify-center {
    justify-content: center;
  }
}
@container videomediabox (min-width: 25rem) {
  .\@\[25rem\]\/videomediabox\:w-32 {
    width: 8rem;
  }
}
@container actions (min-width: 320px) {
  .\@xxs\/actions\:justify-center {
    justify-content: center;
  }
}
@container actions (min-width: 640px) {
  .\@sm\/actions\:\!top-20 {
    top: 5rem !important;
  }
  .\@sm\/actions\:flex {
    display: flex;
  }
  .\@sm\/actions\:hidden {
    display: none;
  }
  .\@sm\/actions\:h-10 {
    height: 2.5rem;
  }
  .\@sm\/actions\:h-14 {
    height: 3.5rem;
  }
  .\@sm\/actions\:w-10 {
    width: 2.5rem;
  }
  .\@sm\/actions\:min-w-\[192px\] {
    min-width: 192px;
  }
  .\@sm\/actions\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .\@sm\/actions\:pe-0 {
    padding-inline-end: 0px;
  }
  .\@sm\/actions\:text-sm {
    font-size: 14px;
    line-height: 1.5rem;
  }
}
@container actions (min-width: 768px) {
  .\@md\/actions\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .\@md\/actions\:me-2 {
    margin-inline-end: 0.5rem;
  }
  .\@md\/actions\:flex {
    display: flex;
  }
  .\@md\/actions\:hidden {
    display: none;
  }
  .\@md\/actions\:gap-2 {
    gap: 0.5rem;
  }
  .\@md\/actions\:p-2 {
    padding: 0.5rem;
  }
}
@container main-layout (min-width: 768px) {
  .\@md\/main-layout\:-left-2 {
    left: -0.5rem;
  }
  .\@md\/main-layout\:top-0 {
    top: 0px;
  }
  .\@md\/main-layout\:mr-0 {
    margin-right: 0px;
  }
  .\@md\/main-layout\:block {
    display: block;
  }
  .\@md\/main-layout\:flex {
    display: flex;
  }
  .\@md\/main-layout\:hidden {
    display: none;
  }
  .\@md\/main-layout\:h-0 {
    height: 0px;
  }
  .\@md\/main-layout\:h-full {
    height: 100%;
  }
  .\@md\/main-layout\:w-1 {
    width: 0.25rem;
  }
  .\@md\/main-layout\:w-\[200px\] {
    width: 200px;
  }
  .\@md\/main-layout\:w-full {
    width: 100%;
  }
  .\@md\/main-layout\:flex-row {
    flex-direction: row;
  }
  .\@md\/main-layout\:flex-col {
    flex-direction: column;
  }
  .\@md\/main-layout\:items-start {
    align-items: flex-start;
  }
  .\@md\/main-layout\:justify-start {
    justify-content: flex-start;
  }
  .\@md\/main-layout\:overflow-auto {
    overflow: auto;
  }
  .\@md\/main-layout\:rounded-lg {
    border-radius: 16px;
  }
  .\@md\/main-layout\:rounded-xl {
    border-radius: 32px;
  }
  .\@md\/main-layout\:rounded-tl-lg {
    border-top-left-radius: 16px;
  }
  .\@md\/main-layout\:p-3 {
    padding: 0.75rem;
  }
  .\@md\/main-layout\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .\@md\/main-layout\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .\@md\/main-layout\:hover\:pl-4:hover {
    padding-left: 1rem;
  }
}
@container main-layout (min-width: 1024px) {
  .\@lg\/main-layout\:block {
    display: block;
  }
  .\@lg\/main-layout\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
@container actions (min-width: 1280px) {
  .\@xl\/actions\:order-first {
    order: -9999;
  }
  .\@xl\/actions\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .\@xl\/actions\:me-4 {
    margin-inline-end: 1rem;
  }
  .\@xl\/actions\:block {
    display: block;
  }
  .\@xl\/actions\:h-12 {
    height: 3rem;
  }
  .\@xl\/actions\:h-16 {
    height: 4rem;
  }
  .\@xl\/actions\:w-12 {
    width: 3rem;
  }
  .\@xl\/actions\:flex-col {
    flex-direction: column;
  }
  .\@xl\/actions\:gap-4 {
    gap: 1rem;
  }
  .\@xl\/actions\:p-4 {
    padding: 1rem;
  }
  .\@xl\/actions\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@container (min-width: 1536px) {
  .\@2xl\:max-w-screen-2xl {
    max-width: 1536px;
  }
}
@media (((max-height: 960px) and (max-width: 480px)) or ((max-height: 480px) and (max-width: 960px))) and (pointer: coarse) {
  .mobile\:-top-12 {
    top: -3rem;
  }
  .mobile\:bottom-20 {
    bottom: 5rem;
  }
  .mobile\:top-auto {
    top: auto;
  }
  .mobile\:mb-24 {
    margin-bottom: 6rem;
  }
  .mobile\:mt-3 {
    margin-top: 0.75rem;
  }
  .mobile\:block {
    display: block;
  }
  .mobile\:hidden {
    display: none;
  }
  .mobile\:h-6 {
    height: 1.5rem;
  }
  .mobile\:w-64 {
    width: 16rem;
  }
  .mobile\:w-\[98vw\] {
    width: 98vw;
  }
  .mobile\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .mobile\:flex-col {
    flex-direction: column;
  }
  .mobile\:rounded-t {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .mobile\:opacity-100 {
    opacity: 1;
  }
}
@media (display-mode: picture-in-picture) {
  .picture-in-picture\:hidden {
    display: none;
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:hidden {
    display: none;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:\!min-w-\[150px\] {
    min-width: 150px !important;
  }
  .max-sm\:max-w-\[89\%\] {
    max-width: 89%;
  }
}
@media (min-width: 640px) {
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-14 {
    height: 3.5rem;
  }
  .sm\:min-h-0 {
    min-height: 0px;
  }
  .sm\:w-14 {
    width: 3.5rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:w-\[500px\] {
    width: 500px;
  }
  .sm\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .sm\:min-w-0 {
    min-width: 0px;
  }
  .sm\:min-w-80 {
    min-width: 20rem;
  }
  .sm\:max-w-\[600px\] {
    max-width: 600px;
  }
  .sm\:max-w-\[668px\] {
    max-width: 668px;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-3xl {
    font-size: 34px;
    line-height: 1.75rem;
  }
  .sm\:text-lg {
    font-size: 18px;
    line-height: 1.75rem;
  }
  .sm\:text-xl {
    font-size: 24px;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {
  .md\:bottom-4 {
    bottom: 1rem;
  }
  .md\:bottom-auto {
    bottom: auto;
  }
  .md\:left-auto {
    left: auto;
  }
  .md\:right-0 {
    right: 0px;
  }
  .md\:right-auto {
    right: auto;
  }
  .md\:top-0 {
    top: 0px;
  }
  .md\:top-14 {
    top: 3.5rem;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .md\:\!mt-\[15vh\] {
    margin-top: 15vh !important;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mr-0 {
    margin-right: 0px;
  }
  .md\:block {
    display: block;
  }
  .md\:\!h-\[70vh\] {
    height: 70vh !important;
  }
  .md\:h-10 {
    height: 2.5rem;
  }
  .md\:h-5 {
    height: 1.25rem;
  }
  .md\:h-\[59px\] {
    height: 59px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-10 {
    width: 2.5rem;
  }
  .md\:w-10\/12 {
    width: 83.333333%;
  }
  .md\:w-2\/3 {
    width: 66.666667%;
  }
  .md\:w-5 {
    width: 1.25rem;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[59px\] {
    width: 59px;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:min-w-\[360px\] {
    min-width: 360px;
  }
  .md\:min-w-\[400px\] {
    min-width: 400px;
  }
  .md\:max-w-3xl {
    max-width: 48rem;
  }
  .md\:max-w-\[80\%\] {
    max-width: 80%;
  }
  .md\:max-w-\[calc\(100\%-18px\)\] {
    max-width: calc(100% - 18px);
  }
  .md\:max-w-\[calc\(100\%-64px\)\] {
    max-width: calc(100% - 64px);
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:text-2xl {
    font-size: 28px;
    line-height: 1.75rem;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-xl {
    font-size: 24px;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:min-h-\[24rem\] {
    min-height: 24rem;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-11\/12 {
    width: 91.666667%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-6\/12 {
    width: 50%;
  }
  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1rem;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:text-2xl {
    font-size: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }
  .xl\:w-1\/3 {
    width: 33.333333%;
  }
  .xl\:w-\[380px\] {
    width: 380px;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
}
@media (min-width: 1536px) {
  .\32xl\:w-1\/4 {
    width: 25%;
  }
}
@media (orientation: portrait) {
  .portrait\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (orientation: landscape) {
  .landscape\:flex-row {
    flex-direction: row;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.\[\&\>\*\]\:p-1>* {
  padding: 0.25rem;
}
.\[\&_svg\]\:h-full svg {
  height: 100%;
}
.\[\&_svg\]\:w-full svg {
  width: 100%;
}
@media(min-height:953px) {
  .\[\@media\(min-height\:953px\)\]\/main-layout\:h-3\/4 {
    height: 75%;
  }
}
@media(pointer:coarse) {
  .\[\@media\(pointer\:coarse\)\]\:opacity-100 {
    opacity: 1;
  }
}.gradient.svelte-kgovp0:before{content:"";z-index:-1;position:absolute;top:0;inset-inline-start:0;width:100%;height:200%;border-radius:100%;filter:blur(20px);background-color:var(--bg-color);opacity:0.7;transition:all 0.5s ease-in-out}.gradient.svelte-kgovp0:hover:before{opacity:1;border-radius:10%}.gradient.svelte-kgovp0{border:1px solid rgb(from var(--bg-color) r g b / 0.3);transition:all 0.2s ease-in-out;box-shadow:0px 0px 0px 0px var(--bg-color) / 0}.gradient.svelte-kgovp0:hover{box-shadow:0px 0px 4px 2px rgb(from var(--bg-color) r g b / 0.1)}.animation.svelte-lhpdfz{animation-duration:0.5s;animation-name:svelte-lhpdfz-slidein}@keyframes svelte-lhpdfz-slidein{from{opacity:0}to{opacity:1}}.progress-bar-container.svelte-wz7rsv{position:absolute;top:0;left:0;width:100%;height:3px;overflow:hidden}.progress-bar-container.success.svelte-wz7rsv{background:rgba(34, 197, 94, 0.1)}.progress-bar-container.error.svelte-wz7rsv{background:rgba(239, 68, 68, 0.1)}.progress-bar.svelte-wz7rsv{height:100%;transform-origin:left center;animation-name:svelte-wz7rsv-progress-fill;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}.progress-bar.success.svelte-wz7rsv{background:linear-gradient(90deg, #22c55e 0%, #16a34a 100%);box-shadow:0 0 10px rgba(34, 197, 94, 0.4)}.progress-bar.error.svelte-wz7rsv{background:linear-gradient(90deg, #ef4444 0%, #dc2626 100%);transition:width 0.05s linear}.progress-bar.secondary.svelte-wz7rsv{background:linear-gradient(90deg, #4156f6 0%, #3145e3 100%);transition:width 0.05s linear}@keyframes svelte-wz7rsv-progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.recording-content.svelte-5ur9id{position:relative;width:100%}.recording-icon-wrapper.svelte-5ur9id{position:relative;flex-shrink:0}.recording-icon-container.svelte-5ur9id{position:relative;z-index:2;background:rgba(34, 197, 94, 0.15);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(34, 197, 94, 0.3)}.recording-icon-container.completed.svelte-5ur9id{background:rgba(34, 197, 94, 0.2);border-color:rgba(34, 197, 94, 0.4)}.recording-title.svelte-5ur9id{font-weight:600;font-size:16px;color:white;line-height:1.4;margin:0}.recording-title.completed.svelte-5ur9id{color:#22c55e}.recording-subtitle.svelte-5ur9id{font-size:13px;color:rgba(255, 255, 255, 0.8);line-height:1.3;margin:0}.instructions-container.svelte-5ur9id{background:rgba(255, 255, 255, 0.05);border-radius:8px;padding:12px;border:1px solid rgba(255, 255, 255, 0.1)}.instructions-text.svelte-5ur9id{font-size:13px;color:rgba(255, 255, 255, 0.9);margin:0 0 12px 0;font-weight:500}.instructions-steps.svelte-5ur9id{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-item.svelte-5ur9id{display:flex;align-items:center;gap:8px;background:rgba(255, 255, 255, 0.08);padding:8px 12px;border-radius:6px;flex:1;min-width:120px}.step-number.svelte-5ur9id{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(34, 197, 94, 0.2);color:#22c55e;border-radius:50%;font-weight:600;font-size:12px;flex-shrink:0}.step-icon.svelte-5ur9id{display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text.svelte-5ur9id{color:rgba(255, 255, 255, 0.9);font-weight:500}.step-arrow.svelte-5ur9id{color:rgba(255, 255, 255, 0.5);font-size:18px;font-weight:bold;flex-shrink:0}@media(max-width: 768px){.recording-title.svelte-5ur9id{font-size:15px}.recording-subtitle.svelte-5ur9id{font-size:12px}.instructions-steps.svelte-5ur9id{flex-direction:column;align-items:stretch}.step-arrow.svelte-5ur9id{transform:rotate(90deg);align-self:center}.step-item.svelte-5ur9id{min-width:auto}}.recording-content.svelte-1yhq8ts{position:relative;width:100%}.recording-icon-wrapper.svelte-1yhq8ts{position:relative;flex-shrink:0}.recording-icon-container.svelte-1yhq8ts{position:relative;z-index:2;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center}.recording-pulse.svelte-1yhq8ts{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;border-radius:50%;background:rgba(239, 68, 68, 0.3);animation:svelte-1yhq8ts-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;z-index:1}@keyframes svelte-1yhq8ts-pulse{0%,100%{opacity:1;transform:translate(-50%, -50%) scale(1)}50%{opacity:0.5;transform:translate(-50%, -50%) scale(1.2)}}.recording-title.svelte-1yhq8ts{font-weight:600;font-size:15px;color:white;line-height:1.4;margin:0}.recording-subtitle.svelte-1yhq8ts{font-size:13px;color:rgba(255, 255, 255, 0.7);line-height:1.3;margin:0}@media(max-width: 768px){.recording-title.svelte-1yhq8ts{font-size:14px}.recording-subtitle.svelte-1yhq8ts{font-size:12px}}img.svelte-tv0p8t{display:inline-block;pointer-events:auto;width:var(--theme-width);margin:0;padding:0;position:static;inset-inline-start:0;bottom:0;inset-inline-end:0;top:0;image-rendering:pixelated}.loader.svelte-xlrqfp{font-family:"Roboto", sans-serif}@media(max-width: 768px){.responsive-message.svelte-16vuiua{scale:1.2}}@media(max-width: 768px){.responsive-message.svelte-16vuiua{scale:1.2}}@media(max-width: 768px){.responsive-message.svelte-16vuiua{scale:1.2}}@media(max-width: 768px){.responsive-message.svelte-1crphxf{font-size:24px;line-height:32px;padding-bottom:14px}}svelte-virtual-list-viewport.svelte-1tqh76q{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-1tqh76q,svelte-virtual-list-row.svelte-1tqh76q{display:block}svelte-virtual-list-row.svelte-1tqh76q{overflow:hidden}@keyframes svelte-hvmg8f-participant-avatar-float{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.15)}50%{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}}.participant-stack.svelte-hvmg8f{transition:transform 0.2s ease}.participant-plus.svelte-hvmg8f{animation-duration:2.2s}svg.svelte-qbd276{width:var(--chevron-icon-width, 20px);height:var(--chevron-icon-width, 20px);color:var(--chevron-icon-colour, currentColor)}svg.svelte-whdbu1{width:var(--clear-icon-width, 20px);height:var(--clear-icon-width, 20px);color:var(--clear-icon-color, currentColor)}.loading.svelte-1p3nqvd{width:var(--spinner-width, 20px);height:var(--spinner-height, 20px);color:var(--spinner-color, var(--icons-color));animation:svelte-1p3nqvd-rotate 0.75s linear infinite;transform-origin:center center;transform:none}.circle_path.svelte-1p3nqvd{stroke-dasharray:90;stroke-linecap:round}@keyframes svelte-1p3nqvd-rotate{100%{transform:rotate(360deg)}}.svelte-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{--borderRadius:var(--border-radius);--clearSelectColor:var(--clear-select-color);--clearSelectWidth:var(--clear-select-width);--disabledBackground:var(--disabled-background);--disabledBorderColor:var(--disabled-border-color);--disabledColor:var(--disabled-color);--disabledPlaceholderColor:var(--disabled-placeholder-color);--disabledPlaceholderOpacity:var(--disabled-placeholder-opacity);--errorBackground:var(--error-background);--errorBorder:var(--error-border);--groupItemPaddingLeft:var(--group-item-padding-left);--groupTitleColor:var(--group-title-color);--groupTitleFontSize:var(--group-title-font-size);--groupTitleFontWeight:var(--group-title-font-weight);--groupTitlePadding:var(--group-title-padding);--groupTitleTextTransform:var(--group-title-text-transform);--groupTitleBorderColor:var(--group-title-border-color);--groupTitleBorderWidth:var(--group-title-border-width);--groupTitleBorderStyle:var(--group-title-border-style);--indicatorColor:var(--chevron-color);--indicatorHeight:var(--chevron-height);--indicatorWidth:var(--chevron-width);--inputColor:var(--input-color);--inputLeft:var(--input-left);--inputLetterSpacing:var(--input-letter-spacing);--inputMargin:var(--input-margin);--inputPadding:var(--input-padding);--itemActiveBackground:var(--item-active-background);--itemColor:var(--item-color);--itemFirstBorderRadius:var(--item-first-border-radius);--itemHoverBG:var(--item-hover-bg);--itemHoverColor:var(--item-hover-color);--itemIsActiveBG:var(--item-is-active-bg);--itemIsActiveColor:var(--item-is-active-color);--itemIsNotSelectableColor:var(--item-is-not-selectable-color);--itemPadding:var(--item-padding);--listBackground:var(--list-background);--listBorder:var(--list-border);--listBorderRadius:var(--list-border-radius);--listEmptyColor:var(--list-empty-color);--listEmptyPadding:var(--list-empty-padding);--listEmptyTextAlign:var(--list-empty-text-align);--listMaxHeight:var(--list-max-height);--listPosition:var(--list-position);--listShadow:var(--list-shadow);--listZIndex:var(--list-z-index);--multiItemBG:var(--multi-item-bg);--multiItemBorderRadius:var(--multi-item-border-radius);--multiItemDisabledHoverBg:var(--multi-item-disabled-hover-bg);--multiItemDisabledHoverColor:var(--multi-item-disabled-hover-color);--multiItemHeight:var(--multi-item-height);--multiItemMargin:var(--multi-item-margin);--multiItemPadding:var(--multi-item-padding);--multiSelectInputMargin:var(--multi-select-input-margin);--multiSelectInputPadding:var(--multi-select-input-padding);--multiSelectPadding:var(--multi-select-padding);--placeholderColor:var(--placeholder-color);--placeholderOpacity:var(--placeholder-opacity);--selectedItemPadding:var(--selected-item-padding);--spinnerColor:var(--spinner-color);--spinnerHeight:var(--spinner-height);--spinnerWidth:var(--spinner-width);--internal-padding:0 0 0 16px;border:var(--border, 1px solid #d8dbdf);border-radius:var(--border-radius, 6px);min-height:var(--height, 42px);position:relative;display:flex;align-items:stretch;padding:var(--padding, var(--internal-padding));background:var(--background, #fff);margin:var(--margin, 0);width:var(--width, 100%);font-size:var(--font-size, 16px);max-height:var(--max-height)}.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{box-sizing:var(--box-sizing, border-box)}.svelte-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:hover{border:var(--border-hover, 1px solid #b2b8bf)}.value-container.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{display:flex;flex:1 1 0%;flex-wrap:wrap;align-items:center;gap:5px 10px;padding:var(--value-container-padding, 5px 0);position:relative;overflow:var(--value-container-overflow, hidden);align-self:stretch}.prepend.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,.indicators.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{display:flex;flex-shrink:0;align-items:center}.indicators.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{position:var(--indicators-position);top:var(--indicators-top);right:var(--indicators-right);bottom:var(--indicators-bottom)}input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{position:absolute;cursor:default;border:none;color:var(--input-color, var(--item-color));padding:var(--input-padding, 0);letter-spacing:var(--input-letter-spacing, inherit);margin:var(--input-margin, 0);min-width:10px;top:0;right:0;bottom:0;left:0;background:transparent;font-size:var(--font-size, 16px)}.svelte-82qwg8:not(.multi)>.value-container.svelte-82qwg8>input.svelte-82qwg8{width:100%;height:100%}input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8::-moz-placeholder{color:var(--placeholder-color, #78848f);opacity:var(--placeholder-opacity, 1)}input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8::placeholder{color:var(--placeholder-color, #78848f);opacity:var(--placeholder-opacity, 1)}input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus{outline:none}.svelte-select.focused.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{border:var(--border-focused, 1px solid #006fe8);border-radius:var(--border-radius-focused, var(--border-radius, 6px))}.disabled.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{background:var(--disabled-background, #ebedef);border-color:var(--disabled-border-color, #ebedef);color:var(--disabled-color, #c1c6cc)}.disabled.svelte-82qwg8 input.svelte-82qwg8.svelte-82qwg8::-moz-placeholder{color:var(--disabled-placeholder-color, #c1c6cc);opacity:var(--disabled-placeholder-opacity, 1)}.disabled.svelte-82qwg8 input.svelte-82qwg8.svelte-82qwg8::placeholder{color:var(--disabled-placeholder-color, #c1c6cc);opacity:var(--disabled-placeholder-opacity, 1)}.selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{position:relative;overflow:var(--selected-item-overflow, hidden);padding:var(--selected-item-padding, 0 20px 0 0);text-overflow:ellipsis;white-space:nowrap;color:var(--selected-item-color, inherit);font-size:var(--font-size, 16px)}.multi.svelte-82qwg8 .selected-item.svelte-82qwg8.svelte-82qwg8{position:absolute;line-height:var(--height, 42px);height:var(--height, 42px)}.selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus{outline:none}.hide-selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{opacity:0}.icon.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{display:flex;align-items:center;justify-content:center}.clear-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{all:unset;display:flex;align-items:center;justify-content:center;width:var(--clear-select-width, 40px);height:var(--clear-select-height, 100%);color:var(--clear-select-color, var(--icons-color));margin:var(--clear-select-margin, 0);pointer-events:all;flex-shrink:0}.clear-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus{outline:var(--clear-select-focus-outline, 1px solid #006fe8)}.loading.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{width:var(--loading-width, 40px);height:var(--loading-height);color:var(--loading-color, var(--icons-color));margin:var(--loading--margin, 0);flex-shrink:0}.chevron.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{width:var(--chevron-width, 40px);height:var(--chevron-height, 40px);background:var(--chevron-background, transparent);pointer-events:var(--chevron-pointer-events, none);color:var(--chevron-color, var(--icons-color));border:var(--chevron-border, 0 0 0 1px solid #d8dbdf);flex-shrink:0}.multi.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{padding:var(--multi-select-padding, var(--internal-padding))}.multi.svelte-82qwg8 input.svelte-82qwg8.svelte-82qwg8{padding:var(--multi-select-input-padding, 0);position:relative;margin:var(--multi-select-input-margin, 5px 0);flex:1 1 40px}.svelte-select.error.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{border:var(--error-border, 1px solid #ff2d55);background:var(--error-background, #fff)}.a11y-text.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{z-index:9999;border:0px;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0px;white-space:nowrap}.multi-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{background:var(--multi-item-bg, #ebedef);margin:var(--multi-item-margin, 0);outline:var(--multi-item-outline, 1px solid #ddd);border-radius:var(--multi-item-border-radius, 4px);height:var(--multi-item-height, 25px);line-height:var(--multi-item-height, 25px);display:flex;cursor:default;padding:var(--multi-item-padding, 0 5px);overflow:hidden;gap:var(--multi-item-gap, 4px);outline-offset:-1px;max-width:var(--multi-max-width, none);color:var(--multi-item-color, var(--item-color))}.multi-item.disabled.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:hover{background:var(--multi-item-disabled-hover-bg, #ebedef);color:var(--multi-item-disabled-hover-color, #c1c6cc)}.multi-item-text.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-item-clear.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{display:flex;align-items:center;justify-content:center;--clear-icon-color:var(--multi-item-clear-icon-color, #000)}.multi-item.active.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{outline:var(--multi-item-active-outline, 1px solid #006fe8)}.svelte-select-list.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{box-shadow:var(--list-shadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));border-radius:var(--list-border-radius, 4px);max-height:var(--list-max-height, 252px);overflow-y:auto;background:var(--list-background, #fff);position:var(--list-position, absolute);z-index:var(--list-z-index, 2);border:var(--list-border)}.prefloat.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{opacity:0;pointer-events:none}.list-group-title.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{color:var(--group-title-color, #8f8f8f);cursor:default;font-size:var(--group-title-font-size, 16px);font-weight:var(--group-title-font-weight, 600);height:var(--height, 42px);line-height:var(--height, 42px);padding:var(--group-title-padding, 0 20px);text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;text-transform:var(--group-title-text-transform, uppercase);border-width:var(--group-title-border-width, medium);border-style:var(--group-title-border-style, none);border-color:var(--group-title-border-color, color)}.empty.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{text-align:var(--list-empty-text-align, center);padding:var(--list-empty-padding, 20px 0);color:var(--list-empty-color, #78848f)}.item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{cursor:default;height:var(--item-height, var(--height, 42px));line-height:var(--item-line-height, var(--height, 42px));padding:var(--item-padding, 0 20px);color:var(--item-color, inherit);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:var(--item-transition, all 0.2s);align-items:center;width:100%}.item.group-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{padding-left:var(--group-item-padding-left, 40px)}.item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:active{background:var(--item-active-background, #b9daff)}.item.active.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{background:var(--item-is-active-bg, #007aff);color:var(--item-is-active-color, #fff)}.item.first.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{border-radius:var(--item-first-border-radius, 4px 4px 0 0)}.item.hover.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:not(.active){background:var(--item-hover-bg, #e7f2ff);color:var(--item-hover-color, inherit)}.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,.item.hover.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,.item.active.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:active{color:var(--item-is-not-selectable-color, #999);background:transparent}.required.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8{opacity:0;z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0}.table-container.svelte-1i7k7v4{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.table-container.svelte-1i7k7v4::-webkit-scrollbar{width:2px}audio.svelte-kxf6ru::-webkit-media-controls-panel{background-color:#d3d8f9;border-radius:1px !important}audio.svelte-kxf6ru::-webkit-media-controls-mute-button,audio.svelte-kxf6ru::-webkit-media-controls-play-button,audio.svelte-kxf6ru::-webkit-media-controls-current-time-display,audio.svelte-kxf6ru::-webkit-media-controls-time-remaining-display,audio.svelte-kxf6ru::-webkit-media-controls-timeline{color:#1b2a41;border-radius:1px !important}.message-input.svelte-31fxfw::before{content:attr(data-text);color:rgba(211, 211, 211, 0.5);pointer-events:none;z-index:0;transition:opacity 0.3s ease}.message-input.svelte-31fxfw:focus::before,.message-input.svelte-31fxfw:not(:empty)::before{content:""}@keyframes svelte-4rc1b0-fall-in{0%{opacity:0;transform:translateY(50px) scale(0)}50%{transform:translateY(0px) scale(2)}100%{opacity:1;transform:translateY(0) scale(1)}}.reaction.svelte-4rc1b0{animation:svelte-4rc1b0-fall-in 0.5s cubic-bezier(0.6, 0.02, 0.53, 1.33)}.reactions-bar.svelte-1ll4ocu{max-width:calc(100% + 15px)}.reactions-bar.svelte-1ll4ocu::-webkit-scrollbar{display:none}.reactions-bar.svelte-1ll4ocu{-ms-overflow-style:none;scrollbar-width:none}#message.svelte-g6wmo2.svelte-g6wmo2{display:flex;align-items:flex-start;position:relative}#message.svelte-g6wmo2:hover .options.svelte-g6wmo2{display:flex;flex-direction:row;gap:2px;transition-delay:0.15s;opacity:1}.options.svelte-g6wmo2.svelte-g6wmo2{transition:all 0.2s ease-in-out;opacity:0}.message.svelte-g6wmo2.svelte-g6wmo2{min-width:180px;overflow-wrap:anywhere;position:relative;transition:all 0.2s ease-in-out 0s}.message.my.svelte-g6wmo2.svelte-g6wmo2:hover{transition-delay:0.5s}.avatar.svelte-g6wmo2.svelte-g6wmo2{display:flex;background:none}.close-button.svelte-uuinlo{position:absolute;padding:3px;border-radius:8px;top:0;inset-inline-end:0;cursor:pointer}.no-scroll-bar.svelte-o0ws0p{max-width:calc(100% + 15px)}.no-scroll-bar.svelte-o0ws0p::-webkit-scrollbar{display:none}.no-scroll-bar.svelte-o0ws0p{-ms-overflow-style:none;scrollbar-width:none}.message.svelte-8wbsvr{overflow-wrap:anywhere}@keyframes svelte-1klfeu9-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-50%)}}.animate-bounce-1.svelte-1klfeu9{animation:svelte-1klfeu9-bounce 1s infinite}.animate-bounce-2.svelte-1klfeu9{animation:svelte-1klfeu9-bounce 1s infinite 0.1s}.animate-bounce-3.svelte-1klfeu9{animation:svelte-1klfeu9-bounce 1s infinite 0.2s}.message.svelte-1klfeu9{min-width:0;overflow-wrap:anywhere;position:relative}li.highlight-message{background-color:rgba(255, 255, 255, 0.1);border-radius:8px;animation:svelte-14ewkjo-highlight-pulse 2s ease-out}@keyframes svelte-14ewkjo-highlight-pulse{0%{background-color:rgba(255, 255, 255, 0.3)}100%{background-color:rgba(255, 255, 255, 0.1)}}@media only screen and (max-width: 767px){.chatWindow.svelte-awo84w{width:100% !important}}img.svelte-pex3re{display:inline-block;pointer-events:auto;width:var(--theme-width);height:var(--theme-height);margin:0;padding:0;position:static;left:0;bottom:0;right:0;top:0;image-rendering:pixelated}.circle.svelte-1f2jd6r{background-color:var(--color)}.profile-menu-force-burger .profile-menu-burger-icon{display:flex !important}.profile-menu-force-burger .profile-menu-full{display:none !important}input[type="radio"].peer.radio-ds.svelte-jl1p7q+label.svelte-jl1p7q{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-circle'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23ffffff'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%2012m-9%200a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200'%20/%3e%3c/svg%3e")}input[type="radio"].peer.radio-ds.svelte-jl1p7q:checked+label.svelte-jl1p7q{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-circle-check%20hidden%20peer-checked:block'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23ffffff'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%2012m-9%200a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200'%20/%3e%3cpath%20d='M9%2012l2%202l4%20-4'%20/%3e%3c/svg%3e")}.menu-nav-sidebar.svelte-9br02n nav.svelte-9br02n::-webkit-scrollbar{display:none}.visitCard.svelte-5yqweh.svelte-5yqweh{pointer-events:all;z-index:750}.visitCard.svelte-5yqweh iframe.svelte-5yqweh{border:0;overflow:hidden}.visitCard.svelte-5yqweh iframe.hidden.svelte-5yqweh{visibility:hidden;position:absolute}.visitCard.svelte-5yqweh button.svelte-5yqweh{float:right}@keyframes svelte-1ce9zbl-bounce-in{0%{transform:scale(0.5);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1)}}.animate-bounce-in.svelte-1ce9zbl{animation:svelte-1ce9zbl-bounce-in 0.5s ease-out}.audio-playing.svelte-1tfpj2t.svelte-1tfpj2t{position:absolute;width:200px;height:54px;right:0;top:40px;transition:all 0.1s ease-out;display:inline-flex;z-index:750}.audio-playing.svelte-1tfpj2t p.svelte-1tfpj2t{color:white;margin-left:10px;margin-top:14px}.limit-map.svelte-ls21zg{pointer-events:auto;max-height:80vh;max-width:80vw;overflow:auto;text-align:center;z-index:500}.layer.svelte-1j8gfns{height:100%;width:100%;display:flex;position:absolute}#ui-website-container.svelte-1qg4ecv{position:absolute;z-index:180;height:100%;width:100%;top:0;left:0}.menu-container.mobile.svelte-jvx9x5{width:100% !important;height:100% !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.menu-container.right.svelte-jvx9x5:not(.fullscreened),.menu-container.left.svelte-jvx9x5:not(.fullscreened){width:33%}.menu-container.right.svelte-jvx9x5{right:0}.menu-container.left.svelte-jvx9x5{left:0}.menu-container.center.svelte-jvx9x5:not(.fullscreened){width:75%;height:75%;left:0;right:0;top:12.5%;margin-right:auto;margin-left:auto}.notification-playing.svelte-q9n0y3.svelte-q9n0y3{top:40px;transition:all 0.1s ease-out;display:inline-flex;align-items:center;z-index:750}.notification-playing.svelte-q9n0y3 img.svelte-q9n0y3{padding:5px}.notification-playing.svelte-q9n0y3 p.svelte-q9n0y3{color:white;margin-left:10px;margin-top:14px;margin-right:10px}.tooltip.svelte-70j9aq.svelte-70j9aq{position:relative;display:inline-block}.add-property-button.svelte-70j9aq.svelte-70j9aq{display:flex}button.svelte-70j9aq.svelte-70j9aq:disabled{pointer-events:all;cursor:default}button.svelte-70j9aq:disabled div.svelte-70j9aq{cursor:default}button.svelte-70j9aq:disabled img.svelte-70j9aq{opacity:0.5;cursor:default}.object-menu.svelte-81clkp{height:-moz-max-content !important;height:max-content !important;z-index:2000;word-break:break-all;pointer-events:auto;color:whitesmoke;background-color:rgba(27, 42, 65, 0.8509803922);backdrop-filter:blur(40px);bottom:0;right:0;left:0;overflow:hidden;margin-bottom:2rem}.connecting-spinner.svelte-1w6bf65{display:flex;left:calc(50% - 62px);top:calc(50% - 62px);height:75%;aspect-ratio:1 / 1}.connecting-spinner.svelte-1w6bf65:after{content:" ";display:block;height:100%;aspect-ratio:1 / 1;border-radius:50%;border:6px solid #56EAFF;border-color:#56EAFF transparent #56EAFF transparent;animation:svelte-1w6bf65-connecting-spinner 1.2s linear infinite}@keyframes svelte-1w6bf65-connecting-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rtc-error.svelte-1w6bf65{left:calc(50% - 68px);top:calc(42% - 68px);width:8rem;height:8rem}.rtc-error.svelte-1w6bf65:after{content:" ";display:block;width:8rem;height:8rem;border-radius:50%;border:6px solid #f00;animation:svelte-1w6bf65-blinker 1s linear infinite}@keyframes svelte-1w6bf65-blinker{50%{opacity:0}}.mute-icon svg path{stroke:#646464;stroke-width:1px;stroke-dasharray:2, 2;stroke-linejoin:round}.drag-handle.svelte-ej2egy{pointer-events:auto}.drag-handle.svelte-ej2egy:after{content:"";position:absolute;top:-20px;left:-20px;width:122px;height:45px;border-radius:4px}.hidden.svelte-7w4vjj.svelte-7w4vjj{display:none !important}.scroll-indicator.svelte-7w4vjj.svelte-7w4vjj{z-index:50;display:flex;align-items:center;justify-content:center}.scroll-indicator-button.svelte-7w4vjj.svelte-7w4vjj{pointer-events:auto;cursor:pointer;border:none;margin:0;padding:0;background:transparent;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;width:100%}.scroll-indicator-button.svelte-7w4vjj:hover .scroll-indicator-chevron.svelte-7w4vjj,.scroll-indicator-button.svelte-7w4vjj:focus-visible .scroll-indicator-chevron.svelte-7w4vjj{transform:scale(1.1);background:rgba(0, 0, 0, 0.75)}.scroll-indicator-button.svelte-7w4vjj.svelte-7w4vjj:focus-visible{outline:2px solid white;outline-offset:2px}.scroll-indicator-left.svelte-7w4vjj.svelte-7w4vjj{position:absolute;left:0;top:0;bottom:0;width:72px}.scroll-indicator-right.svelte-7w4vjj.svelte-7w4vjj{position:absolute;right:0;top:0;bottom:0;width:72px}.scroll-indicator-top.svelte-7w4vjj.svelte-7w4vjj{position:absolute;top:0;left:0;right:0;height:56px}.scroll-indicator-bottom.svelte-7w4vjj.svelte-7w4vjj{position:relative;bottom:0;left:0;right:0;height:56px}.scroll-indicator-gradient.svelte-7w4vjj.svelte-7w4vjj{position:absolute;inset:0;pointer-events:none}.scroll-indicator-gradient-left.svelte-7w4vjj.svelte-7w4vjj{background:linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 70%, transparent 100%)}.scroll-indicator-gradient-right.svelte-7w4vjj.svelte-7w4vjj{background:linear-gradient(to left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 70%, transparent 100%)}.scroll-indicator-gradient-top.svelte-7w4vjj.svelte-7w4vjj{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 20%, transparent 100%)}.scroll-indicator-gradient-bottom.svelte-7w4vjj.svelte-7w4vjj{background:linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 20%, transparent 100%)}.scroll-indicator-chevron.svelte-7w4vjj.svelte-7w4vjj{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:rgba(0, 0, 0, 0.55);color:white;box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);transition:transform 0.2s ease, background 0.2s ease}.scroll-indicator-chevron.svelte-7w4vjj svg{display:block}@container (min-width: 1024) and (max-width: 1279px){.not-highlighted.svelte-7w4vjj.svelte-7w4vjj{gap:1rem}}@container (min-width: 640px) and (max-width: 1024px){.not-highlighted.svelte-7w4vjj.svelte-7w4vjj{gap:0.75rem}}@container (max-width: 640px){.not-highlighted.svelte-7w4vjj.svelte-7w4vjj{gap:0.5rem}}.no-scroll-bar.svelte-7w4vjj.svelte-7w4vjj{-ms-overflow-style:none;scrollbar-width:none}.max-height-quarter.svelte-d74faz{max-height:25%}@keyframes svelte-main9d-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.proximity-notification.svelte-main9d{animation:svelte-main9d-slide-up 0.3s ease-out}.popups.svelte-87d4xo.svelte-87d4xo{z-index:1000}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:not(:first-child){position:absolute;width:100%;height:100%;overflow:hidden;border-radius:0.5rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:first-child{position:relative;z-index:505}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:nth-child(n+5){display:none}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:nth-child(2){top:-16px;filter:blur(1px);opacity:0.9;transform:scale(0.95)}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:nth-child(3){top:-32px;filter:blur(2px);opacity:0.8;transform:scale(0.9)}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:nth-child(4){top:-48px;filter:blur(3px);opacity:0.7;transform:scale(0.85)}.popups.svelte-87d4xo .popupwrapper.svelte-87d4xo:nth-child(5){top:-64px;filter:blur(4px);opacity:0.6;transform:scale(0.8)}#main-layout.svelte-87d4xo.svelte-87d4xo{container-type:size}.no-scroll-bar.svelte-87d4xo.svelte-87d4xo{max-width:calc(100% + 15px)}.no-scroll-bar.svelte-87d4xo.svelte-87d4xo::-webkit-scrollbar{display:none}.no-scroll-bar.svelte-87d4xo.svelte-87d4xo{-ms-overflow-style:none;scrollbar-width:none}button.svelte-1xw2wum{pointer-events:auto}div.error-div.svelte-1rquzon.svelte-1rquzon{pointer-events:auto;margin-top:15%;margin-right:auto;margin-left:auto;left:0;right:0;position:absolute;width:-moz-max-content;width:max-content;max-width:80vw;z-index:230;height:auto !important;background-clip:padding-box}div.error-div.svelte-1rquzon .body.svelte-1rquzon{max-height:50vh}main.errorScreen.svelte-2uf6ef.svelte-2uf6ef{min-width:300px;z-index:700}main.errorScreen.svelte-2uf6ef .logo.svelte-2uf6ef{margin:0 auto 50px auto}main.errorScreen.svelte-2uf6ef .icon.svelte-2uf6ef{margin:0 auto 25px auto}main.errorScreen.svelte-2uf6ef h2.svelte-2uf6ef{padding:5px;font-size:30px}main.errorScreen.svelte-2uf6ef p.code.svelte-2uf6ef{font-size:12px;opacity:0.6;-webkit-user-select:text;-moz-user-select:text;user-select:text}main.errorScreen.svelte-2uf6ef p.details.svelte-2uf6ef{font-size:12px;max-width:80%;margin:0 auto 35px auto}main.errorScreen.svelte-2uf6ef .loading.svelte-2uf6ef{display:inline-block;min-width:20px;position:relative;margin-left:5px}main.errorScreen.svelte-2uf6ef .loading.svelte-2uf6ef:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:svelte-2uf6ef-ellipsis steps(4, end) 900ms infinite;content:"…";width:0;font-family:"Press Start 2P";font-size:16px;position:absolute;left:0;top:-19px}@keyframes svelte-2uf6ef-ellipsis{to{width:1.25em}}main.errorScreen.svelte-2uf6ef .button.svelte-2uf6ef{cursor:pointer;font-size:14px}@media all and (max-device-width: 480px){main.errorScreen.svelte-2uf6ef .logo.svelte-2uf6ef{width:90%;max-width:90vw}main.errorScreen.svelte-2uf6ef .icon.svelte-2uf6ef{height:60px}}.mapexplorer.svelte-szlebu{scrollbar-width:20px;scrollbar-color:rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.2)}.mapexplorer.svelte-szlebu::-webkit-scrollbar{width:20px}.mapexplorer.svelte-szlebu::-webkit-scrollbar-track{background-color:transparent}.mapexplorer.svelte-szlebu::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.5);border-radius:20px;border:6px solid transparent;background-clip:content-box;cursor:grab}.mapexplorer.svelte-szlebu::-webkit-scrollbar-thumb:hover{background-color:rgb(0, 0, 0)}.item.active.svelte-szlebu{background-color:rgba(255, 255, 255, 0.2)}.config-element-container.svelte-z6fqvg.svelte-z6fqvg{overflow-y:auto;overflow-x:hidden}.config-element-container.svelte-z6fqvg .config-element.svelte-z6fqvg{display:flex;flex-direction:row;height:2.5em}.config-element-container.svelte-z6fqvg .config-element input[type=text].svelte-z6fqvg{margin-top:0.25em;margin-bottom:0.25em;padding-top:0.25em;padding-bottom:0.25em}button.svelte-18smyqu{flex:1 1 0px;border:1px solid grey;margin-bottom:0.5em}button.svelte-18smyqu:hover{background-color:rgb(77, 75, 103)}.value-switch.svelte-18smyqu{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;align-items:center;height:2.5em}.advanced-option.svelte-4tghqs{display:none}.advanced-option.active.svelte-4tghqs{display:block}.advanced-option.svelte-4tghqs{display:none}.advanced-option.active.svelte-4tghqs{display:block}.value-switch.svelte-oxb3lr{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;align-items:center;height:2.5em}.config-element-container.svelte-z6fqvg.svelte-z6fqvg{overflow-y:auto;overflow-x:hidden}.config-element-container.svelte-z6fqvg .config-element.svelte-z6fqvg{display:flex;flex-direction:row;height:2.5em}.config-element-container.svelte-z6fqvg .config-element input[type=text].svelte-z6fqvg{margin-top:0.25em;margin-bottom:0.25em;padding-top:0.25em;padding-bottom:0.25em}button.svelte-18smyqu{flex:1 1 0px;border:1px solid grey;margin-bottom:0.5em}button.svelte-18smyqu:hover{background-color:rgb(77, 75, 103)}.properties-container.svelte-vs42di.svelte-vs42di{overflow-y:auto;overflow-x:hidden}.properties-container.svelte-vs42di.svelte-vs42di::-webkit-scrollbar{display:none}.area-name-container.svelte-vs42di.svelte-vs42di{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;flex-direction:column}.area-name-container.svelte-vs42di .svelte-vs42di{margin-bottom:0}.slider.svelte-1labkbb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:5px;height:40px;margin-top:-32px}.slider.svelte-1labkbb::-moz-range-thumb{width:5px;height:40px;margin-top:-32px}.entities-tag-list-item-grid.svelte-184wjtx.svelte-184wjtx{display:grid;-moz-column-gap:6px;column-gap:6px;grid-template-areas:"asset tag tag . chevronRight" "asset entitiesCount object . chevronRight ";grid-template-columns:32px auto 1fr 1fr 1fr}.asset.svelte-184wjtx.svelte-184wjtx{grid-area:asset;align-self:center;justify-self:center}.tag.svelte-184wjtx.svelte-184wjtx{grid-area:tag}.chevronRight.svelte-184wjtx.svelte-184wjtx{grid-area:chevronRight;align-self:center;justify-self:end}.entitiesCount.svelte-184wjtx.svelte-184wjtx{grid-area:entitiesCount;font-size:12px;border:1px solid white;align-self:center;justify-self:center;padding:0 4px;border-radius:4px}.entities-tag-list-item-grid.svelte-184wjtx:hover .entitiesCount.svelte-184wjtx{border:1px solid black}.object.svelte-184wjtx.svelte-184wjtx{grid-area:object;opacity:50%;font-size:12px;align-self:center}.properties-container.svelte-1xf8zgr.svelte-1xf8zgr{overflow-y:auto;overflow-x:hidden}.properties-container.svelte-1xf8zgr.svelte-1xf8zgr::-webkit-scrollbar{display:none}.entity-name-container.svelte-1xf8zgr.svelte-1xf8zgr{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;flex-direction:column}.entity-name-container.svelte-1xf8zgr .svelte-1xf8zgr{margin-bottom:0}.drag-handle.svelte-zmjdnb{pointer-events:auto}.drag-handle.svelte-zmjdnb:after{content:"";position:absolute;top:-20px;inset-inline-start:-20px;width:45px;height:122px;border-radius:4px}.map-editor.svelte-94qouj.svelte-94qouj{top:0;inset-inline-end:0;width:-moz-fit-content;width:fit-content;z-index:1999;pointer-events:auto;color:whitesmoke}.map-editor.WAMSettingsEditor.svelte-94qouj.svelte-94qouj{width:80% !important;inset-inline-start:10%;height:0 !important}.map-editor.svelte-94qouj .sidebar.svelte-94qouj{position:relative !important;display:flex;flex-direction:column;gap:10px}.refresh.svelte-y4l55s.svelte-y4l55s{pointer-events:auto;color:white;z-index:10000 !important;position:absolute !important;font-family:"Roboto", sans-serif}.refresh.svelte-y4l55s p.svelte-y4l55s{font-size:xx-large}.horizontal-sound-meter.svelte-1qfn8c9 div.svelte-1qfn8c9{flex-grow:1}.enableCameraScene.svelte-1956y20 h2.svelte-1956y20{margin:1px}.enableCameraScene.svelte-1956y20 section.text-center.svelte-1956y20{text-align:center}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
section.section-input-send-text.svelte-edss87.svelte-edss87{--height-toolbar:20%;height:100%}
section.section-input-send-text.svelte-edss87 .ql-editor{background-color:#1b2a41}
section.section-input-send-text.svelte-edss87 .ql-toolbar.ql-snow .ql-picker-label{color:whitesmoke}
section.section-input-send-text.svelte-edss87 .ql-toolbar .ql-stroke{fill:none;stroke:#fff}
section.section-input-send-text.svelte-edss87 .ql-toolbar .ql-fill{fill:#fff;stroke:none}
section.section-input-send-text.svelte-edss87 .ql-toolbar.ql-snow .ql-formats button{color:whitesmoke}
section.section-input-send-text.svelte-edss87 .ql-container{background-color:#1b2a41;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:1px solid #879fc2;color:whitesmoke}
section.section-input-send-text.svelte-edss87 .ql-toolbar{max-height:var(--height-toolbar);border-top-left-radius:12px;border-top-right-radius:12px}
section.section-input-send-text.svelte-edss87 .ql-editor{text-align:start}
section.section-input-send-text.svelte-edss87 div.input-send-text.svelte-edss87{height:calc(100% - var(--height-toolbar));overflow:auto;font-size:1rem}
section.section-input-send-text.svelte-edss87 div.input-send-text.svelte-edss87 .ql-editor.ql-blank::before{color:whitesmoke;font-size:1rem}
section.section-input-send-text.svelte-edss87 div.input-send-text.svelte-edss87 .ql-tooltip{top:40% !important;inset-inline-start:20% !important;color:whitesmoke;background-color:#333333}
@media only screen and (max-width: 991px){section.section-input-send-text.svelte-edss87.svelte-edss87{--height-toolbar:30%}section.section-input-send-text.svelte-edss87 .ql-toolbar{overflow:auto}}p.err.svelte-i8bug9{color:red}video.svelte-w0zr2v{transition:all 0.2s ease-in-out}video.svelte-w0zr2v:hover{scale:1.1}button.light[disabled].svelte-w0zr2v{background-color:#4a5568;cursor:not-allowed}.calendar.svelte-8z904l.svelte-8z904l{position:absolute !important;top:0;right:0;width:-moz-fit-content !important;width:fit-content !important;z-index:425;pointer-events:auto;color:whitesmoke}.calendar.svelte-8z904l .sidebar.svelte-8z904l{position:relative !important;display:flex;flex-direction:column;gap:10px}.totolist.svelte-1csju0f.svelte-1csju0f{position:absolute !important;top:0;right:0;width:-moz-fit-content !important;width:fit-content !important;z-index:425;pointer-events:auto;color:whitesmoke}.totolist.svelte-1csju0f .sidebar.svelte-1csju0f{position:relative !important;display:flex;flex-direction:column;gap:10px}.backdrop.svelte-a1wtj0{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.5);z-index:2000;pointer-events:auto}.mobile-webkit.svelte-1lupos7{max-height:-webkit-fill-available !important}.scroll-mask.svelte-1lupos7{mask-image:linear-gradient(to bottom, transparent 0px, black 40px, black calc(100% - 40px), transparent 100%);-webkit-mask-image:linear-gradient(
            to bottom,
            transparent 0px,
            black 40px,
            black calc(100% - 40px),
            transparent 100%
        )}.mobile-webkit.svelte-1lupos7{max-height:-webkit-fill-available !important}.scroll-mask.svelte-1lupos7{mask-image:linear-gradient(to bottom, transparent 0px, black 40px, black calc(100% - 40px), transparent 100%);-webkit-mask-image:linear-gradient(
            to bottom,
            transparent 0px,
            black 40px,
            black calc(100% - 40px),
            transparent 100%
        )}.tab.svelte-14t6g84{width:300px}@media(max-width: 768px){.tab.svelte-14t6g84{width:220px;padding-right:1.5rem}}.cowebsite-normal.svelte-whvnum{position:relative;z-index:1}.cowebsite-fullscreen.svelte-whvnum{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}body{overflow:hidden}