:root {
  --color-primary: #0060a2;
  --color-primary-content: #ffffff;
  --color-primary-content-rgb: 255, 255, 255;
  --color-primary-gradient-from: #0096a2;
  --color-primary-gradient-to: #0060a2;
  --color-primary-gradient-button-from: #0096a2;
  --color-primary-gradient-button-to: #0060a2;
  --color-primary-gradient-hover-from: #007e88;
  --color-primary-gradient-hover-to: #005188;
  --color-primary-button: #0060a2;
  --color-primary-button-hover: #00426f;
  --color-primary-button-content: #ffffff;
  --opacity-primary-content: 0.2;
  --color-primary-focus: #007e88;
  --color-secondary-focus: #ffffff;
}

.btn.svelte-ywofml {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
}
.btn-primary.svelte-ywofml {
  background-color: var(--color-primary-button);
  color: var(--color-primary-button-content);
}
.btn-primary.svelte-ywofml:hover {
  background-color: var(--color-primary-button-hover);
}
.btn-ghost.svelte-ywofml:hover {
  --un-bg-opacity: 0.1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.btn-success.svelte-ywofml {
  --un-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--un-bg-opacity));
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.btn-success.svelte-ywofml:hover {
  --un-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--un-bg-opacity));
}
.btn-sm.svelte-ywofml {
  width: 1.5rem;
  height: 1.5rem;
}


*,
::before,
::after,
::backdrop {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 #0000;
  --un-ring-shadow: 0 0 #0000;
  --un-shadow-inset: ;
  --un-shadow: 0 0 #0000;
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: #93c5fd80;
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.button-focus:focus-visible {
  outline-width: 2px;
  outline-color: var(--color-primary-focus);
  outline-offset: 1px;
  outline-style: solid;
}
.button-focus-secondary:focus-visible {
  outline-width: 2px;
  outline-color: var(--color-secondary-focus);
  outline-offset: 1px;
  outline-style: solid;
}
.content-focus:focus-visible {
  outline-width: 2px;
  outline-color: var(--color-primary-focus);
  outline-offset: -5px;
  outline-style: solid;
}
.content-focus-secondary:focus-visible {
  outline-width: 2px;
  outline-color: var(--color-secondary-focus);
  outline-offset: -5px;
  outline-style: solid;
}
.\[clip\:rect\(0\,0\,0\,0\)\] {
  clip: rect(0px, 0px, 0px, 0px);
}
.sr-only {
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border-width: 0px;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0px;
  position: absolute;
  overflow: hidden;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-bottom-4\.5 {
  bottom: -1.125rem;
}
.-right-\[4px\] {
  right: -4px;
}
.-top-\[4px\] {
  top: -4px;
}
.bottom-\[-8px\] {
  bottom: -8px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-full {
  bottom: 100%;
}
.left-\[2px\] {
  left: 2px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3\.7 {
  left: 0.925rem;
}
.right-\[16px\] {
  right: 16px;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.top-\[2px\] {
  top: 2px;
}
.top-0 {
  top: 0px;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.7 {
  top: 0.925rem;
}
.top-30 {
  top: 7.5rem;
}
.top-40 {
  top: 10rem;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-50 {
  z-index: 50;
}
.grid {
  display: grid;
}
.float-right {
  float: right;
}
.-m-px {
  margin: -1px;
}
.m-3 {
  margin: 0.75rem;
}
.m-auto {
  margin: auto;
}
.m15 {
  margin: 3.75rem;
}
.m16 {
  margin: 4rem;
}
.m18 {
  margin: 4.5rem;
}
.m21 {
  margin: 5.25rem;
}
.m22 {
  margin: 5.5rem;
}
.m6 {
  margin: 1.5rem;
}
.m7 {
  margin: 1.75rem;
}
.m8 {
  margin: 2rem;
}
.m9 {
  margin: 2.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1,
.not-last-of-type\:mb-1:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.first-of-type\:mt-2:first-of-type {
  margin-top: 0.5rem;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  display: none;
}
.h-\[1\.2em\] {
  height: 1.2em;
}
.h-\[1em\] {
  height: 1em;
}
.h-\[50px\] {
  height: 50px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-30 {
  height: 7.5rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-400px {
  height: 400px;
}
.h-5 {
  height: 1.25rem;
}
.h-54px {
  height: 54px;
}
.h-6 {
  height: 1.5rem;
}
.h-60px {
  height: 60px;
}
.h-64px {
  height: 64px;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-\[125px\] {
  max-height: 125px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[32px\] {
  max-height: 32px;
}
.max-h-132px {
  max-height: 132px;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-80vh {
  max-height: 80vh;
}
.max-h-86 {
  max-height: 21.5rem;
}
.max-h-full {
  max-height: 100%;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[calc\(100\%-150px\)\] {
  max-width: calc(100% - 150px);
}
.max-w-full {
  max-width: 100%;
}
.min-h-\[16px\] {
  min-height: 16px;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-5\.5 {
  min-width: 1.375rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.w-\[1\.2em\] {
  width: 1.2em;
}
.w-\[1em\] {
  width: 1em;
}
.w-\[50px\] {
  width: 50px;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-11 {
  width: 2.75rem;
}
.w-116 {
  width: 29rem;
}
.w-12 {
  width: 3rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-280px {
  width: 280px;
}
.w-348px {
  width: 348px;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60px {
  width: 60px;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: 0 0 auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow,
.grow {
  flex-grow: 1;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.-translate-x-1\/2 {
  --un-translate-x: -50%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.translate-x-full {
  --un-translate-x: 100%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.group:hover .group-hover\:scale-115 {
  --un-scale-x: 1.15;
  --un-scale-y: 1.15;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.hover\:scale-120:hover {
  --un-scale-x: 1.2;
  --un-scale-y: 1.2;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.transform {
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes push-to-left {
  0% {
    margin-right: -50%;
    transform: scale(0);
  }
  100% {
    margin-right: inherit;
    transform: scale(1);
  }
}
@keyframes spin {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes typing {
  0%,
  50%,
  100% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-6px);
  }
}
.animate-pulse {
  animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running
    pulse;
}
.animate-push-to-left {
  animation: 0.25s ease-in-out 0s 1 normal none running push-to-left;
}
.animate-spin {
  animation: 1s linear 0s infinite normal none running spin;
}
.animate-typing {
  animation: 0.8s ease-in-out 0s 1 normal none running typing;
}
.cursor-auto {
  cursor: auto;
}
.cursor-pointer,
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.select-none {
  user-select: none;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.scroll-mt-2 {
  scroll-margin-top: 0.5rem;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.self-stretch {
  align-self: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --un-space-x-reverse: 0;
  margin-left: calc(0.5rem * calc(1 - var(--un-space-x-reverse)));
  margin-right: calc(0.5rem * var(--un-space-x-reverse));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --un-space-x-reverse: 0;
  margin-left: calc(1.25rem * calc(1 - var(--un-space-x-reverse)));
  margin-right: calc(1.25rem * var(--un-space-x-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--un-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(1rem * var(--un-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --un-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--un-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--un-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.border,
.border-1 {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-gray-300 {
  --un-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--un-border-opacity));
}
.border-green-400 {
  --un-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--un-border-opacity));
}
.border-primary {
  border-color: var(--color-primary);
}
.border-primary-button {
  border-color: var(--color-primary-button);
}
.border-red-500 {
  --un-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--un-border-opacity));
}
.border-slate-200 {
  --un-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--un-border-opacity));
}
.border-white {
  --un-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--un-border-opacity));
}
.focus\:border-blue-500:focus {
  --un-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--un-border-opacity));
}
.border-t-neutral-100 {
  --un-border-opacity: 1;
  --un-border-top-opacity: var(--un-border-opacity);
  border-top-color: rgb(245 245 245 / var(--un-border-top-opacity));
}
.border-rounded-full,
.rounded-full {
  border-radius: 9999px;
}
.rounded-2,
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl,
.rounded-6 {
  border-radius: 1.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.rounded-t-6 {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-lb-3xl {
  border-bottom-left-radius: 1.5rem;
}
.rounded-lt-3xl {
  border-top-left-radius: 1.5rem;
}
.rounded-rb-3xl {
  border-bottom-right-radius: 1.5rem;
}
.rounded-rt-3xl {
  border-top-right-radius: 1.5rem;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.bg-black {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.bg-black\/80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-emerald-500 {
  --un-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--un-bg-opacity));
}
.bg-gray-200 {
  --un-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--un-bg-opacity));
}
.bg-gray-300 {
  --un-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--un-bg-opacity));
}
.bg-gray-400\/\[\.95\] {
  background-color: rgba(156, 163, 175, 0.95);
}
.bg-gray-600\/\[\.95\] {
  background-color: rgba(75, 85, 99, 0.95);
}
.bg-green-400 {
  --un-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--un-bg-opacity));
}
.bg-green-500 {
  --un-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--un-bg-opacity));
}
.bg-neutral-100 {
  --un-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--un-bg-opacity));
}
.bg-neutral-100\/50 {
  background-color: rgba(245, 245, 245, 0.5);
}
.bg-neutral-600\/40 {
  background-color: rgba(82, 82, 82, 0.4);
}
.bg-orange-500 {
  --un-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--un-bg-opacity));
}
.bg-primary-button {
  background-color: var(--color-primary-button);
}
.bg-red-500 {
  --un-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--un-bg-opacity));
}
.bg-red-600 {
  --un-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--un-bg-opacity));
}
.bg-slate-100 {
  --un-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--un-bg-opacity));
}
.bg-slate-200 {
  --un-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--un-bg-opacity));
}
.bg-slate-300 {
  --un-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--un-bg-opacity));
}
.bg-slate-400 {
  --un-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--un-bg-opacity));
}
.bg-slate-500 {
  --un-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--un-bg-opacity));
}
.bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}
.bg-white {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.hover-bg-black:hover {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.hover-bg-emerald-600:hover {
  --un-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--un-bg-opacity));
}
.hover-bg-primary-button-hover:hover {
  background-color: var(--color-primary-button-hover);
}
.hover-bg-primary-button:hover {
  background-color: var(--color-primary-button);
}
.hover-bg-slate-100:hover {
  --un-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--un-bg-opacity));
}
.hover-bg-transparent:hover {
  background-color: rgba(0, 0, 0, 0);
}
.hover\:bg-slate-100:hover {
  --un-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--un-bg-opacity));
}
.bg-opacity-10,
.hover-bg-opacity-10:hover {
  --un-bg-opacity: 0.1;
}
.from-white\/100 {
  --un-gradient-from-position: 0%;
  --un-gradient-from: #fff var(--un-gradient-from-position);
  --un-gradient-to-position: 100%;
  --un-gradient-to: #fff0 var(--un-gradient-to-position);
  --un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to);
}
.via-white\/40 {
  --un-gradient-via-position: 50%;
  --un-gradient-to: #fff0;
  --un-gradient-stops:
    var(--un-gradient-from), #fff6 var(--un-gradient-via-position),
    var(--un-gradient-to);
}
.via-white\/50 {
  --un-gradient-via-position: 50%;
  --un-gradient-to: #fff0;
  --un-gradient-stops:
    var(--un-gradient-from), #ffffff80 var(--un-gradient-via-position),
    var(--un-gradient-to);
}
.to-transparent {
  --un-gradient-to-position: 100%;
  --un-gradient-to: transparent var(--un-gradient-to-position);
}
.from-0\% {
  --un-gradient-from-position: 0%;
}
.via-50\% {
  --un-gradient-via-position: 50%;
}
.via-70\% {
  --un-gradient-via-position: 70%;
}
.bg-gradient-to-t {
  --un-gradient-shape: to top in oklch;
  --un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
  background-image: linear-gradient(var(--un-gradient));
}
.fill-current {
  fill: currentcolor;
}
.fill-primary-button {
  fill: var(--color-primary-button);
}
.fill-primary-button-content {
  fill: var(--color-primary-button-content);
}
.object-contain {
  object-fit: contain;
}
.p-0 {
  padding: 0px;
}
.p-0\.8 {
  padding: 0.2rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px,
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.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;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-4,
.group:hover .group-hover\:not-first\:pl-4:not(:first-child) {
  padding-left: 1rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-base-input {
  font-size: 1rem;
  line-height: 1.25rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-black {
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity));
}
.text-gray-300 {
  --un-text-opacity: 1;
  color: rgb(209 213 219 / var(--un-text-opacity));
}
.text-gray-500 {
  --un-text-opacity: 1;
  color: rgb(107 114 128 / var(--un-text-opacity));
}
.text-neutral-400 {
  --un-text-opacity: 1;
  color: rgb(163 163 163 / var(--un-text-opacity));
}
.text-neutral-500 {
  --un-text-opacity: 1;
  color: rgb(115 115 115 / var(--un-text-opacity));
}
.text-primary {
  color: var(--color-primary);
}
.text-primary-button {
  color: var(--color-primary-button);
}
.text-primary-button-content {
  color: var(--color-primary-button-content);
}
.text-primary-content {
  color: var(--color-primary-content);
}
.text-red-500 {
  --un-text-opacity: 1;
  color: rgb(239 68 68 / var(--un-text-opacity));
}
.text-slate-400 {
  --un-text-opacity: 1;
  color: rgb(148 163 184 / var(--un-text-opacity));
}
.color-slate-500,
.text-slate-500 {
  --un-text-opacity: 1;
  color: rgb(100 116 139 / var(--un-text-opacity));
}
.text-slate-600 {
  --un-text-opacity: 1;
  color: rgb(71 85 105 / var(--un-text-opacity));
}
.color-slate-800,
.text-slate-800 {
  --un-text-opacity: 1;
  color: rgb(30 41 59 / var(--un-text-opacity));
}
.text-white {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.hover-text-primary-button-content:hover {
  color: var(--color-primary-button-content);
}
.hover\:text-gray-400:hover {
  --un-text-opacity: 1;
  color: rgb(156 163 175 / var(--un-text-opacity));
}
.hover\:text-slate-800:hover {
  --un-text-opacity: 1;
  color: rgb(30 41 59 / var(--un-text-opacity));
}
.placeholder\:text-slate-300::placeholder {
  --un-text-opacity: 1;
  color: rgb(203 213 225 / var(--un-text-opacity));
}
.color-red-600 {
  --un-text-opacity: 1;
  color: rgb(220 38 38 / var(--un-text-opacity));
}
.hover\:color-slate-700:hover {
  --un-text-opacity: 1;
  color: rgb(51 65 85 / var(--un-text-opacity));
}
.text-opacity-20 {
  --un-text-opacity: 0.2;
}
.font-200 {
  font-weight: 200;
}
.font-500,
.font-medium {
  font-weight: 500;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-semibold {
  font-weight: 600;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-4\.5 {
  line-height: 1.125rem;
}
.leading-5\.5 {
  line-height: 1.375rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-normal {
  line-height: 1.5;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration-line: underline;
}
.no-underline,
.hover-no-underline:hover {
  text-decoration: none;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow {
  --un-shadow:
    var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, #0000001a),
    var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, #0000001a);
  box-shadow:
    var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-lg {
  --un-shadow:
    var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, #0000001a),
    var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, #0000001a);
  box-shadow:
    var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-md {
  --un-shadow:
    var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, #0000001a),
    var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, #0000001a);
  box-shadow:
    var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-sm {
  --un-shadow: var(--un-shadow-inset) 0 1px 2px 0
    var(--un-shadow-color, #0000000d);
  box-shadow:
    var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.focus-within\:outline-2:focus-within {
  outline-width: 2px;
}
.focus-within\:outline-primary-focus:focus-within {
  outline-color: var(--color-primary-focus);
}
.outline,
.focus-within\:outline-solid:focus-within {
  outline-style: solid;
}
.outline-none,
.focus\:outline-none:focus,
.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: rgba(0, 0, 0, 0) solid 2px;
}
.focus-within\:ring-3:focus-within {
  --un-ring-width: 3px;
  --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0
    var(--un-ring-offset-width) var(--un-ring-offset-color);
  --un-ring-shadow: var(--un-ring-inset) 0 0 0
    calc(var(--un-ring-width) + var(--un-ring-offset-width))
    var(--un-ring-color);
  box-shadow:
    var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.focus-within\:ring-offset-1:focus-within {
  --un-ring-offset-width: 1px;
}
.focus-within\:ring-blue-400:focus-within {
  --un-ring-opacity: 1;
  --un-ring-color: rgb(96 165 250/var(--un-ring-opacity));
}
.focus\:ring-blue-500:focus {
  --un-ring-opacity: 1;
  --un-ring-color: rgb(59 130 246/var(--un-ring-opacity));
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter,
    backdrop-filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-opacity {
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-padding-400 {
  transition-property: padding;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-width-250 {
  transition-property: width;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-150 {
  transition-duration: 0.15s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-75 {
  transition-duration: 75ms;
}
.delay-0 {
  transition-delay: 0s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.content-\[\"\"\] {
  content: "";
}
.bg-primary-gradient {
  background: linear-gradient(
    80deg,
    var(--color-primary-gradient-from),
    var(--color-primary-gradient-to) 130%
  );
}
.bg-primary-gradient-button {
  background: linear-gradient(
    80deg,
    var(--color-primary-gradient-button-from),
    var(--color-primary-gradient-button-to) 130%
  );
}
.bg-primary-gradient-hover:hover {
  background: linear-gradient(
    80deg,
    var(--color-primary-gradient-hover-from),
    var(--color-primary-gradient-hover-to) 130%
  );
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.typing-indicator.svelte-s40xgk {
  border-radius: 9999px;
}
.typing-indicator.sm.svelte-s40xgk {
  width: 0.25rem;
  height: 0.25rem;
}
.typing-indicator.md.svelte-s40xgk {
  width: 0.5rem;
  height: 0.5rem;
}
.typing-indicator.indicator-color-black.svelte-s40xgk {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.typing-indicator.indicator-color-gray.svelte-s40xgk {
  --un-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--un-bg-opacity));
}
.typing-indicator.svelte-s40xgk:not(:first-child) {
  margin-left: 0.25rem;
}
.typing-indicator-second.svelte-s40xgk {
  animation-delay: 0.1s;
}
.typing-indicator-third.svelte-s40xgk {
  animation-delay: 0.2s;
}
.btn.svelte-1e84n7w {
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
}
.btn-primary.svelte-1e84n7w {
  background-color: var(--color-primary-button);
  color: var(--color-primary-button-content);
}
.btn-primary.svelte-1e84n7w:hover {
  background-color: var(--color-primary-button-hover);
}
.btn-outline.svelte-1e84n7w {
  border-width: 1px;
  border-color: var(--color-primary-button);
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity));
}
.btn-outline.svelte-1e84n7w:hover {
  background-color: var(--color-primary-button);
  color: var(--color-primary-button-content);
}
.btn-raised.svelte-1e84n7w {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
  --un-text-opacity: 1;
  color: rgb(100 116 139 / var(--un-text-opacity));
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px;
}
.btn-raised.svelte-1e84n7w:hover {
  --un-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--un-bg-opacity));
}
.btn-sm.svelte-1e84n7w {
  height: 2rem;
}
.btn-md.svelte-1e84n7w {
  height: 2.5rem;
}
.btn-lg.svelte-1e84n7w {
  height: 3rem;
}
.btn-disabled.svelte-1e84n7w {
  cursor: not-allowed;
  opacity: 0.2;
}
.dark.svelte-sj99h3 {
  background-color: rgba(75, 85, 99, 0.95);
  padding: 0.5rem 0.75rem;
}
.light.svelte-sj99h3 {
  background-color: rgba(156, 163, 175, 0.95);
  padding: 0.25rem 0.5rem;
}
svg.svelte-yixhat {
  fill: currentcolor;
  width: 1em;
  height: 1em;
}
.carousel.svelte-10qqjzd {
  justify-content: start;
  align-items: start;
  width: 100%;
}
.carousel.svelte-10qqjzd:hover .button:where(.svelte-10qqjzd),
.carousel.svelte-10qqjzd:focus-within .button:where(.svelte-10qqjzd) {
  opacity: 1;
}
.button.svelte-10qqjzd {
  opacity: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: initial;
  transition: opacity 0.4s;
  position: absolute;
}
.left.svelte-10qqjzd {
  left: -1em;
}
.right.svelte-10qqjzd {
  right: -1em;
}
.message-content-html ul {
  margin-right: 0.25rem;
  padding-left: 1rem;
  list-style-type: disc;
}
.message-content-html li:not(:first-child),
.message-content-html li > ul,
.message-content-html li > ol {
  margin-top: 0.5rem;
}
.message-content-html ol {
  margin-right: 0.25rem;
  padding-left: 1rem;
  list-style-type: decimal;
}
.message-content-html a {
  text-decoration-line: underline;
}
.message-content-html a:hover {
  text-decoration: none;
}
.message-content-html * {
  white-space: normal;
  overflow-wrap: break-word;
}
.message-content-text.svelte-nfb0ym {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}
.message-content-text a {
  text-decoration-line: underline;
}
.message-content-text a:hover {
  text-decoration: none;
}
.avatar-group-item.svelte-yfxa7t:first-of-type {
  z-index: 3;
}
.avatar-group-item.svelte-yfxa7t:nth-of-type(2) {
  z-index: 2;
}
.avatar-group-item.svelte-yfxa7t:nth-of-type(3) {
  z-index: 1;
}
.avatar-sm.svelte-yfxa7t:not(:first-child) {
  margin-left: -12px;
}
.avatar-md.svelte-yfxa7t:not(:first-child) {
  margin-left: -16px;
}
.avatar-lg.svelte-yfxa7t:not(:first-child) {
  margin-left: -22px;
}
.removeIcon.svelte-11f3bdw {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.attachmentWrapper.svelte-11f3bdw:hover .removeIcon:where(.svelte-11f3bdw),
.attachmentWrapper.svelte-11f3bdw:focus-within
  .removeIcon:where(.svelte-11f3bdw) {
  opacity: 1;
}
.textarea-container.svelte-1tl9lce {
  overscroll-behavior: contain;
  scrollbar-width: none;
  flex: 1 1 0%;
  max-height: 32px;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: grid;
  overflow: hidden auto;
}
.textarea-container.svelte-1tl9lce::-webkit-scrollbar {
  display: none;
}
.textarea-container-resizable.svelte-1tl9lce {
  max-height: 125px;
}
.textarea-container.svelte-1tl9lce::after {
  content: attr(data-textarea-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
  overflow-wrap: break-word;
  word-break: break-word;
}
.textarea-container.svelte-1tl9lce::after,
textarea.svelte-1tl9lce {
  font-size: inherit;
  grid-area: 1 / 1 / 2 / 2;
  margin-left: 1rem;
  margin-right: 0.75rem;
}
textarea.svelte-1tl9lce::placeholder {
  word-break: break-all;
  overflow: hidden;
}
em-emoji-picker {
  --border-radius: 12px;
  --un-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(226 232 240 / var(--un-border-opacity));
  border-radius: 0.75rem;
  width: 100%;
  height: 400px;
  max-height: 80vh;
  padding-top: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 15px 1px;
}
.switch.svelte-1yzfzzo {
  --un-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--un-bg-opacity));
  border-radius: 9999px;
  width: 2.75rem;
  height: 1.5rem;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.switch.svelte-1yzfzzo:focus {
  outline-offset: 2px;
  outline: rgba(0, 0, 0, 0) solid 2px;
}
.switch.svelte-1yzfzzo::after {
  --un-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--un-border-opacity));
  --un-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--un-bg-opacity));
  content: "";
  border-radius: 9999px;
  width: 1.25rem;
  height: 1.25rem;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 2px;
  left: 2px;
}
.switch.checked.svelte-1yzfzzo {
  background-color: var(--color-primary-button);
}
.switch.checked.svelte-1yzfzzo::after {
  --un-translate-x: 100%;
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
  --un-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--un-bg-opacity));
}
.invalid.svelte-12f4c1g,
.invalid.svelte-19m3ucy {
  --un-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--un-border-opacity));
}
select.svelte-8h5rq4 {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
}
.invalid.svelte-8h5rq4 {
  --un-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--un-border-opacity));
}
.icon.svelte-1rsa2qv {
  background-color: var(--color-primary-button);
  color: var(--color-primary-button-content);
  border-radius: 1.5rem;
  padding: 0.5rem;
  display: inline-block;
  position: relative;
}
.drawer-button.svelte-j6exq0 {
  text-align: left;
  border-radius: 0.5rem;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  transition:
    color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    text-decoration-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    fill 75ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke 75ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
}
.drawer-button.svelte-j6exq0:hover {
  --un-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--un-bg-opacity));
}
.drawer-button-disabled.svelte-j6exq0 {
  text-align: left;
  opacity: 0.3;
  border-radius: 0.5rem;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  display: flex;
}
.drawer-button-disabled.svelte-j6exq0:hover {
  cursor: not-allowed;
}
.drawer-switch.svelte-1jesxtc {
  user-select: none;
  text-align: left;
  border-radius: 0.5rem;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  transition:
    color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    text-decoration-color 75ms cubic-bezier(0.4, 0, 0.2, 1),
    fill 75ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke 75ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
}
.drawer-switch.svelte-1jesxtc:hover {
  --un-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--un-bg-opacity));
}
.message-content.svelte-1gfvhi6 {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}
.message-content-left.svelte-1gfvhi6 {
  border-radius: 0.25rem 1.5rem 1.5rem 0.25rem;
}
.message-content-left-first.svelte-1gfvhi6 {
  border-top-left-radius: 1.5rem;
}
.message-content-left-last.svelte-1gfvhi6 {
  border-bottom-left-radius: 1.5rem;
}
.message-content-right.svelte-1gfvhi6 {
  border-radius: 1.5rem 0.25rem 0.25rem 1.5rem;
}
.message-content-right-first.svelte-1gfvhi6 {
  border-top-right-radius: 1.5rem;
}
.message-content-right-last.svelte-1gfvhi6 {
  border-bottom-right-radius: 1.5rem;
}
.count-animate.svelte-228c7n {
  animation: 0.2s cubic-bezier(0.4, 2, 0.6, 1) 0s 1 normal none running
    svelte-228c7n-pop-scale;
}
@keyframes svelte-228c7n-pop-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}