/* [project]/styles/globals.css [client] (css) */
*, :before, :after, ::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: #3b82f680;
  --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: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root, [data-theme] {
  color: hsl(var(--kai-foreground));
  background-color: hsl(var(--kai-background));
}

:root {
  --container-width: 100%;
  --outside-space: 1.3rem;
  --container-padding: 1.3rem;
  --width-sm: 640px;
  --width-md: 768px;
  --width-lg: 1280px;
  --width-xl: 1300px;
  --width-2xl: 1681px;
}

@media (min-width: 640px) {
  :root {
    --container-width: 640px;
    --outside-space: calc((100vw - 640px) / 2);
  }
}

@media (min-width: 768px) {
  :root {
    --container-width: 768px;
    --outside-space: calc((100vw - 768px) / 2);
  }
}

@media (min-width: 1280px) {
  :root {
    --container-width: 1280px;
    --outside-space: calc((100vw - 1280px) / 2);
    --container-padding: 2rem;
  }
}

@media (min-width: 1300px) {
  :root {
    --container-width: 1300px;
    --outside-space: calc((100vw - 1300px) / 2);
  }
}

@media (min-width: 1681px) {
  :root {
    --container-width: 1681px;
    --outside-space: calc((100vw - 1681px) / 2);
  }
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

h1 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  font-size: clamp(1.57678rem, 2.03764vw + .965488rem, 2.79936rem);
  line-height: 1.3;
}

h2 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  font-size: clamp(1.40158rem, 1.55203vw + .935971rem, 2.3328rem);
  line-height: 1.3;
}

h3 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  font-size: clamp(1.24585rem, 1.16358vw + .896774rem, 1.944rem);
  line-height: 1.3;
}

h4 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  font-size: clamp(1.10742rem, .854297vw + .851133rem, 1.62rem);
  line-height: 1.2;
}

h5 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  font-size: clamp(.984375rem, .609375vw + .801563rem, 1.35rem);
  line-height: 1.6;
}

body {
  font-size: clamp(.875rem, .416667vw + .75rem, 1.125rem);
  line-height: 1.6;
}

a {
  color: inherit;
}

img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

@media (min-width: 1681px) {
  .container {
    max-width: 1681px;
  }
}

.break-right {
  margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
}

.\!break-right-space {
  margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding)) !important;
  padding-right: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding)) !important;
}

.break-right-space {
  margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
  padding-right: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding));
}

.break-left {
  margin-left: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
}

.\!break-left-space {
  margin-left: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding)) !important;
  padding-left: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding)) !important;
}

.break-left-space {
  margin-left: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
  padding-left: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding));
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.\!static {
  position: static !important;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.-bottom-8 {
  bottom: -2rem;
}

.-right-2 {
  right: -.5rem;
}

.-right-3 {
  right: -.75rem;
}

.-right-px {
  right: -1px;
}

.-top-2 {
  top: -.5rem;
}

.-top-3 {
  top: -.75rem;
}

.-top-\[1\.875rem\] {
  top: -1.875rem;
}

.-top-px {
  top: -1px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[0\.1563rem\] {
  bottom: .1563rem;
}

.bottom-\[10\%\] {
  bottom: 10%;
}

.bottom-\[5\%\] {
  bottom: 5%;
}

.end-1 {
  inset-inline-end: .25rem;
}

.end-1\.5 {
  inset-inline-end: .375rem;
}

.end-3 {
  inset-inline-end: .75rem;
}

.end-auto {
  inset-inline-end: auto;
}

.left-0 {
  left: 0;
}

.left-1\/2 {
  left: 50%;
}

.left-4 {
  left: 1rem;
}

.left-\[10\%\] {
  left: 10%;
}

.left-\[5\%\] {
  left: 5%;
}

.left-\[55\%\] {
  left: 55%;
}

.left-\[calc\(37\.5\%\)\] {
  left: 37.5%;
}

.left-\[var\(--slider-fill\)\] {
  left: var(--slider-fill);
}

.right-0 {
  right: 0;
}

.right-2 {
  right: .5rem;
}

.right-5 {
  right: 1.25rem;
}

.right-\[10\%\] {
  right: 10%;
}

.right-\[5\%\] {
  right: 5%;
}

.start-0 {
  inset-inline-start: 0;
}

.start-1\.5 {
  inset-inline-start: .375rem;
}

.start-2 {
  inset-inline-start: .5rem;
}

.start-3 {
  inset-inline-start: .75rem;
}

.start-auto {
  inset-inline-start: auto;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: .25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: .5rem;
}

.top-32 {
  top: 8rem;
}

.top-5 {
  top: 1.25rem;
}

.top-\[10\%\] {
  top: 10%;
}

.top-\[5\%\] {
  top: 5%;
}

.top-\[calc\(100\%_\+_2px\)\] {
  top: calc(100% + 2px);
}

.top-\[calc\(46\%\)\] {
  top: 46%;
}

.top-\[var\(--navbar-height\)\] {
  top: var(--navbar-height);
}

.top-auto {
  top: auto;
}

.top-full {
  top: 100%;
}

.-z-10 {
  z-index: -10;
}

.-z-30 {
  z-index: -30;
}

.-z-\[1\] {
  z-index: -1;
}

.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-\[1\] {
  z-index: 1;
}

.z-\[50\] {
  z-index: 50;
}

.z-\[5\] {
  z-index: 5;
}

.-order-1 {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-first {
  order: -9999;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-end-11 {
  grid-column-end: 11;
}

.-m-2 {
  margin: -.5rem;
}

.-m-2\.5 {
  margin: -.625rem;
}

.m-0 {
  margin: 0;
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-\[7\.5px\] {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
  margin-left: .375rem;
  margin-right: .375rem;
}

.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
  margin-top: .375rem;
  margin-bottom: .375rem;
}

.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.\!mt-0 {
  margin-top: 0 !important;
}

.-mb-14 {
  margin-bottom: -3.5rem;
}

.-ml-0\.5 {
  margin-left: -.125rem;
}

.-ml-\[1\.3rem\] {
  margin-left: -1.3rem;
}

.-ml-\[var\(--outside-space\)\] {
  margin-left: calc(var(--outside-space) * -1);
}

.-mr-2 {
  margin-right: -.5rem;
}

.-mr-\[\.75rem\] {
  margin-right: -.75rem;
}

.-mr-\[1\.3rem\] {
  margin-right: -1.3rem;
}

.-mr-\[var\(--outside-space\)\] {
  margin-right: calc(var(--outside-space) * -1);
}

.-ms-2 {
  margin-inline-start: -.5rem;
}

.-mt-0\.5 {
  margin-top: -.125rem;
}

.-mt-14 {
  margin-top: -3.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.mb-48 {
  margin-bottom: 12rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-px {
  margin-bottom: 1px;
}

.me-2 {
  margin-inline-end: .5rem;
}

.me-4 {
  margin-inline-end: 1rem;
}

.ml-0\.5 {
  margin-left: .125rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-1\.5 {
  margin-left: .375rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0\.5 {
  margin-right: .125rem;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-1\.5 {
  margin-right: .375rem;
}

.mr-4 {
  margin-right: 1rem;
}

.ms-2 {
  margin-inline-start: .5rem;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-28 {
  margin-top: 7rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mt-auto {
  margin-top: auto;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[2\/3\] {
  aspect-ratio: 2 / 3;
}

.aspect-\[3\/4\] {
  aspect-ratio: 3 / 4;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-1 {
  width: .25rem;
  height: .25rem;
}

.size-1\.5 {
  width: .375rem;
  height: .375rem;
}

.size-2 {
  width: .5rem;
  height: .5rem;
}

.\!h-\[1\.8em\] {
  height: 1.8em !important;
}

.\!h-auto {
  height: auto !important;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[--visual-viewport-height\] {
  height: var(--visual-viewport-height);
}

.h-\[100dvh\] {
  height: 100dvh;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[15\.625rem\] {
  height: 15.625rem;
}

.h-\[15px\] {
  height: 15px;
}

.h-\[18\.75rem\] {
  height: 18.75rem;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[25rem\] {
  height: 25rem;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[2rem\] {
  height: 2rem;
}

.h-\[33\.5rem\] {
  height: 33.5rem;
}

.h-\[50\%\] {
  height: 50%;
}

.h-\[5px\] {
  height: 5px;
}

.h-\[6\.25rem\] {
  height: 6.25rem;
}

.h-\[6px\] {
  height: 6px;
}

.h-\[8\%\] {
  height: 8%;
}

.h-\[80svh\] {
  height: 80svh;
}

.h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] {
  height: calc(100dvh - var(--navbar-height));
}

.h-\[var\(--menu-height\)\] {
  height: var(--menu-height);
}

.h-\[var\(--navbar-height\)\] {
  height: var(--navbar-height);
}

.h-\[var\(--picker-height\)\] {
  height: var(--picker-height);
}

.h-\[var\(--thumbnail-height\)\] {
  height: var(--thumbnail-height);
}

.h-auto {
  height: auto;
}

.h-divider {
  height: var(--kai-divider-weight);
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-\[160px\] {
  max-height: 160px;
}

.max-h-\[18\.75rem\] {
  max-height: 18.75rem;
}

.max-h-\[20rem\] {
  max-height: 20rem;
}

.max-h-\[21\.875rem\] {
  max-height: 21.875rem;
}

.max-h-\[24rem\] {
  max-height: 24rem;
}

.max-h-\[28rem\] {
  max-height: 28rem;
}

.max-h-\[32rem\] {
  max-height: 32rem;
}

.max-h-\[36rem\] {
  max-height: 36rem;
}

.max-h-\[40\.625rem\] {
  max-height: 40.625rem;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[42rem\] {
  max-height: 42rem;
}

.max-h-\[48rem\] {
  max-height: 48rem;
}

.max-h-\[56rem\] {
  max-height: 56rem;
}

.max-h-\[64rem\] {
  max-height: 64rem;
}

.max-h-\[80svh\] {
  max-height: 80svh;
}

.max-h-\[calc\(100\%_-_8rem\)\] {
  max-height: calc(100% - 8rem);
}

.max-h-\[none\] {
  max-height: none;
}

.max-h-full {
  max-height: 100%;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-3 {
  min-height: .75rem;
}

.min-h-3\.5 {
  min-height: .875rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-\[100dvh\] {
  min-height: 100dvh;
}

.min-h-\[15\.625rem\] {
  min-height: 15.625rem;
}

.min-h-\[28\.75rem\] {
  min-height: 28.75rem;
}

.min-h-\[32px\] {
  min-height: 32px;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-auto {
  width: auto !important;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[15px\] {
  width: 15px;
}

.w-\[18\.75rem\] {
  width: 18.75rem;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[2rem\] {
  width: 2rem;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[6\.25rem\] {
  width: 6.25rem;
}

.w-\[7\.8125rem\] {
  width: 7.8125rem;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[calc\(100\%_-_16px\)\] {
  width: calc(100% - 16px);
}

.w-\[calc\(100\%_-_2rem\)\] {
  width: calc(100% - 2rem);
}

.w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] {
  width: calc(100% - 1.5rem);
}

.w-\[calc\(50\%-calc\(1rem\/2\)\)\] {
  width: calc(50% - .5rem);
}

.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] {
  width: calc(var(--visible-months) * var(--calendar-width));
}

.w-\[var\(--chapter-fill\)\] {
  width: var(--chapter-fill);
}

.w-\[var\(--chapter-progress\)\] {
  width: var(--chapter-progress);
}

.w-\[var\(--slider-fill\)\] {
  width: var(--slider-fill);
}

.w-\[var\(--thumbnail-width\)\] {
  width: var(--thumbnail-width);
}

.w-auto {
  width: auto;
}

.w-divider {
  width: var(--kai-divider-weight);
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-24 {
  min-width: 6rem;
}

.min-w-3 {
  min-width: .75rem;
}

.min-w-3\.5 {
  min-width: .875rem;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-7 {
  min-width: 1.75rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: max-content;
}

.min-w-min {
  min-width: min-content;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-\[1024px\] {
  max-width: 1024px;
}

.max-w-\[1280px\] {
  max-width: 1280px;
}

.max-w-\[1536px\] {
  max-width: 1536px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[270px\] {
  max-width: 270px;
}

.max-w-\[27ch\] {
  max-width: 27ch;
}

.max-w-\[30ch\] {
  max-width: 30ch;
}

.max-w-\[46\.875rem\] {
  max-width: 46.875rem;
}

.max-w-\[57\.5rem\] {
  max-width: 57.5rem;
}

.max-w-\[6\.25rem\] {
  max-width: 6.25rem;
}

.max-w-\[640px\] {
  max-width: 640px;
}

.max-w-\[68\.5rem\] {
  max-width: 68.5rem;
}

.max-w-\[7\.8125rem\] {
  max-width: 7.8125rem;
}

.max-w-\[768px\] {
  max-width: 768px;
}

.max-w-\[80px\] {
  max-width: 80px;
}

.max-w-\[none\] {
  max-width: none;
}

.max-w-fit {
  max-width: fit-content;
}

.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-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: auto;
}

.flex-initial {
  flex: 0 auto;
}

.flex-none {
  flex: none;
}

.flex-shrink-0, .shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.basis-0 {
  flex-basis: 0;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-center {
  transform-origin: center;
}

.origin-left {
  transform-origin: 0;
}

.origin-right {
  transform-origin: 100%;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: 0 0;
}

.\!translate-y-0 {
  --tw-translate-y: 0px !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-y-1 {
  --tw-translate-y: -.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-x-1 {
  --tw-translate-x: .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-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-y-1 {
  --tw-translate-y: .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, .translate-y-2\/4 {
  --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-3\/4 {
  --tw-translate-y: 75%;
  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-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));
}

.\!scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !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;
}

.scale-0 {
  --tw-scale-x: 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-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .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-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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: -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-100 {
  --tw-scale-y: 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));
}

.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 appearance-in {
  0% {
    opacity: 0;
    transform: translateZ(0)scale(.95);
  }

  60% {
    opacity: .75;
    backface-visibility: hidden;
    webkit-font-smoothing: antialiased;
    transform: translateZ(0)scale(1.05);
  }

  100% {
    opacity: 1;
    transform: translateZ(0)scale(1);
  }
}

.animate-\[appearance-in_1s_infinite\] {
  animation: 1s infinite appearance-in;
}

@keyframes blink {
  0% {
    opacity: .2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.animate-blink {
  animation: 1.4s infinite both blink;
}

@keyframes drip-expand {
  0% {
    opacity: .2;
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

.animate-drip-expand {
  animation: .42s linear drip-expand;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .15;
  }
}

.animate-fade-out {
  animation: 1.2s linear infinite fade-out;
}

@keyframes indeterminate-bar {
  0% {
    transform: translateX(-50%)scaleX(.2);
  }

  100% {
    transform: translateX(100%)scaleX(1);
  }
}

.animate-indeterminate-bar {
  animation: 1.5s cubic-bezier(.65, .815, .735, .395) infinite indeterminate-bar;
}

.animate-none {
  animation: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

@keyframes spinner-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animate-spinner-ease-spin {
  animation: .8s infinite spinner-spin;
}

.animate-spinner-linear-spin {
  animation: .8s linear infinite spinner-spin;
}

@keyframes sway {
  0% {
    transform: translate(0);
  }

  50% {
    transform: translate(0, -150%);
  }

  100% {
    transform: translate(0);
  }
}

.animate-sway {
  animation: .75s infinite sway;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-center {
  scroll-snap-align: center;
}

.scroll-py-6 {
  scroll-padding-top: 1.5rem;
  scroll-padding-bottom: 1.5rem;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  appearance: none;
}

.columns-2 {
  -moz-columns: 2;
  columns: 2;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.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;
}

.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;
}

.\!gap-0 {
  gap: 0 !important;
}

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[0\.9375rem\] {
  gap: .9375rem;
}

.gap-x-0 {
  -moz-column-gap: 0px;
  column-gap: 0;
}

.gap-x-0\.5 {
  -moz-column-gap: .125rem;
  column-gap: .125rem;
}

.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}

.gap-x-\[0\.3125rem\] {
  -moz-column-gap: .3125rem;
  column-gap: .3125rem;
}

.gap-x-\[1\.25rem\] {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-1\.5 {
  row-gap: .375rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-y-3 {
  row-gap: .75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-y-\[1\.25rem\] {
  row-gap: 1.25rem;
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.125rem * var(--tw-space-x-reverse));
  margin-left: calc(.125rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.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));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-x-1 > :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]), .divide-y-1 > :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-black\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--kai-black) / .2);
}

.divide-default > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-divide-opacity)));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self: flex-start;
}

.\!self-center {
  align-self: center !important;
}

.self-center {
  align-self: center;
}

.justify-self-end {
  justify-self: end;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.\!overflow-visible {
  overflow: visible !important;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overscroll-y-contain {
  overscroll-behavior-y: 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;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.break-words {
  overflow-wrap: break-word;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.\!rounded-none {
  border-radius: 0 !important;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}

.rounded-\[1px\] {
  border-radius: 1px;
}

.rounded-\[calc\(theme\(borderRadius\.large\)\/1\.5\)\] {
  border-radius: calc(var(--kai-radius-large) / 1.5);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\] {
  border-radius: calc(var(--kai-radius-medium) * .5);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\] {
  border-radius: calc(var(--kai-radius-medium) * .6);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\] {
  border-radius: calc(var(--kai-radius-medium) * .7);
}

.rounded-\[calc\(theme\(borderRadius\.medium\)\/2\)\] {
  border-radius: calc(var(--kai-radius-medium) / 2);
}

.rounded-\[calc\(theme\(borderRadius\.small\)\/2\)\] {
  border-radius: calc(var(--kai-radius-small) / 2);
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-large {
  border-radius: var(--kai-radius-large);
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-medium {
  border-radius: var(--kai-radius-medium);
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-small {
  border-radius: var(--kai-radius-small);
}

.rounded-xl {
  border-radius: .75rem;
}

.\!rounded-e-none {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}

.\!rounded-s-none {
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}

.rounded-b-large {
  border-bottom-right-radius: var(--kai-radius-large);
  border-bottom-left-radius: var(--kai-radius-large);
}

.rounded-b-medium {
  border-bottom-right-radius: var(--kai-radius-medium);
  border-bottom-left-radius: var(--kai-radius-medium);
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-b-small {
  border-bottom-right-radius: var(--kai-radius-small);
  border-bottom-left-radius: var(--kai-radius-small);
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-t-large {
  border-top-left-radius: var(--kai-radius-large);
  border-top-right-radius: var(--kai-radius-large);
}

.rounded-t-medium {
  border-top-left-radius: var(--kai-radius-medium);
  border-top-right-radius: var(--kai-radius-medium);
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-t-small {
  border-top-left-radius: var(--kai-radius-small);
  border-top-right-radius: var(--kai-radius-small);
}

.rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.rounded-bl-\[1\.25rem\] {
  border-bottom-left-radius: 1.25rem;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-tl-\[1\.25rem\] {
  border-top-left-radius: 1.25rem;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-\[1\.25rem\] {
  border-top-right-radius: 1.25rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-1 {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-medium {
  border-width: var(--kai-border-width-medium);
}

.border-small {
  border-width: var(--kai-border-width-small);
}

.border-x-\[calc\(theme\(spacing\.5\)\/2\)\] {
  border-left-width: .625rem;
  border-right-width: .625rem;
}

.border-x-\[calc\(theme\(spacing\.6\)\/2\)\] {
  border-left-width: .75rem;
  border-right-width: .75rem;
}

.border-x-\[calc\(theme\(spacing\.7\)\/2\)\] {
  border-left-width: .875rem;
  border-right-width: .875rem;
}

.border-y-1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-y-\[calc\(theme\(spacing\.5\)\/2\)\] {
  border-top-width: .625rem;
  border-bottom-width: .625rem;
}

.border-y-\[calc\(theme\(spacing\.6\)\/2\)\] {
  border-top-width: .75rem;
  border-bottom-width: .75rem;
}

.border-y-\[calc\(theme\(spacing\.7\)\/2\)\] {
  border-top-width: .875rem;
  border-bottom-width: .875rem;
}

.\!border-b-4 {
  border-bottom-width: 4px !important;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b-1 {
  border-bottom-width: 1px;
}

.border-b-medium {
  border-bottom-width: var(--kai-border-width-medium);
}

.border-t-1 {
  border-top-width: 1px;
}

.border-t-\[0\.0625rem\] {
  border-top-width: .0625rem;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity))) !important;
}

.border-\[\#cacaca\] {
  --tw-border-opacity: 1;
  border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
}

.border-background {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-border-opacity)));
}

.border-black\/20 {
  border-color: hsl(var(--kai-black) / .2);
}

.border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.border-danger-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-border-opacity)));
}

.border-danger-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger-200) / var(--kai-danger-200-opacity, var(--tw-border-opacity)));
}

.border-danger-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger-400) / var(--kai-danger-400-opacity, var(--tw-border-opacity)));
}

.border-default {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.border-default-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-border-opacity)));
}

.border-default-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-border-opacity)));
}

.border-default-300 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-border-opacity)));
}

.border-default-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.border-divider {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-divider) / var(--kai-divider-opacity, var(--tw-border-opacity)));
}

.border-foreground {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-border-opacity)));
}

.border-foreground-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-foreground-400) / var(--kai-foreground-400-opacity, var(--tw-border-opacity)));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.border-primary-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary-100) / var(--kai-primary-100-opacity, var(--tw-border-opacity)));
}

.border-primary-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary-200) / var(--kai-primary-200-opacity, var(--tw-border-opacity)));
}

.border-primary-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary-400) / var(--kai-primary-400-opacity, var(--tw-border-opacity)));
}

.border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.border-secondary-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary-100) / var(--kai-secondary-100-opacity, var(--tw-border-opacity)));
}

.border-secondary-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary-200) / var(--kai-secondary-200-opacity, var(--tw-border-opacity)));
}

.border-secondary-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary-400) / var(--kai-secondary-400-opacity, var(--tw-border-opacity)));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.border-success-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-border-opacity)));
}

.border-success-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success-200) / var(--kai-success-200-opacity, var(--tw-border-opacity)));
}

.border-success-300 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success-300) / var(--kai-success-300-opacity, var(--tw-border-opacity)));
}

.border-success-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success-400) / var(--kai-success-400-opacity, var(--tw-border-opacity)));
}

.border-transparent {
  border-color: #0000;
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.border-warning-100 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-border-opacity)));
}

.border-warning-200 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning-200) / var(--kai-warning-200-opacity, var(--tw-border-opacity)));
}

.border-warning-300 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning-300) / var(--kai-warning-300-opacity, var(--tw-border-opacity)));
}

.border-warning-400 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning-400) / var(--kai-warning-400-opacity, var(--tw-border-opacity)));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-border-opacity)));
}

.border-white\/10 {
  border-color: hsl(var(--kai-white) / .1);
}

.border-white\/30 {
  border-color: hsl(var(--kai-white) / .3);
}

.border-x-transparent {
  border-left-color: #0000;
  border-right-color: #0000;
}

.border-y-transparent {
  border-top-color: #0000;
  border-bottom-color: #0000;
}

.border-b-current {
  border-bottom-color: currentColor;
}

.border-b-danger {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.border-b-default {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.border-b-foreground {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-border-opacity)));
}

.border-b-gray-200 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-b-primary {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.border-b-secondary {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.border-b-success {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.border-b-warning {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.border-b-white {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-border-opacity)));
}

.border-l-transparent {
  border-left-color: #0000;
}

.border-r-transparent {
  border-right-color: #0000;
}

.border-s-danger {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.border-s-foreground {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-border-opacity)));
}

.border-s-primary {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.border-s-secondary {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.border-s-success {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.border-s-warning {
  --tw-border-opacity: 1;
  border-inline-start-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.border-t-black\/20 {
  border-top-color: hsl(var(--kai-black) / .2);
}

.border-t-transparent {
  border-top-color: #0000;
}

.\!bg-danger-50 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity))) !important;
}

.\!bg-transparent {
  background-color: #0000 !important;
}

.bg-\[\#2A70AE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 112 174 / var(--tw-bg-opacity, 1));
}

.bg-background {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-bg-opacity)));
}

.bg-background\/10 {
  background-color: hsl(var(--kai-background) / .1);
}

.bg-background\/70 {
  background-color: hsl(var(--kai-background) / .7);
}

.bg-background\/80 {
  background-color: hsl(var(--kai-background) / .8);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-black) / var(--kai-black-opacity, var(--tw-bg-opacity)));
}

.bg-black\/50 {
  background-color: hsl(var(--kai-black) / .5);
}

.bg-black\/60 {
  background-color: hsl(var(--kai-black) / .6);
}

.bg-black\/90 {
  background-color: hsl(var(--kai-black) / .9);
}

.bg-black\/95 {
  background-color: hsl(var(--kai-black) / .95);
}

.bg-content1 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content1) / var(--kai-content1-opacity, var(--tw-bg-opacity)));
}

.bg-content3 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content3) / var(--kai-content3-opacity, var(--tw-bg-opacity)));
}

.bg-current {
  background-color: currentColor;
}

.bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.bg-danger-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity)));
}

.bg-danger-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-400) / var(--kai-danger-400-opacity, var(--tw-bg-opacity)));
}

.bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.bg-danger\/20 {
  background-color: hsl(var(--kai-danger) / .2);
}

.bg-default {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.bg-default-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.bg-default-300\/50 {
  background-color: hsl(var(--kai-default-300) / .5);
}

.bg-default-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-bg-opacity)));
}

.bg-default-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-50) / var(--kai-default-50-opacity, var(--tw-bg-opacity)));
}

.bg-default-500 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-500) / var(--kai-default-500-opacity, var(--tw-bg-opacity)));
}

.bg-default-800 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-800) / var(--kai-default-800-opacity, var(--tw-bg-opacity)));
}

.bg-default\/40 {
  background-color: hsl(var(--kai-default) / .4);
}

.bg-divider {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-divider) / var(--kai-divider-opacity, var(--tw-bg-opacity)));
}

.bg-foreground {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.bg-foreground-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground-100) / var(--kai-foreground-100-opacity, var(--tw-bg-opacity)));
}

.bg-foreground-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground-400) / var(--kai-foreground-400-opacity, var(--tw-bg-opacity)));
}

.bg-foreground\/10 {
  background-color: hsl(var(--kai-foreground) / .1);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-overlay\/30 {
  background-color: hsl(var(--kai-overlay) / .3);
}

.bg-overlay\/50 {
  background-color: hsl(var(--kai-overlay) / .5);
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-100) / var(--kai-primary-100-opacity, var(--tw-bg-opacity)));
}

.bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-400) / var(--kai-primary-400-opacity, var(--tw-bg-opacity)));
}

.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.bg-primary\/20 {
  background-color: hsl(var(--kai-primary) / .2);
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.bg-secondary-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-100) / var(--kai-secondary-100-opacity, var(--tw-bg-opacity)));
}

.bg-secondary-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-400) / var(--kai-secondary-400-opacity, var(--tw-bg-opacity)));
}

.bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.bg-secondary-600 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-600) / var(--kai-secondary-600-opacity, var(--tw-bg-opacity)));
}

.bg-secondary\/20 {
  background-color: hsl(var(--kai-secondary) / .2);
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.bg-success-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-bg-opacity)));
}

.bg-success-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-400) / var(--kai-success-400-opacity, var(--tw-bg-opacity)));
}

.bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.bg-success\/20 {
  background-color: hsl(var(--kai-success) / .2);
}

.bg-transparent {
  background-color: #0000;
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.bg-warning-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-bg-opacity)));
}

.bg-warning-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-400) / var(--kai-warning-400-opacity, var(--tw-bg-opacity)));
}

.bg-warning-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.bg-warning\/20 {
  background-color: hsl(var(--kai-warning) / .2);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-bg-opacity)));
}

.bg-white\/30 {
  background-color: hsl(var(--kai-white) / .3);
}

.bg-white\/50 {
  background-color: hsl(var(--kai-white) / .5);
}

.bg-opacity-50 {
  --tw-bg-opacity: .5;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-stripe-gradient-danger {
  background-image: linear-gradient(45deg, hsl(var(--kai-danger-200)) 25%, hsl(var(--kai-danger)) 25%, hsl(var(--kai-danger)) 50%, hsl(var(--kai-danger-200)) 50%, hsl(var(--kai-danger-200)) 75%, hsl(var(--kai-danger)) 75%, hsl(var(--kai-danger)));
}

.bg-stripe-gradient-default {
  background-image: linear-gradient(45deg, hsl(var(--kai-default-200)) 25%, hsl(var(--kai-default-400)) 25%, hsl(var(--kai-default-400)) 50%, hsl(var(--kai-default-200)) 50%, hsl(var(--kai-default-200)) 75%, hsl(var(--kai-default-400)) 75%, hsl(var(--kai-default-400)));
}

.bg-stripe-gradient-primary {
  background-image: linear-gradient(45deg, hsl(var(--kai-primary-200)) 25%, hsl(var(--kai-primary)) 25%, hsl(var(--kai-primary)) 50%, hsl(var(--kai-primary-200)) 50%, hsl(var(--kai-primary-200)) 75%, hsl(var(--kai-primary)) 75%, hsl(var(--kai-primary)));
}

.bg-stripe-gradient-secondary {
  background-image: linear-gradient(45deg, hsl(var(--kai-secondary-200)) 25%, hsl(var(--kai-secondary)) 25%, hsl(var(--kai-secondary)) 50%, hsl(var(--kai-secondary-200)) 50%, hsl(var(--kai-secondary-200)) 75%, hsl(var(--kai-secondary)) 75%, hsl(var(--kai-secondary)));
}

.bg-stripe-gradient-success {
  background-image: linear-gradient(45deg, hsl(var(--kai-success-200)) 25%, hsl(var(--kai-success)) 25%, hsl(var(--kai-success)) 50%, hsl(var(--kai-success-200)) 50%, hsl(var(--kai-success-200)) 75%, hsl(var(--kai-success)) 75%, hsl(var(--kai-success)));
}

.bg-stripe-gradient-warning {
  background-image: linear-gradient(45deg, hsl(var(--kai-warning-200)) 25%, hsl(var(--kai-warning)) 25%, hsl(var(--kai-warning)) 50%, hsl(var(--kai-warning-200)) 50%, hsl(var(--kai-warning-200)) 75%, hsl(var(--kai-warning)) 75%, hsl(var(--kai-warning)));
}

.from-black\/10 {
  --tw-gradient-from: hsl(var(--kai-black) / .1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--kai-black) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-current {
  --tw-gradient-to: currentColor var(--tw-gradient-to-position);
}

.to-danger {
  --tw-gradient-to: hsl(var(--kai-danger) / var(--kai-danger-opacity, 1)) var(--tw-gradient-to-position);
}

.to-default {
  --tw-gradient-to: hsl(var(--kai-default) / var(--kai-default-opacity, 1)) var(--tw-gradient-to-position);
}

.to-primary {
  --tw-gradient-to: hsl(var(--kai-primary) / var(--kai-primary-opacity, 1)) var(--tw-gradient-to-position);
}

.to-secondary {
  --tw-gradient-to: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, 1)) var(--tw-gradient-to-position);
}

.to-success {
  --tw-gradient-to: hsl(var(--kai-success) / var(--kai-success-opacity, 1)) var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-warning {
  --tw-gradient-to: hsl(var(--kai-warning) / var(--kai-warning-opacity, 1)) var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: hsl(var(--kai-white) / var(--kai-white-opacity, 1)) var(--tw-gradient-to-position);
}

.bg-stripe-size {
  background-size: 1.25rem 1.25rem;
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-default-300\/50 {
  stroke: hsl(var(--kai-default-300) / .5);
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.object-top {
  -o-object-position: top;
  object-position: top;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-11 {
  padding: 2.75rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-\[\.75rem\] {
  padding: .75rem;
}

.p-\[1\.25rem\] {
  padding: 1.25rem;
}

.p-\[1\.875rem\] {
  padding: 1.875rem;
}

.p-\[10px\] {
  padding: 10px;
}

.\!px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .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-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[0\.4375rem\] {
  padding-left: .4375rem;
  padding-right: .4375rem;
}

.px-\[0\.625rem\] {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-\[1\.3rem\] {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

.px-\[1\.5625rem\] {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.px-\[3\.125rem\] {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.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-\[0\.625rem\] {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-\[1\.5625rem\] {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.py-\[2\.5rem\] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-\[3\.75rem\] {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.py-\[4\.6875rem\] {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}

.py-\[6\.25rem\] {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.\!pb-0 {
  padding-bottom: 0 !important;
}

.\!pb-\[1\.0625rem\] {
  padding-bottom: 1.0625rem !important;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pe-2 {
  padding-inline-end: .5rem;
}

.pe-6 {
  padding-inline-end: 1.5rem;
}

.pe-\[1\.3rem\] {
  padding-inline-end: 1.3rem;
}

.pl-0\.5 {
  padding-left: .125rem;
}

.pl-1 {
  padding-left: .25rem;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-\[12px\] {
  padding-left: 12px;
}

.pl-\[1px\] {
  padding-left: 1px;
}

.pl-\[var\(--outside-space\)\] {
  padding-left: var(--outside-space);
}

.pr-0\.5 {
  padding-right: .125rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-\[10px\] {
  padding-right: 10px;
}

.pr-\[var\(--outside-space\)\] {
  padding-right: var(--outside-space);
}

.ps-1 {
  padding-inline-start: .25rem;
}

.ps-10 {
  padding-inline-start: 2.5rem;
}

.ps-2 {
  padding-inline-start: .5rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.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-\[0\.55rem\] {
  font-size: .55rem;
}

.text-\[0\.5rem\] {
  font-size: .5rem;
}

.text-\[0\.6rem\] {
  font-size: .6rem;
}

.text-\[0\.75rem\] {
  font-size: .75rem;
}

.text-\[0\.875rem\] {
  font-size: .875rem;
}

.text-\[0\.9375rem\] {
  font-size: .9375rem;
}

.text-\[1\.125rem\] {
  font-size: 1.125rem;
}

.text-\[1\.25rem\] {
  font-size: 1.25rem;
}

.text-\[1\.5625rem\] {
  font-size: 1.5625rem;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[1\.875rem\] {
  font-size: 1.875rem;
}

.text-\[100\%\] {
  font-size: 100%;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[1rem\] {
  font-size: 1rem;
}

.text-\[2\.1875rem\] {
  font-size: 2.1875rem;
}

.text-\[2\.4rem\] {
  font-size: 2.4rem;
}

.text-\[9\.375rem\] {
  font-size: 9.375rem;
}

.text-large {
  font-size: var(--kai-font-size-large);
  line-height: var(--kai-line-height-large);
}

.text-medium {
  font-size: var(--kai-font-size-medium);
  line-height: var(--kai-line-height-medium);
}

.text-small {
  font-size: var(--kai-font-size-small);
  line-height: var(--kai-line-height-small);
}

.text-tiny {
  font-size: var(--kai-font-size-tiny);
  line-height: var(--kai-line-height-tiny);
}

.font-bold {
  font-weight: 700;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[\.25rem\] {
  letter-spacing: .25rem;
}

.tracking-\[0\.1563rem\] {
  letter-spacing: .1563rem;
}

.tracking-\[0\.25rem\] {
  letter-spacing: .25rem;
}

.tracking-\[0\.3125rem\] {
  letter-spacing: .3125rem;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.\!text-danger {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity))) !important;
}

.text-background {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-text-opacity)));
}

.text-black {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-black) / var(--kai-black-opacity, var(--tw-text-opacity)));
}

.text-current {
  color: currentColor;
}

.text-danger {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.text-danger-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-300) / var(--kai-danger-300-opacity, var(--tw-text-opacity)));
}

.text-danger-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-400) / var(--kai-danger-400-opacity, var(--tw-text-opacity)));
}

.text-danger-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.text-danger-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-600) / var(--kai-danger-600-opacity, var(--tw-text-opacity)));
}

.text-danger-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.text-danger\/80 {
  color: hsl(var(--kai-danger) / .8);
}

.text-default {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-text-opacity)));
}

.text-default-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-text-opacity)));
}

.text-default-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-500) / var(--kai-default-500-opacity, var(--tw-text-opacity)));
}

.text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-600) / var(--kai-default-600-opacity, var(--tw-text-opacity)));
}

.text-default-700 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-700) / var(--kai-default-700-opacity, var(--tw-text-opacity)));
}

.text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.text-foreground-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-400) / var(--kai-foreground-400-opacity, var(--tw-text-opacity)));
}

.text-foreground-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-500) / var(--kai-foreground-500-opacity, var(--tw-text-opacity)));
}

.text-foreground-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-600) / var(--kai-foreground-600-opacity, var(--tw-text-opacity)));
}

.text-foreground\/50 {
  color: hsl(var(--kai-foreground) / .5);
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.text-primary-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-300) / var(--kai-primary-300-opacity, var(--tw-text-opacity)));
}

.text-primary-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-400) / var(--kai-primary-400-opacity, var(--tw-text-opacity)));
}

.text-primary-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-500) / var(--kai-primary-500-opacity, var(--tw-text-opacity)));
}

.text-primary-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-600) / var(--kai-primary-600-opacity, var(--tw-text-opacity)));
}

.text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.text-primary\/80 {
  color: hsl(var(--kai-primary) / .8);
}

.text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.text-secondary-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-300) / var(--kai-secondary-300-opacity, var(--tw-text-opacity)));
}

.text-secondary-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-400) / var(--kai-secondary-400-opacity, var(--tw-text-opacity)));
}

.text-secondary-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-500) / var(--kai-secondary-500-opacity, var(--tw-text-opacity)));
}

.text-secondary-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-600) / var(--kai-secondary-600-opacity, var(--tw-text-opacity)));
}

.text-secondary-700 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-700) / var(--kai-secondary-700-opacity, var(--tw-text-opacity)));
}

.text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.text-secondary\/80 {
  color: hsl(var(--kai-secondary) / .8);
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-success {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.text-success-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-400) / var(--kai-success-400-opacity, var(--tw-text-opacity)));
}

.text-success-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-500) / var(--kai-success-500-opacity, var(--tw-text-opacity)));
}

.text-success-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.text-success-700 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-700) / var(--kai-success-700-opacity, var(--tw-text-opacity)));
}

.text-success-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.text-success\/80 {
  color: hsl(var(--kai-success) / .8);
}

.text-transparent {
  color: #0000;
}

.text-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.text-warning-400 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-400) / var(--kai-warning-400-opacity, var(--tw-text-opacity)));
}

.text-warning-500 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-500) / var(--kai-warning-500-opacity, var(--tw-text-opacity)));
}

.text-warning-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.text-warning-700 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-700) / var(--kai-warning-700-opacity, var(--tw-text-opacity)));
}

.text-warning-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.text-warning\/80 {
  color: hsl(var(--kai-warning) / .8);
}

.text-white {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
}

.text-white\/50 {
  color: hsl(var(--kai-white) / .5);
}

.text-white\/70 {
  color: hsl(var(--kai-white) / .7);
}

.text-white\/80 {
  color: hsl(var(--kai-white) / .8);
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.caret-secondary {
  caret-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, 1));
}

.\!opacity-0 {
  opacity: 0 !important;
}

.\!opacity-100 {
  opacity: 1 !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-25 {
  opacity: .25;
}

.opacity-30 {
  opacity: .3;
}

.opacity-50 {
  opacity: .5;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-\[0\.0001\] {
  opacity: .0001;
}

.opacity-\[value\] {
  opacity: value;
}

.opacity-disabled {
  opacity: var(--kai-disabled-opacity);
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 1px 0px 0 #0000000d;
  --tw-shadow-colored: 0 1px 0px 0 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-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
  --tw-shadow: 0px 20px 20px 0px #0000000d;
  --tw-shadow-colored: 0px 20px 20px 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-large {
  --tw-shadow: var(--kai-box-shadow-large);
  --tw-shadow-colored: var(--kai-box-shadow-large);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 2px 15px -3px #0000001a, 0 10px 35px -10px #0000001a;
  --tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 35px -10px 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-md {
  --tw-shadow: 0 0px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 0px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-medium {
  --tw-shadow: var(--kai-box-shadow-medium);
  --tw-shadow-colored: var(--kai-box-shadow-medium);
  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: 0 0px 2px 0 #0000000d;
  --tw-shadow-colored: 0 0px 2px 0 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-small {
  --tw-shadow: var(--kai-box-shadow-small);
  --tw-shadow-colored: var(--kai-box-shadow-small);
  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 5px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 5px 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-black\/5 {
  --tw-shadow-color: hsl(var(--kai-black) / .05);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-danger\/40 {
  --tw-shadow-color: hsl(var(--kai-danger) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-default\/50 {
  --tw-shadow-color: hsl(var(--kai-default) / .5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-foreground\/40 {
  --tw-shadow-color: hsl(var(--kai-foreground) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/40 {
  --tw-shadow-color: hsl(var(--kai-primary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-secondary\/40 {
  --tw-shadow-color: hsl(var(--kai-secondary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-success\/40 {
  --tw-shadow-color: hsl(var(--kai-success) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-warning\/40 {
  --tw-shadow-color: hsl(var(--kai-warning) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.\!outline-none {
  outline-offset: 2px !important;
  outline: 2px solid #0000 !important;
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.outline-0 {
  outline-width: 0;
}

.outline-transparent {
  outline-color: #0000;
}

.ring {
  --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(3px + 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-1 {
  --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, 0 0 #0000);
}

.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-inset {
  --tw-ring-inset: inset;
}

.ring-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-ring-opacity)));
}

.ring-danger {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-ring-opacity)));
}

.ring-default {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-ring-opacity)));
}

.ring-focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-focus) / var(--kai-focus-opacity, var(--tw-ring-opacity)));
}

.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-ring-opacity)));
}

.ring-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-ring-opacity)));
}

.ring-success {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-ring-opacity)));
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-warning {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-ring-opacity)));
}

.ring-white\/40 {
  --tw-ring-color: hsl(var(--kai-white) / .4);
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--kai-background) / var(--kai-background-opacity, 1));
}

.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-lg {
  --tw-blur: blur(16px);
  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-150 {
  --tw-saturate: saturate(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);
}

.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);
  -webkit-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: 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(16px);
  -webkit-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: 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);
  -webkit-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: 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);
  -webkit-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: 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);
  -webkit-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: 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-disabled {
  --tw-backdrop-opacity: opacity(var(--kai-disabled-opacity));
  -webkit-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: 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-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  -webkit-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: 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-all {
  transition-property: all !important;
  transition-duration: .25s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.\!transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-duration: .25s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.\!transition-none {
  transition-property: none !important;
}

.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: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[box-shadow\,background-color\,color\] {
  transition-property: box-shadow, background-color, color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[color\,opacity\] {
  transition-property: color, opacity;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[height\] {
  transition-property: height;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[opacity\,bottom\] {
  transition-property: opacity, bottom;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[opacity\,transform\] {
  transition-property: opacity, transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[padding\,border\] {
  transition-property: padding, border;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[transform\,background-color\,color\] {
  transition-property: transform, background-color, color;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[transform\,color\,left\,opacity\] {
  transition-property: transform, color, left, opacity;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.\!duration-100 {
  transition-duration: .1s !important;
}

.\!duration-150 {
  transition-duration: .15s !important;
}

.\!duration-200 {
  transition-duration: .2s !important;
}

.\!duration-250 {
  transition-duration: .25s !important;
}

.\!duration-300 {
  transition-duration: .3s !important;
}

.\!duration-500 {
  transition-duration: .5s !important;
}

.duration-100 {
  transition-duration: .1s;
}

.duration-150 {
  transition-duration: .15s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.\!ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
}

.\!ease-soft-spring {
  transition-timing-function: cubic-bezier(.155, 1.105, .295, 1.12) !important;
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.will-change-\[height\] {
  will-change: height;
}

.will-change-\[left\] {
  will-change: left;
}

.will-change-\[opacity\,transform\] {
  will-change: opacity, transform;
}

.will-change-\[width\] {
  will-change: width;
}

.will-change-auto {
  will-change: auto;
}

.will-change-transform {
  will-change: transform;
}

.text-xs {
  font-size: clamp(.691358rem, .14982vw + .646412rem, .78125rem);
  line-height: 1.6;
}

.text-sm {
  font-size: clamp(.777778rem, .266204vw + .697917rem, .9375rem);
  line-height: 1.6;
}

.text-base {
  font-size: clamp(.875rem, .416667vw + .75rem, 1.125rem);
  line-height: 1.6;
}

.text-lg {
  font-size: clamp(.984375rem, .609375vw + .801563rem, 1.35rem);
  line-height: 1.6;
}

.text-xl {
  font-size: clamp(1.10742rem, .854297vw + .851133rem, 1.62rem);
  line-height: 1.2;
}

.text-2xl {
  font-size: clamp(1.24585rem, 1.16358vw + .896774rem, 1.944rem);
  line-height: 1.3;
}

.text-3xl {
  font-size: clamp(1.40158rem, 1.55203vw + .935971rem, 2.3328rem);
  line-height: 1.3;
}

.text-4xl {
  font-size: clamp(1.57678rem, 2.03764vw + .965488rem, 2.79936rem);
  line-height: 1.3;
}

.text-5xl {
  font-size: clamp(1.77388rem, 2.64226vw + .981198rem, 3.35923rem);
  line-height: 1.2;
}

.text-6xl {
  font-size: clamp(1.99561rem, 3.39245vw + .977876rem, 4.03108rem);
  line-height: 1.2;
}

.text-7xl {
  font-size: clamp(2.24506rem, 4.32039vw + .948945rem, 4.83729rem);
  line-height: 1;
}

.text-8xl {
  font-size: clamp(2.52569rem, 5.4651vw + .886165rem, 5.80475rem);
  line-height: 1;
}

:root, .light, [data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --kai-background: 0 0% 100%;
  --kai-foreground-50: 0 0% 98.04%;
  --kai-foreground-100: 240 4.76% 95.88%;
  --kai-foreground-200: 240 5.88% 90%;
  --kai-foreground-300: 240 4.88% 83.92%;
  --kai-foreground-400: 240 5.03% 64.9%;
  --kai-foreground-500: 240 3.83% 46.08%;
  --kai-foreground-600: 240 5.2% 33.92%;
  --kai-foreground-700: 240 5.26% 26.08%;
  --kai-foreground-800: 240 3.7% 15.88%;
  --kai-foreground-900: 240 5.88% 10%;
  --kai-foreground: 201.82 24.44% 8.82%;
  --kai-divider: 0 0% 6.67%;
  --kai-divider-opacity: .15;
  --kai-focus: 212.02 100% 46.67%;
  --kai-overlay: 0 0% 0%;
  --kai-content1: 0 0% 100%;
  --kai-content1-foreground: 201.82 24.44% 8.82%;
  --kai-content2: 240 4.76% 95.88%;
  --kai-content2-foreground: 240 3.7% 15.88%;
  --kai-content3: 240 5.88% 90%;
  --kai-content3-foreground: 240 5.26% 26.08%;
  --kai-content4: 240 4.88% 83.92%;
  --kai-content4-foreground: 240 5.2% 33.92%;
  --kai-default-50: 0 0% 98.04%;
  --kai-default-100: 240 4.76% 95.88%;
  --kai-default-200: 240 5.88% 90%;
  --kai-default-300: 240 4.88% 83.92%;
  --kai-default-400: 240 5.03% 64.9%;
  --kai-default-500: 240 3.83% 46.08%;
  --kai-default-600: 240 5.2% 33.92%;
  --kai-default-700: 240 5.26% 26.08%;
  --kai-default-800: 240 3.7% 15.88%;
  --kai-default-900: 240 5.88% 10%;
  --kai-default-foreground: 0 0% 0%;
  --kai-default: 240 4.88% 83.92%;
  --kai-primary-50: 212.5 92.31% 94.9%;
  --kai-primary-100: 196.74 78.18% 89.22%;
  --kai-primary-200: 199.29 77.78% 78.82%;
  --kai-primary-300: 201.77 61.08% 63.73%;
  --kai-primary-400: 204.92 47.58% 48.63%;
  --kai-primary-500: 208.21 75.48% 30.39%;
  --kai-primary-600: 210.87 79.84% 25.29%;
  --kai-primary-700: 214.09 83.02% 20.78%;
  --kai-primary-800: 217.5 85.71% 16.47%;
  --kai-primary-900: 220.65 91.18% 13.33%;
  --kai-primary-foreground: 0 0% 100%;
  --kai-primary: 208.21 75.48% 30.39%;
  --kai-secondary-50: 270 61.54% 94.9%;
  --kai-secondary-100: 54.12 96.23% 89.61%;
  --kai-secondary-200: 53.47 96.19% 79.41%;
  --kai-secondary-300: 52.45 94.97% 68.82%;
  --kai-secondary-400: 51.61 92.08% 60.39%;
  --kai-secondary-500: 50.37 100% 47.65%;
  --kai-secondary-600: 49.33 100% 40.78%;
  --kai-secondary-700: 48.62 100% 34.12%;
  --kai-secondary-800: 47.57 100% 27.45%;
  --kai-secondary-900: 46.55 100% 22.75%;
  --kai-secondary-foreground: 0 0% 100%;
  --kai-secondary: 50.37 100% 47.65%;
  --kai-success-50: 146.67 64.29% 94.51%;
  --kai-success-100: 145.71 61.4% 88.82%;
  --kai-success-200: 146.2 61.74% 77.45%;
  --kai-success-300: 145.79 62.57% 66.47%;
  --kai-success-400: 146.01 62.45% 55.1%;
  --kai-success-500: 145.96 79.46% 43.92%;
  --kai-success-600: 146.01 79.89% 35.1%;
  --kai-success-700: 145.79 79.26% 26.47%;
  --kai-success-800: 146.2 79.78% 17.45%;
  --kai-success-900: 145.71 77.78% 8.82%;
  --kai-success-foreground: 0 0% 0%;
  --kai-success: 145.96 79.46% 43.92%;
  --kai-warning-50: 54.55 91.67% 95.29%;
  --kai-warning-100: 37.14 91.3% 90.98%;
  --kai-warning-200: 37.14 91.3% 81.96%;
  --kai-warning-300: 36.96 91.24% 73.14%;
  --kai-warning-400: 37.01 91.26% 64.12%;
  --kai-warning-500: 37.03 91.27% 55.1%;
  --kai-warning-600: 37.01 74.22% 44.12%;
  --kai-warning-700: 36.96 73.96% 33.14%;
  --kai-warning-800: 37.14 75% 21.96%;
  --kai-warning-900: 37.14 75% 10.98%;
  --kai-warning-foreground: 0 0% 0%;
  --kai-warning: 37.03 91.27% 55.1%;
  --kai-danger-50: 339.13 92% 95.1%;
  --kai-danger-100: 340 91.84% 90.39%;
  --kai-danger-200: 339.33 90% 80.39%;
  --kai-danger-300: 339.11 90.6% 70.78%;
  --kai-danger-400: 339 90% 60.78%;
  --kai-danger-500: 339.2 90.36% 51.18%;
  --kai-danger-600: 339 86.54% 40.78%;
  --kai-danger-700: 339.11 85.99% 30.78%;
  --kai-danger-800: 339.33 86.54% 20.39%;
  --kai-danger-900: 340 84.91% 10.39%;
  --kai-danger-foreground: 0 0% 100%;
  --kai-danger: 339.2 90.36% 51.18%;
  --kai-black: 0 0% 0%;
  --kai-white: 0 0% 100%;
  --kai-divider-weight: 1px;
  --kai-disabled-opacity: .5;
  --kai-font-size-tiny: .75rem;
  --kai-font-size-small: .875rem;
  --kai-font-size-medium: 1rem;
  --kai-font-size-large: 1.125rem;
  --kai-line-height-tiny: 1rem;
  --kai-line-height-small: 1.25rem;
  --kai-line-height-medium: 1.5rem;
  --kai-line-height-large: 1.75rem;
  --kai-radius-small: 8px;
  --kai-radius-medium: 12px;
  --kai-radius-large: 14px;
  --kai-border-width-small: 1px;
  --kai-border-width-medium: 2px;
  --kai-border-width-large: 3px;
  --kai-box-shadow-small: 0px 0px 5px 0px #00000005, 0px 2px 10px 0px #0000000f, 0px 0px 1px 0px #0000004d;
  --kai-box-shadow-medium: 0px 0px 15px 0px #00000008, 0px 2px 30px 0px #00000014, 0px 0px 1px 0px #0000004d;
  --kai-box-shadow-large: 0px 0px 30px 0px #0000000a, 0px 30px 60px 0px #0000001f, 0px 0px 1px 0px #0000004d;
  --kai-hover-opacity: .8;
}

.dark, [data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --kai-background: 0 0% 0%;
  --kai-foreground-50: 240 5.88% 10%;
  --kai-foreground-100: 240 3.7% 15.88%;
  --kai-foreground-200: 240 5.26% 26.08%;
  --kai-foreground-300: 240 5.2% 33.92%;
  --kai-foreground-400: 240 3.83% 46.08%;
  --kai-foreground-500: 240 5.03% 64.9%;
  --kai-foreground-600: 240 4.88% 83.92%;
  --kai-foreground-700: 240 5.88% 90%;
  --kai-foreground-800: 240 4.76% 95.88%;
  --kai-foreground-900: 0 0% 98.04%;
  --kai-foreground: 210 5.56% 92.94%;
  --kai-focus: 212.02 100% 46.67%;
  --kai-overlay: 0 0% 0%;
  --kai-divider: 0 0% 100%;
  --kai-divider-opacity: .15;
  --kai-content1: 240 5.88% 10%;
  --kai-content1-foreground: 0 0% 98.04%;
  --kai-content2: 240 3.7% 15.88%;
  --kai-content2-foreground: 240 4.76% 95.88%;
  --kai-content3: 240 5.26% 26.08%;
  --kai-content3-foreground: 240 5.88% 90%;
  --kai-content4: 240 5.2% 33.92%;
  --kai-content4-foreground: 240 4.88% 83.92%;
  --kai-default-50: 240 5.88% 10%;
  --kai-default-100: 240 3.7% 15.88%;
  --kai-default-200: 240 5.26% 26.08%;
  --kai-default-300: 240 5.2% 33.92%;
  --kai-default-400: 240 3.83% 46.08%;
  --kai-default-500: 240 5.03% 64.9%;
  --kai-default-600: 240 4.88% 83.92%;
  --kai-default-700: 240 5.88% 90%;
  --kai-default-800: 240 4.76% 95.88%;
  --kai-default-900: 0 0% 98.04%;
  --kai-default-foreground: 0 0% 100%;
  --kai-default: 240 5.26% 26.08%;
  --kai-primary-50: 211.84 100% 9.61%;
  --kai-primary-100: 211.84 100% 19.22%;
  --kai-primary-200: 212.24 100% 28.82%;
  --kai-primary-300: 212.14 100% 38.43%;
  --kai-primary-400: 212.02 100% 46.67%;
  --kai-primary-500: 212.14 92.45% 58.43%;
  --kai-primary-600: 212.24 92.45% 68.82%;
  --kai-primary-700: 211.84 92.45% 79.22%;
  --kai-primary-800: 211.84 92.45% 89.61%;
  --kai-primary-900: 212.5 92.31% 94.9%;
  --kai-primary-foreground: 0 0% 100%;
  --kai-primary: 212.02 100% 46.67%;
  --kai-secondary-50: 270 66.67% 9.41%;
  --kai-secondary-100: 270 66.67% 18.82%;
  --kai-secondary-200: 270 66.67% 28.24%;
  --kai-secondary-300: 270 66.67% 37.65%;
  --kai-secondary-400: 270 66.67% 47.06%;
  --kai-secondary-500: 270 59.26% 57.65%;
  --kai-secondary-600: 270 59.26% 68.24%;
  --kai-secondary-700: 270 59.26% 78.82%;
  --kai-secondary-800: 270 59.26% 89.41%;
  --kai-secondary-900: 270 61.54% 94.9%;
  --kai-secondary-foreground: 0 0% 100%;
  --kai-secondary: 270 59.26% 57.65%;
  --kai-success-50: 145.71 77.78% 8.82%;
  --kai-success-100: 146.2 79.78% 17.45%;
  --kai-success-200: 145.79 79.26% 26.47%;
  --kai-success-300: 146.01 79.89% 35.1%;
  --kai-success-400: 145.96 79.46% 43.92%;
  --kai-success-500: 146.01 62.45% 55.1%;
  --kai-success-600: 145.79 62.57% 66.47%;
  --kai-success-700: 146.2 61.74% 77.45%;
  --kai-success-800: 145.71 61.4% 88.82%;
  --kai-success-900: 146.67 64.29% 94.51%;
  --kai-success-foreground: 0 0% 0%;
  --kai-success: 145.96 79.46% 43.92%;
  --kai-warning-50: 37.14 75% 10.98%;
  --kai-warning-100: 37.14 75% 21.96%;
  --kai-warning-200: 36.96 73.96% 33.14%;
  --kai-warning-300: 37.01 74.22% 44.12%;
  --kai-warning-400: 37.03 91.27% 55.1%;
  --kai-warning-500: 37.01 91.26% 64.12%;
  --kai-warning-600: 36.96 91.24% 73.14%;
  --kai-warning-700: 37.14 91.3% 81.96%;
  --kai-warning-800: 37.14 91.3% 90.98%;
  --kai-warning-900: 54.55 91.67% 95.29%;
  --kai-warning-foreground: 0 0% 0%;
  --kai-warning: 37.03 91.27% 55.1%;
  --kai-danger-50: 340 84.91% 10.39%;
  --kai-danger-100: 339.33 86.54% 20.39%;
  --kai-danger-200: 339.11 85.99% 30.78%;
  --kai-danger-300: 339 86.54% 40.78%;
  --kai-danger-400: 339.2 90.36% 51.18%;
  --kai-danger-500: 339 90% 60.78%;
  --kai-danger-600: 339.11 90.6% 70.78%;
  --kai-danger-700: 339.33 90% 80.39%;
  --kai-danger-800: 340 91.84% 90.39%;
  --kai-danger-900: 339.13 92% 95.1%;
  --kai-danger-foreground: 0 0% 100%;
  --kai-danger: 339.2 90.36% 51.18%;
  --kai-divider-weight: 1px;
  --kai-disabled-opacity: .5;
  --kai-font-size-tiny: .75rem;
  --kai-font-size-small: .875rem;
  --kai-font-size-medium: 1rem;
  --kai-font-size-large: 1.125rem;
  --kai-line-height-tiny: 1rem;
  --kai-line-height-small: 1.25rem;
  --kai-line-height-medium: 1.5rem;
  --kai-line-height-large: 1.75rem;
  --kai-radius-small: 8px;
  --kai-radius-medium: 12px;
  --kai-radius-large: 14px;
  --kai-border-width-small: 1px;
  --kai-border-width-medium: 2px;
  --kai-border-width-large: 3px;
  --kai-box-shadow-small: 0px 0px 5px 0px #0000000d, 0px 2px 10px 0px #0003, inset 0px 0px 1px 0px #ffffff26;
  --kai-box-shadow-medium: 0px 0px 15px 0px #0000000f, 0px 2px 30px 0px #00000038, inset 0px 0px 1px 0px #ffffff26;
  --kai-box-shadow-large: 0px 0px 30px 0px #00000012, 0px 30px 60px 0px #00000042, inset 0px 0px 1px 0px #ffffff26;
  --kai-hover-opacity: .9;
}

.leading-inherit {
  line-height: inherit;
}

.bg-img-inherit {
  background-image: inherit;
}

.bg-clip-inherit {
  background-clip: inherit;
}

.text-fill-inherit {
  -webkit-text-fill-color: inherit;
}

.tap-highlight-transparent {
  -webkit-tap-highlight-color: transparent;
}

.input-search-cancel-button-none::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.transition-background {
  transition-property: background;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-colors-opacity {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-width {
  transition-property: width;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-height {
  transition-property: height;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-size {
  transition-property: width, height;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-left {
  transition-property: left;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-transform-opacity {
  transition-property: transform, opacity;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-transform-background {
  transition-property: transform, background;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-transform-colors {
  transition-property: transform, color, background, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.transition-transform-colors-opacity {
  transition-property: transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-default {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.scrollbar-default::-webkit-scrollbar {
  display: block;
}

.spinner-bar-animation {
  animation-delay: calc(-1.2s + (.1s * var(--bar-index)));
  transform: rotate(calc(30deg * var(--bar-index))) translate(140%);
}

.spinner-dot-animation {
  animation-delay: calc(.25s * var(--dot-index));
}

.spinner-dot-blink-animation {
  animation-delay: calc(.2s * var(--dot-index));
}

.\[--picker-height\:224px\] {
  --picker-height: 224px;
}

.\[--scale-enter\:100\%\] {
  --scale-enter: 100%;
}

.\[--scale-exit\:100\%\] {
  --scale-exit: 100%;
}

.\[--scroll-shadow-size\:100px\] {
  --scroll-shadow-size: 100px;
}

.\[--slide-enter\:0px\] {
  --slide-enter: 0px;
}

.\[--slide-exit\:80px\] {
  --slide-exit: 80px;
}

.\[-webkit-mask\:radial-gradient\(closest-side\,rgba\(0\,0\,0\,0\.0\)calc\(100\%-3px\)\,rgba\(0\,0\,0\,1\)calc\(100\%-3px\)\)\] {
  -webkit-mask: radial-gradient(closest-side, #0000 calc(100% - 3px), #000 calc(100% - 3px));
}

.\[animation-duration\:1s\] {
  animation-duration: 1s;
}

.\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] {
  -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

@media (min-width: 768px) {
  .md\:break-right {
    margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
  }

  .md\:break-right-space {
    margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
    padding-right: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding));
  }

  .md\:break-left-space {
    margin-left: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
    padding-left: calc(((100vw - var(--container-width)) / 2)  + var(--container-padding));
  }
}

@media (min-width: 1280px) {
  .lg\:\!break-right {
    margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding)) !important;
  }

  .lg\:break-right {
    margin-right: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding));
  }

  .lg\:\!break-left {
    margin-left: calc(((-100vw + var(--container-width)) / 2)  - var(--container-padding)) !important;
  }
}

.\*\:relative > * {
  position: relative;
}

.\*\: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));
}

.\*\:\!self-center > * {
  align-self: center !important;
}

.\*\:border-b-1 > * {
  border-bottom-width: 1px;
}

.\*\:border-b-black\/20 > * {
  border-bottom-color: hsl(var(--kai-black) / .2);
}

.\*\:px-2 > * {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\*\:px-4 > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

.\*\:py-6 > * {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.file\:absolute::file-selector-button {
  position: absolute;
}

.file\:right-1::file-selector-button {
  right: .25rem;
}

.file\:top-1\/2::file-selector-button {
  top: 50%;
}

.file\:-translate-y-1\/2::file-selector-button {
  --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));
}

.file\:cursor-pointer::file-selector-button {
  cursor: pointer;
}

.file\:rounded-lg::file-selector-button {
  border-radius: .5rem;
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:bg-primary::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:px-3::file-selector-button {
  padding-left: .75rem;
  padding-right: .75rem;
}

.file\:py-2::file-selector-button {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.file\:text-white::file-selector-button {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-danger::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-foreground-500::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-500) / var(--kai-foreground-500-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-primary::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-secondary::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-success-600::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.placeholder\:text-warning-600::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}

.before\:top-0:before {
  content: var(--tw-content);
  top: 0;
}

.before\:-z-\[5\]:before {
  content: var(--tw-content);
  z-index: -5;
}

.before\:z-0:before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}

.before\:z-\[15\]:before {
  content: var(--tw-content);
  z-index: 15;
}

.before\:z-\[2\]:before {
  content: var(--tw-content);
  z-index: 2;
}

.before\:box-border:before {
  content: var(--tw-content);
  box-sizing: border-box;
}

.before\:block:before {
  content: var(--tw-content);
  display: block;
}

.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}

.before\:h-0\.5:before {
  content: var(--tw-content);
  height: .125rem;
}

.before\:h-11:before {
  content: var(--tw-content);
  height: 2.75rem;
}

.before\:h-2\.5:before {
  content: var(--tw-content);
  height: .625rem;
}

.before\:h-8:before {
  content: var(--tw-content);
  height: 2rem;
}

.before\:h-full:before {
  content: var(--tw-content);
  height: 100%;
}

.before\:h-px:before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0:before {
  content: var(--tw-content);
  width: 0;
}

.before\:w-11:before {
  content: var(--tw-content);
  width: 2.75rem;
}

.before\:w-2\.5:before {
  content: var(--tw-content);
  width: .625rem;
}

.before\:w-6:before {
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:w-8:before {
  content: var(--tw-content);
  width: 2rem;
}

.before\:w-full:before {
  content: var(--tw-content);
  width: 100%;
}

.before\:-translate-x-full:before {
  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));
}

.before\:-translate-y-1:before {
  content: var(--tw-content);
  --tw-translate-y: -.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));
}

.before\:rotate-0:before {
  content: var(--tw-content);
  --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));
}

.before\:rotate-45:before {
  content: var(--tw-content);
  --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));
}

@keyframes shimmer {
  100% {
    content: var(--tw-content);
    transform: translateX(100%);
  }
}

.before\:animate-\[shimmer_2s_infinite\]:before {
  content: var(--tw-content);
  animation: 2s infinite shimmer;
}

.before\:animate-none:before {
  content: var(--tw-content);
  animation: none;
}

.before\:rounded-\[1\.25rem\]:before {
  content: var(--tw-content);
  border-radius: 1.25rem;
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .5);
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .6);
}

.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]:before {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .7);
}

.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-none:before {
  content: var(--tw-content);
  border-radius: 0;
}

.before\:rounded-sm:before {
  content: var(--tw-content);
  border-radius: .125rem;
}

.before\:border-2:before {
  content: var(--tw-content);
  border-width: 2px;
}

.before\:border-t:before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-solid:before {
  content: var(--tw-content);
  border-style: solid;
}

.before\:border-content4\/30:before {
  content: var(--tw-content);
  border-color: hsl(var(--kai-content4) / .3);
}

.before\:border-danger:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.before\:border-default:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.before\:bg-black\/30:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-black) / .3);
}

.before\:bg-black\/40:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-black) / .4);
}

.before\:bg-black\/50:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-black) / .5);
}

.before\:bg-content1:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content1) / var(--kai-content1-opacity, var(--tw-bg-opacity)));
}

.before\:bg-current:before {
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-danger:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.before\:bg-danger\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-danger) / .2);
}

.before\:bg-default\/60:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-default) / .6);
}

.before\:bg-foreground:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.before\:bg-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.before\:bg-primary\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-primary) / .2);
}

.before\:bg-secondary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.before\:bg-secondary\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-secondary) / .2);
}

.before\:bg-success:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.before\:bg-success\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-success) / .2);
}

.before\:bg-warning:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.before\:bg-warning\/20:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-warning) / .2);
}

.before\:bg-gradient-to-b:before {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.before\:bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.before\:from-transparent:before {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:from-white\/0:before {
  content: var(--tw-content);
  --tw-gradient-from: hsl(var(--kai-white) / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--kai-white) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-content4:before {
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--kai-content4) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--kai-content4) / var(--kai-content4-opacity, 1)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-black\/40:before {
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--kai-black) / .4) var(--tw-gradient-to-position);
}

.before\:to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}

.before\:shadow-small:before {
  content: var(--tw-content);
  --tw-shadow: var(--kai-box-shadow-small);
  --tw-shadow-colored: var(--kai-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:transition-colors:before {
  content: var(--tw-content);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.before\:transition-none:before {
  content: var(--tw-content);
  transition-property: none;
}

.before\:transition-transform:before {
  content: var(--tw-content);
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.before\:duration-150:before {
  content: var(--tw-content);
  transition-duration: .15s;
}

.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}

.before\:transition-width:before {
  content: var(--tw-content);
  transition-property: width;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}

.after\:-bottom-1:after {
  content: var(--tw-content);
  bottom: -.25rem;
}

.after\:-bottom-\[2px\]:after {
  content: var(--tw-content);
  bottom: -2px;
}

.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0;
}

.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}

.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}

.after\:top-0:after {
  content: var(--tw-content);
  top: 0;
}

.after\:-z-10:after {
  content: var(--tw-content);
  z-index: -10;
}

.after\:-z-20:after {
  content: var(--tw-content);
  z-index: -20;
}

.after\:z-0:after {
  content: var(--tw-content);
  z-index: 0;
}

.after\:ml-0\.5:after {
  content: var(--tw-content);
  margin-left: .125rem;
}

.after\:ms-0\.5:after {
  content: var(--tw-content);
  margin-inline-start: .125rem;
}

.after\:block:after {
  content: var(--tw-content);
  display: block;
}

.after\:h-0:after {
  content: var(--tw-content);
  height: 0;
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:h-5:after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:h-\[2px\]:after {
  content: var(--tw-content);
  height: 2px;
}

.after\:h-divider:after {
  content: var(--tw-content);
  height: var(--kai-divider-weight);
}

.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px:after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-0:after {
  content: var(--tw-content);
  width: 0;
}

.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:w-5:after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:w-6:after {
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:w-\[80\%\]:after {
  content: var(--tw-content);
  width: 80%;
}

.after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}

.after\:origin-center:after {
  content: var(--tw-content);
  transform-origin: center;
}

.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --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));
}

.after\:translate-y-1:after {
  content: var(--tw-content);
  --tw-translate-y: .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));
}

.after\:rotate-0:after {
  content: var(--tw-content);
  --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));
}

.after\:rotate-\[var\(--rotate\)\]:after {
  content: var(--tw-content);
  --tw-rotate: var(--rotate);
  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));
}

.after\:scale-50:after {
  content: var(--tw-content);
  --tw-scale-x: .5;
  --tw-scale-y: .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));
}

.after\:rounded-\[1\.25rem\]:after {
  content: var(--tw-content);
  border-radius: 1.25rem;
}

.after\:rounded-\[calc\(theme\(borderRadius\.large\)\/2\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-large) / 2);
}

.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .5);
}

.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .6);
}

.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) * .7);
}

.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\/3\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-medium) / 3);
}

.after\:rounded-\[calc\(theme\(borderRadius\.small\)\/3\)\]:after {
  content: var(--tw-content);
  border-radius: calc(var(--kai-radius-small) / 3);
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-none:after {
  content: var(--tw-content);
  border-radius: 0;
}

.after\:rounded-xl:after {
  content: var(--tw-content);
  border-radius: .75rem;
}

.after\:\!bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity))) !important;
}

.after\:bg-background:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-bg-opacity)));
}

.after\:bg-content1:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content1) / var(--kai-content1-opacity, var(--tw-bg-opacity)));
}

.after\:bg-content3:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content3) / var(--kai-content3-opacity, var(--tw-bg-opacity)));
}

.after\:bg-current:after {
  content: var(--tw-content);
  background-color: currentColor;
}

.after\:bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.after\:bg-default:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.after\:bg-default-foreground:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-bg-opacity)));
}

.after\:bg-divider:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-divider) / var(--kai-divider-opacity, var(--tw-bg-opacity)));
}

.after\:bg-foreground:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.after\:bg-primary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.after\:bg-secondary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.after\:bg-success:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.after\:bg-warning:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.after\:text-danger:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.after\:text-danger-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.after\:text-default-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.after\:text-primary-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.after\:text-secondary-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.after\:text-success-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.after\:text-warning-foreground:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.after\:opacity-0:after {
  content: var(--tw-content);
  opacity: 0;
}

.after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}

.after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]:after {
  content: var(--tw-content);
  --tw-shadow: 0 1px 0px 0 #0000000d;
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:shadow-small:after {
  content: var(--tw-content);
  --tw-shadow: var(--kai-box-shadow-small);
  --tw-shadow-colored: var(--kai-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:transition-none:after {
  content: var(--tw-content);
  transition-property: none;
}

.after\:transition-opacity:after {
  content: var(--tw-content);
  transition-property: opacity;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:transition-transform:after {
  content: var(--tw-content);
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:\!duration-200:after {
  content: var(--tw-content);
  transition-duration: .2s !important;
}

.after\:duration-150:after {
  content: var(--tw-content);
  transition-duration: .15s;
}

.after\:\!ease-linear:after {
  content: var(--tw-content);
  transition-timing-function: linear !important;
}

.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.after\:content-\[\'\*\'\]:after {
  --tw-content: "*";
  content: var(--tw-content);
}

.after\:transition-background:after {
  content: var(--tw-content);
  transition-property: background;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.after\:transition-width:after {
  content: var(--tw-content);
  transition-property: width;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.after\:transition-height:after {
  content: var(--tw-content);
  transition-property: height;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.after\:transition-transform-opacity:after {
  content: var(--tw-content);
  transition-property: transform, opacity;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.first\:-ml-0\.5:first-child {
  margin-left: -.125rem;
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.first\:mt-2:first-child {
  margin-top: .5rem;
}

.first\:mt-5:first-child {
  margin-top: 1.25rem;
}

.first\:rounded-s-full:first-child {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.first\:rounded-s-large:first-child {
  border-start-start-radius: var(--kai-radius-large);
  border-end-start-radius: var(--kai-radius-large);
}

.first\:rounded-s-lg:first-child {
  border-start-start-radius: .5rem;
  border-end-start-radius: .5rem;
}

.first\:rounded-s-medium:first-child {
  border-start-start-radius: var(--kai-radius-medium);
  border-end-start-radius: var(--kai-radius-medium);
}

.first\:rounded-s-none:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.first\:rounded-s-small:first-child {
  border-start-start-radius: var(--kai-radius-small);
  border-end-start-radius: var(--kai-radius-small);
}

.first\:before\:rounded-s-lg:first-child:before {
  content: var(--tw-content);
  border-start-start-radius: .5rem;
  border-end-start-radius: .5rem;
}

.last\:rounded-e-full:last-child {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.last\:rounded-e-large:last-child {
  border-start-end-radius: var(--kai-radius-large);
  border-end-end-radius: var(--kai-radius-large);
}

.last\:rounded-e-lg:last-child {
  border-start-end-radius: .5rem;
  border-end-end-radius: .5rem;
}

.last\:rounded-e-medium:last-child {
  border-start-end-radius: var(--kai-radius-medium);
  border-end-end-radius: var(--kai-radius-medium);
}

.last\:rounded-e-none:last-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.last\:rounded-e-small:last-child {
  border-start-end-radius: var(--kai-radius-small);
  border-end-end-radius: var(--kai-radius-small);
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:before\:rounded-e-lg:last-child:before {
  content: var(--tw-content);
  border-start-end-radius: .5rem;
  border-end-end-radius: .5rem;
}

.first-of-type\:rounded-e-none:first-of-type {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.last-of-type\:rounded-s-none:last-of-type {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.autofill\:bg-transparent:autofill {
  background-color: #0000;
}

.focus-within\:border-danger:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-default-400:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-default-foreground:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-secondary:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-success:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.focus-within\:border-warning:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.focus-within\:bg-danger-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.focus-within\:bg-primary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.focus-within\:bg-secondary-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.focus-within\:bg-success-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.focus-within\:bg-warning-50:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.focus-within\:after\:w-full:focus-within:after {
  content: var(--tw-content);
  width: 100%;
}

.hover\:-translate-x-0:hover {
  --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));
}

.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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\:border-danger:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.hover\:border-default:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.hover\:border-default-300:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-border-opacity)));
}

.hover\:border-default-400:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.hover\:border-secondary:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.hover\:border-success:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.hover\:border-warning:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.hover\:\!bg-foreground:hover {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity))) !important;
}

.hover\:\!bg-slate-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-black) / var(--kai-black-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-danger:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-danger-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-default-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-default-200:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-primary-400:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-400) / var(--kai-primary-400-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-secondary-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-success-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-warning-50:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-white\/20:hover {
  background-color: hsl(var(--kai-white) / .2);
}

.hover\:text-danger-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-600) / var(--kai-danger-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-default-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-600) / var(--kai-default-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-foreground-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-600) / var(--kai-foreground-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-600) / var(--kai-primary-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-primary-800:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.hover\:text-secondary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.hover\:text-secondary-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-600) / var(--kai-secondary-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-slate-500:hover {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.hover\:text-success-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-warning-600:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:\!opacity-100:hover {
  opacity: 1 !important;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --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);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 2px 15px -3px #0000001a, 0 10px 35px -10px #0000001a;
  --tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 35px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:after\:bg-danger\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-danger) / .2);
}

.hover\:after\:bg-foreground\/10:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-foreground) / .1);
}

.hover\:after\:bg-primary\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-primary) / .2);
}

.hover\:after\:bg-secondary\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-secondary) / .2);
}

.hover\:after\:bg-success\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-success) / .2);
}

.hover\:after\:bg-warning\/20:hover:after {
  content: var(--tw-content);
  background-color: hsl(var(--kai-warning) / .2);
}

.hover\:after\:opacity-100:hover:after {
  content: var(--tw-content);
  opacity: 1;
}

.focus-within\:hover\:border-danger:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:border-default-foreground:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:border-primary:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:border-secondary:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:border-success:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:border-warning:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.focus-within\:hover\:bg-default-100:hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.focus\:bg-danger-400\/50:focus {
  background-color: hsl(var(--kai-danger-400) / .5);
}

.focus\:bg-default-400\/50:focus {
  background-color: hsl(var(--kai-default-400) / .5);
}

.focus\:bg-primary-400\/50:focus {
  background-color: hsl(var(--kai-primary-400) / .5);
}

.focus\:bg-secondary-400\/50:focus {
  background-color: hsl(var(--kai-secondary-400) / .5);
}

.focus\:bg-success-400\/50:focus {
  background-color: hsl(var(--kai-success-400) / .5);
}

.focus\:bg-warning-400\/50:focus {
  background-color: hsl(var(--kai-warning-400) / .5);
}

.focus\:underline:focus {
  text-decoration-line: underline;
}

.focus\:shadow-sm:focus {
  --tw-shadow: 0 0px 2px 0 #0000000d;
  --tw-shadow-colored: 0 0px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:z-10:focus-visible {
  z-index: 10;
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-focus:focus-visible {
  outline-color: hsl(var(--kai-focus) / var(--kai-focus-opacity, 1));
}

.active\:bg-default-200:active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.active\:bg-default-300:active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-bg-opacity)));
}

.active\:underline:active {
  text-decoration-line: underline;
}

.active\:\!opacity-70:active {
  opacity: .7 !important;
}

.active\:opacity-disabled:active {
  opacity: var(--kai-disabled-opacity);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group:hover .group-hover\:border-current {
  border-color: currentColor;
}

.group:hover .group-hover\:text-current {
  color: currentColor;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group.big-input .group-\[\.big-input\]\:\!left-0 {
  left: 0 !important;
}

.group.big-input .group-\[\.big-input\]\:\!translate-y-0 {
  --tw-translate-y: 0px !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;
}

.group.big-input .group-\[\.big-input\]\:\!scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !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;
}

.group.active-step .group-\[\.active-step\]\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.group.active-step .group-\[\.active-step\]\:text-white, .group.is-active .group-\[\.is-active\]\:text-white {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
}

.has-\[\:disabled\]\:opacity-60:has(:disabled) {
  opacity: .6;
}

.aria-disabled\:hidden[aria-disabled="true"] {
  display: none;
}

.aria-expanded\:scale-\[0\.97\][aria-expanded="true"] {
  --tw-scale-x: .97;
  --tw-scale-y: .97;
  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));
}

.aria-expanded\:opacity-70[aria-expanded="true"] {
  opacity: .7;
}

.aria-hidden\:hidden[aria-hidden="true"] {
  display: none;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}

.data-\[loaded\=true\]\:pointer-events-auto[data-loaded="true"], .data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] {
  pointer-events: auto;
}

.data-\[placement\=bottom-center\]\:fixed[data-placement="bottom-center"], .data-\[placement\=bottom-left\]\:fixed[data-placement="bottom-left"], .data-\[placement\=bottom-right\]\:fixed[data-placement="bottom-right"], .data-\[placement\=top-center\]\:fixed[data-placement="top-center"], .data-\[placement\=top-left\]\:fixed[data-placement="top-left"], .data-\[placement\=top-right\]\:fixed[data-placement="top-right"] {
  position: fixed;
}

.data-\[open\]\:sticky[data-open] {
  position: sticky;
}

.data-\[open\]\:-top-2\.5[data-open] {
  top: -.625rem;
}

.data-\[placement\=bottom-center\]\:bottom-0[data-placement="bottom-center"] {
  bottom: 0;
}

.data-\[placement\=bottom-center\]\:left-0[data-placement="bottom-center"] {
  left: 0;
}

.data-\[placement\=bottom-center\]\:left-1\/2[data-placement="bottom-center"] {
  left: 50%;
}

.data-\[placement\=bottom-center\]\:right-0[data-placement="bottom-center"] {
  right: 0;
}

.data-\[placement\=bottom-left\]\:bottom-0[data-placement="bottom-left"] {
  bottom: 0;
}

.data-\[placement\=bottom-left\]\:left-0[data-placement="bottom-left"] {
  left: 0;
}

.data-\[placement\=bottom-right\]\:bottom-0[data-placement="bottom-right"] {
  bottom: 0;
}

.data-\[placement\=bottom-right\]\:right-0[data-placement="bottom-right"] {
  right: 0;
}

.data-\[placement\=top-center\]\:left-0[data-placement="top-center"] {
  left: 0;
}

.data-\[placement\=top-center\]\:left-1\/2[data-placement="top-center"] {
  left: 50%;
}

.data-\[placement\=top-center\]\:right-0[data-placement="top-center"] {
  right: 0;
}

.data-\[placement\=top-center\]\:top-0[data-placement="top-center"] {
  top: 0;
}

.data-\[placement\=top-left\]\:left-0[data-placement="top-left"] {
  left: 0;
}

.data-\[placement\=top-left\]\:top-0[data-placement="top-left"] {
  top: 0;
}

.data-\[placement\=top-right\]\:right-0[data-placement="top-right"] {
  right: 0;
}

.data-\[placement\=top-right\]\:top-0[data-placement="top-right"] {
  top: 0;
}

.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"], .data-\[focused\=true\]\:z-10[data-focused="true"] {
  z-index: 10;
}

.data-\[placement\=bottom-left\]\:mx-auto[data-placement="bottom-left"], .data-\[placement\=bottom-right\]\:mx-auto[data-placement="bottom-right"], .data-\[placement\=top-left\]\:mx-auto[data-placement="top-left"], .data-\[placement\=top-right\]\:mx-auto[data-placement="top-right"] {
  margin-left: auto;
  margin-right: auto;
}

.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_10px\)\][data-has-label="true"] {
  margin-top: calc(var(--kai-font-size-small)  + 10px);
}

.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_12px\)\][data-has-label="true"] {
  margin-top: calc(var(--kai-font-size-small)  + 12px);
}

.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_8px\)\][data-has-label="true"] {
  margin-top: calc(var(--kai-font-size-small)  + 8px);
}

.data-\[keyboard\]\:mt-\[3px\][data-keyboard] {
  margin-top: 3px;
}

.data-\[open\=true\]\:block[data-open="true"] {
  display: block;
}

.data-\[open\]\:inline-block[data-open] {
  display: inline-block;
}

.data-\[open\=true\]\:flex[data-open="true"], .data-\[placement\=bottom-center\]\:flex[data-placement="bottom-center"], .data-\[placement\=bottom-left\]\:flex[data-placement="bottom-left"], .data-\[placement\=bottom-right\]\:flex[data-placement="bottom-right"], .data-\[placement\=top-center\]\:flex[data-placement="top-center"], .data-\[placement\=top-left\]\:flex[data-placement="top-left"], .data-\[placement\=top-right\]\:flex[data-placement="top-right"] {
  display: flex;
}

.data-\[hidden\=true\]\:hidden[data-hidden="true"], .data-\[inert\=true\]\:hidden[data-inert="true"] {
  display: none;
}

.data-\[justify\=end\]\:flex-grow[data-justify="end"], .data-\[justify\=start\]\:flex-grow[data-justify="start"] {
  flex-grow: 1;
}

.data-\[justify\=end\]\:basis-0[data-justify="end"], .data-\[justify\=start\]\:basis-0[data-justify="start"] {
  flex-basis: 0;
}

.data-\[animation\=exiting\]\:data-\[placement\=bottom-center\]\:translate-y-28[data-placement="bottom-center"][data-animation="exiting"] {
  --tw-translate-y: 7rem;
  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));
}

.data-\[animation\=exiting\]\:data-\[placement\=bottom-left\]\:-translate-x-28[data-placement="bottom-left"][data-animation="exiting"] {
  --tw-translate-x: -7rem;
  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));
}

.data-\[animation\=exiting\]\:data-\[placement\=bottom-right\]\:translate-x-28[data-placement="bottom-right"][data-animation="exiting"] {
  --tw-translate-x: 7rem;
  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));
}

.data-\[animation\=exiting\]\:data-\[placement\=top-center\]\:-translate-y-28[data-placement="top-center"][data-animation="exiting"] {
  --tw-translate-y: -7rem;
  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));
}

.data-\[animation\=exiting\]\:data-\[placement\=top-left\]\:-translate-x-28[data-placement="top-left"][data-animation="exiting"] {
  --tw-translate-x: -7rem;
  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));
}

.data-\[animation\=exiting\]\:data-\[placement\=top-right\]\:translate-x-28[data-placement="top-right"][data-animation="exiting"] {
  --tw-translate-x: 7rem;
  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));
}

.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible="true"], .data-\[hover\=true\]\:-translate-x-3[data-hover="true"] {
  --tw-translate-x: -.75rem;
  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));
}

.data-\[hover\=true\]\:translate-x-0[data-hover="true"] {
  --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));
}

.data-\[placement\=bottom-center\]\:-translate-x-1\/2[data-placement="bottom-center"], .data-\[placement\=top-center\]\:-translate-x-1\/2[data-placement="top-center"] {
  --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));
}

.data-\[before\=true\]\:rotate-180[data-before="true"], .data-\[direction\=ascending\]\:rotate-180[data-direction="ascending"] {
  --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));
}

.data-\[open\=true\]\:-rotate-180[data-open="true"] {
  --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));
}

.data-\[open\=true\]\:-rotate-90[data-open="true"] {
  --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));
}

.data-\[open\=true\]\:rotate-180[data-open="true"] {
  --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));
}

.data-\[active\=true\]\:scale-100[data-active="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}

.data-\[active\=true\]\:scale-110[data-active="true"] {
  --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));
}

.data-\[invisible\=true\]\:scale-0[data-invisible="true"] {
  --tw-scale-x: 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));
}

.data-\[pressed\=true\]\:scale-100[data-pressed="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}

.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"] {
  --tw-scale-x: .97;
  --tw-scale-y: .97;
  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));
}

.data-\[animation\=exiting\]\:transform[data-animation="exiting"] {
  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));
}

.data-\[disabled\=true\]\:cursor-default[data-disabled="true"] {
  cursor: default;
}

.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
  cursor: not-allowed;
}

.data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"] {
  cursor: grabbing;
}

.data-\[readonly\=true\]\:cursor-default[data-readonly="true"] {
  cursor: default;
}

.data-\[sortable\=true\]\:cursor-pointer[data-sortable="true"] {
  cursor: pointer;
}

.data-\[unavailable\=true\]\:cursor-default[data-unavailable="true"] {
  cursor: default;
}

.data-\[visible\=true\]\:cursor-pointer[data-visible="true"] {
  cursor: pointer;
}

.data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
  flex-direction: row;
}

.data-\[placement\=bottom-center\]\:flex-col[data-placement="bottom-center"], .data-\[placement\=bottom-left\]\:flex-col[data-placement="bottom-left"], .data-\[placement\=bottom-right\]\:flex-col[data-placement="bottom-right"], .data-\[placement\=top-center\]\:flex-col[data-placement="top-center"], .data-\[placement\=top-left\]\:flex-col[data-placement="top-left"], .data-\[placement\=top-right\]\:flex-col[data-placement="top-right"] {
  flex-direction: column;
}

.data-\[has-helper\=true\]\:items-start[data-has-helper="true"] {
  align-items: flex-start;
}

.data-\[justify\=start\]\:justify-start[data-justify="start"] {
  justify-content: flex-start;
}

.data-\[justify\=end\]\:justify-end[data-justify="end"] {
  justify-content: flex-end;
}

.data-\[justify\=center\]\:justify-center[data-justify="center"] {
  justify-content: center;
}

.data-\[resizing\]\:overflow-hidden[data-resizing] {
  overflow: hidden;
}

.data-\[loaded\=true\]\:overflow-visible[data-loaded="true"] {
  overflow: visible;
}

.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows="true"] {
  border-radius: var(--kai-radius-large);
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-end="true"][data-selected="true"], .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  border-radius: 9999px;
}

.data-\[menu-open\=true\]\:border-none[data-menu-open="true"] {
  border-style: none;
}

.data-\[active\=true\]\:border-danger[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-danger-400[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger-400) / var(--kai-danger-400-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-default[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-default-300[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-default-400[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-foreground[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-primary[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-secondary[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-success[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:border-warning[data-active="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-danger[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-default-400[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-default-foreground[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-primary[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-secondary[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-success[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.data-\[focus\=true\]\:border-warning[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-danger[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-default[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-default-400[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-primary[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-primary-500[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary-500) / var(--kai-primary-500-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-secondary[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-success[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.data-\[hover\=true\]\:border-warning[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-danger[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-default-400[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-default-foreground[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-primary[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-secondary[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-success[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.data-\[open\=true\]\:border-warning[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.data-\[active\=true\]\:bg-danger[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-danger-100[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-danger-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-200) / var(--kai-danger-200-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-default-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-default-400[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-primary[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-primary-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-200) / var(--kai-primary-200-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-secondary[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-secondary-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-200) / var(--kai-secondary-200-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-success[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-success-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-200) / var(--kai-success-200-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-transparent[data-active="true"] {
  background-color: #0000;
}

.data-\[active\=true\]\:bg-warning[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[active\=true\]\:bg-warning-200[data-active="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-200) / var(--kai-warning-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hocus\]\:bg-white\/10[data-hocus] {
  background-color: hsl(var(--kai-white) / .1);
}

.data-\[hover\=true\]\:\!bg-danger[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-danger-100[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-default[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-primary[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-secondary[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-success[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:\!bg-warning[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity))) !important;
}

.data-\[hover\=true\]\:bg-content2[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content2) / var(--kai-content2-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-danger[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-danger-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-danger-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-danger\/20[data-hover="true"] {
  background-color: hsl(var(--kai-danger) / .2);
}

.data-\[hover\=true\]\:bg-default[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-default-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-default-200[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-default\/40[data-hover="true"] {
  background-color: hsl(var(--kai-default) / .4);
}

.data-\[hover\=true\]\:bg-foreground-200[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground-200) / var(--kai-foreground-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-primary[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-primary-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-primary\/20[data-hover="true"] {
  background-color: hsl(var(--kai-primary) / .2);
}

.data-\[hover\=true\]\:bg-secondary[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-secondary-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"] {
  background-color: hsl(var(--kai-secondary) / .2);
}

.data-\[hover\=true\]\:bg-success[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-success-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-success-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-success\/20[data-hover="true"] {
  background-color: hsl(var(--kai-success) / .2);
}

.data-\[hover\=true\]\:bg-transparent[data-hover="true"] {
  background-color: #0000;
}

.data-\[hover\=true\]\:bg-warning[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-warning-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-warning-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\=true\]\:bg-warning\/20[data-hover="true"] {
  background-color: hsl(var(--kai-warning) / .2);
}

.data-\[hover\]\:bg-danger-200[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-200) / var(--kai-danger-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-danger-50[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-default-100[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-primary-200[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-200) / var(--kai-primary-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-primary-50[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-secondary-200[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-200) / var(--kai-secondary-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-secondary-50[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-success-200[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-200) / var(--kai-success-200-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-success-50[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-warning-100[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-bg-opacity)));
}

.data-\[hover\]\:bg-warning-200[data-hover] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-200) / var(--kai-warning-200-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=false\]\:bg-default-200[data-in-range="false"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-background\/50[data-in-range="true"] {
  background-color: hsl(var(--kai-background) / .5);
}

.data-\[in-range\=true\]\:bg-danger[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-foreground[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-primary[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-secondary[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-success[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[in-range\=true\]\:bg-warning[data-in-range="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[loaded\=true\]\:\!bg-transparent[data-loaded="true"] {
  background-color: #0000 !important;
}

.data-\[selected\=true\]\:bg-danger[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-default[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-foreground[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-primary[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-secondary[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-success[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:bg-warning[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent[data-range-selection="true"][data-selected="true"], .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month="true"][data-range-selection="true"][data-selected="true"] {
  background-color: #0000;
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content="true"] {
  padding-inline-end: .375rem;
}

.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+8px\)\][data-has-helper="true"], .data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+_8px\)\][data-has-helper="true"] {
  padding-bottom: calc(var(--kai-font-size-tiny)  + 8px);
}

.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content="true"] {
  padding-inline-start: .375rem;
}

.data-\[has-title\=true\]\:pt-1[data-has-title="true"] {
  padding-top: .25rem;
}

.data-\[active\=true\]\:font-semibold[data-active="true"] {
  font-weight: 600;
}

.data-\[active\=true\]\:text-danger-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-default-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-primary-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-secondary[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-secondary-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-success-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[active\=true\]\:text-warning-foreground[data-active="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[disabled\=true\]\:text-default-300[data-disabled="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-300) / var(--kai-danger-300-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-500) / var(--kai-foreground-500-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-300) / var(--kai-primary-300-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-300) / var(--kai-secondary-300-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-400) / var(--kai-success-400-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder="true"][data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-400) / var(--kai-warning-400-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-danger[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-foreground[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-primary[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-secondary[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-success-600[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:text-warning-600[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.data-\[has-value\=true\]\:text-default-foreground[data-has-value="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:\!text-danger-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity))) !important;
}

.data-\[hover\=true\]\:\!text-primary-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity))) !important;
}

.data-\[hover\=true\]\:\!text-secondary-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity))) !important;
}

.data-\[hover\=true\]\:\!text-success-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity))) !important;
}

.data-\[hover\=true\]\:\!text-warning-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity))) !important;
}

.data-\[hover\=true\]\:text-danger[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-danger-500[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-danger-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-default-500[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-500) / var(--kai-default-500-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-default-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-foreground-400[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-400) / var(--kai-foreground-400-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-foreground-600[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-600) / var(--kai-foreground-600-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-primary[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-primary-400[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-400) / var(--kai-primary-400-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-primary-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-secondary[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-secondary-400[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-400) / var(--kai-secondary-400-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-success[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-success-600[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-success-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-warning[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-warning-600[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.data-\[hover\=true\]\:text-warning-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable="true"][data-invalid="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[invalid\=true\]\:text-danger-300[data-invalid="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-300) / var(--kai-danger-300-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month="true"][data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-500) / var(--kai-warning-500-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-background[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-danger[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-danger-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-default-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-primary[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-primary-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-secondary[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-secondary-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-success-600[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-success-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-warning-600[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.data-\[selected\=true\]\:text-warning-foreground[data-selected="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[unavailable\=true\]\:text-default-300[data-unavailable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-300) / var(--kai-default-300-opacity, var(--tw-text-opacity)));
}

.data-\[unavailable\=true\]\:line-through[data-unavailable="true"] {
  text-decoration-line: line-through;
}

.data-\[animation\=exiting\]\:opacity-0[data-animation="exiting"], .data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month="true"][data-disabled="true"] {
  opacity: 0;
}

.data-\[disabled\=true\]\:opacity-100[data-disabled="true"] {
  opacity: 1;
}

.data-\[disabled\=true\]\:opacity-30[data-disabled="true"] {
  opacity: .3;
}

.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected="true"] {
  opacity: var(--kai-disabled-opacity);
}

.data-\[hover\=true\]\:opacity-70[data-hover="true"] {
  opacity: .7;
}

.data-\[hover\=true\]\:opacity-hover[data-hover="true"] {
  opacity: var(--kai-hover-opacity);
}

.data-\[in-range\=true\]\:opacity-100[data-in-range="true"] {
  opacity: 1;
}

.data-\[invisible\=true\]\:opacity-0[data-invisible="true"] {
  opacity: 0;
}

.data-\[loaded\=true\]\:opacity-100[data-loaded="true"], .data-\[moving\]\:opacity-100[data-moving] {
  opacity: 1;
}

.data-\[pressed\=true\]\:opacity-50[data-pressed="true"] {
  opacity: .5;
}

.data-\[pressed\=true\]\:opacity-70[data-pressed="true"] {
  opacity: .7;
}

.data-\[pressed\=true\]\:opacity-disabled[data-pressed="true"] {
  opacity: var(--kai-disabled-opacity);
}

.data-\[visible\=true\]\:opacity-100[data-visible="true"], .data-\[visible\]\:opacity-100[data-visible] {
  opacity: 1;
}

.data-\[active\=true\]\:shadow-md[data-active="true"] {
  --tw-shadow: 0 0px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 0px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[hover\=true\]\:shadow-lg[data-hover="true"] {
  --tw-shadow: 0 2px 15px -3px #0000001a, 0 10px 35px -10px #0000001a;
  --tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 35px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end="true"][data-selected="true"], .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start="true"][data-selected="true"], .data-\[selected\=true\]\:shadow-md[data-selected="true"] {
  --tw-shadow: 0 0px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 0px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\=true\]\:shadow-none[data-selected="true"] {
  --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);
}

.data-\[active\=true\]\:shadow-danger\/40[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-danger) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-default\/50[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-default) / .5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-primary\/40[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-primary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-secondary\/40[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-secondary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-success\/40[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-success) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[active\=true\]\:shadow-warning\/40[data-active="true"] {
  --tw-shadow-color: hsl(var(--kai-warning) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-danger) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-default\/50[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-default) / .5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-primary) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-secondary) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-success\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-success) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--kai-warning) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-danger\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-danger) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-foreground\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-foreground) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-primary\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-primary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-secondary\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-secondary) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-success\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-success) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selected\=true\]\:shadow-warning\/40[data-selected="true"] {
  --tw-shadow-color: hsl(var(--kai-warning) / .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"] {
  outline-width: 2px;
}

.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"] {
  outline-offset: 2px;
}

.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible="true"] {
  outline-color: hsl(var(--kai-focus) / var(--kai-focus-opacity, 1));
}

.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, 1));
}

.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, 1));
}

.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, 1));
}

.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, 1));
}

.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, 1));
}

.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] {
  outline-color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, 1));
}

.data-\[focus\]\:ring-4[data-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(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);
}

.data-\[focus\]\:ring-\[3px\][data-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(3px + 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);
}

.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open="true"] {
  --tw-backdrop-blur: blur(24px);
  -webkit-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: 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);
}

.data-\[disabled\=true\]\:transition-none[data-disabled="true"] {
  transition-property: none;
}

.data-\[hover\=true\]\:transition-colors[data-hover="true"] {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.data-\[moving\=true\]\:transition-transform[data-moving="true"] {
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.data-\[animation\=exiting\]\:delay-100[data-animation="exiting"] {
  transition-delay: .1s;
}

.data-\[animation\=exiting\]\:duration-200[data-animation="exiting"] {
  transition-duration: .2s;
}

.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"]::-webkit-scrollbar {
  display: none;
}

.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-bottom-scroll="true"] {
  -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-scroll="true"] {
  -webkit-mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-bottom-scroll="true"] {
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-scroll="true"] {
  -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-right-scroll="true"] {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-right-scroll="true"] {
  -webkit-mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  -webkit-mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
  mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
}

.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-end"]:before {
  content: var(--tw-content);
  top: calc(-.3125rem + 1.5px);
}

.data-\[placement\=bottom-end\]\:before\:right-3[data-placement="bottom-end"]:before {
  content: var(--tw-content);
  right: .75rem;
}

.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-start"]:before {
  content: var(--tw-content);
  top: calc(-.3125rem + 1.5px);
}

.data-\[placement\=bottom-start\]\:before\:left-3[data-placement="bottom-start"]:before {
  content: var(--tw-content);
  left: .75rem;
}

.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom"]:before {
  content: var(--tw-content);
  top: calc(-.3125rem + 1.5px);
}

.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]:before {
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-end"]:before {
  content: var(--tw-content);
  right: calc(-.3125rem + 3px);
}

.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement="left-end"]:before {
  content: var(--tw-content);
  bottom: 25%;
}

.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-start"]:before {
  content: var(--tw-content);
  right: calc(-.3125rem + 3px);
}

.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement="left-start"]:before {
  content: var(--tw-content);
  top: 25%;
}

.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="left"]:before {
  content: var(--tw-content);
  right: calc(-.3125rem + 2px);
}

.data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]:before {
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-end"]:before {
  content: var(--tw-content);
  left: calc(-.3125rem + 3px);
}

.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement="right-end"]:before {
  content: var(--tw-content);
  bottom: 25%;
}

.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-start"]:before {
  content: var(--tw-content);
  left: calc(-.3125rem + 3px);
}

.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement="right-start"]:before {
  content: var(--tw-content);
  top: 25%;
}

.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="right"]:before {
  content: var(--tw-content);
  left: calc(-.3125rem + 2px);
}

.data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]:before {
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-end"]:before {
  content: var(--tw-content);
  bottom: calc(-.3125rem + 1.5px);
}

.data-\[placement\=top-end\]\:before\:right-3[data-placement="top-end"]:before {
  content: var(--tw-content);
  right: .75rem;
}

.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-start"]:before {
  content: var(--tw-content);
  bottom: calc(-.3125rem + 1.5px);
}

.data-\[placement\=top-start\]\:before\:left-3[data-placement="top-start"]:before {
  content: var(--tw-content);
  left: .75rem;
}

.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top"]:before {
  content: var(--tw-content);
  bottom: calc(-.3125rem + 1.5px);
}

.data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]:before {
  content: var(--tw-content);
  left: 50%;
}

.data-\[loaded\=true\]\:before\:-z-10[data-loaded="true"]:before {
  content: var(--tw-content);
  z-index: -10;
}

.data-\[arrow\=true\]\:before\:block[data-arrow="true"]:before {
  content: var(--tw-content);
  display: block;
}

.data-\[outside-month\=true\]\:before\:hidden[data-outside-month="true"]:before {
  content: var(--tw-content);
  display: none;
}

.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]:before {
  content: var(--tw-content);
  --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));
}

.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]:before, .data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]:before {
  content: var(--tw-content);
  --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));
}

.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]:before {
  content: var(--tw-content);
  --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));
}

.data-\[loaded\=true\]\:before\:animate-none[data-loaded="true"]:before {
  content: var(--tw-content);
  animation: none;
}

.data-\[range-end\=true\]\:before\:rounded-e-full[data-range-end="true"]:before {
  content: var(--tw-content);
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start="true"]:before {
  content: var(--tw-content);
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.data-\[selection-end\=true\]\:before\:rounded-e-full[data-selection-end="true"]:before {
  content: var(--tw-content);
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}

.data-\[selection-start\=true\]\:before\:rounded-s-full[data-selection-start="true"]:before {
  content: var(--tw-content);
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-foreground) / .1);
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection="true"][data-selected="true"]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-bg-opacity)));
}

.data-\[loaded\=true\]\:before\:opacity-0[data-loaded="true"]:before {
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:before\:opacity-100[data-selected="true"]:before {
  content: var(--tw-content);
  opacity: 1;
}

.data-\[active\=true\]\:after\:w-full[data-active="true"]:after, .data-\[focus\=true\]\:after\:w-full[data-focus="true"]:after, .data-\[open\=true\]\:after\:w-full[data-open="true"]:after {
  content: var(--tw-content);
  width: 100%;
}

.data-\[dragging\=true\]\:after\:scale-100[data-dragging="true"]:after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}

.data-\[dragging\=true\]\:after\:scale-80[data-dragging="true"]:after {
  content: var(--tw-content);
  --tw-scale-x: .8;
  --tw-scale-y: .8;
  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));
}

.data-\[active\=true\]\:after\:bg-danger-400[data-active="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-400) / var(--kai-danger-400-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-danger[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-foreground[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-primary[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-secondary[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-success[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selected\=true\]\:after\:bg-warning[data-selected="true"]:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[loaded\=true\]\:after\:opacity-0[data-loaded="true"]:after {
  content: var(--tw-content);
  opacity: 0;
}

.data-\[selected\=true\]\:after\:opacity-100[data-selected="true"]:after {
  content: var(--tw-content);
  opacity: 1;
}

.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-border-opacity)));
}

.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid="true"] {
  background-color: hsl(var(--kai-danger-400) / .5);
}

.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-danger) / .2);
}

.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-default) / .4);
}

.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-primary) / .2);
}

.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-secondary) / .2);
}

.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-success) / .2);
}

.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--kai-warning) / .2);
}

.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-success:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-600) / var(--kai-success-600-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-600) / var(--kai-warning-600-opacity, var(--tw-text-opacity)));
}

.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"][data-invalid="true"], .data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-500) / var(--kai-default-500-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-danger) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-default) / .5);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-primary) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-secondary) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-success) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--kai-warning) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:pointer-events-auto, .group[data-has-value="true"] .group-data-\[has-value\=true\]\:pointer-events-auto {
  pointer-events: auto;
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:left-3 {
  left: .75rem;
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:start-0, .group[data-filled="true"] .group-data-\[filled\=true\]\:start-0 {
  inset-inline-start: 0;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:z-10 {
  z-index: 10;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-4 {
  margin-inline-start: 1rem;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-5 {
  margin-inline-start: 1.25rem;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-6 {
  margin-inline-start: 1.5rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 {
  margin-left: .75rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 {
  margin-left: 1rem;
}

.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 {
  margin-left: 1.25rem;
}

.group[data-checked] .group-data-\[checked\]\:block, .group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:block, .group[data-has-value="true"] .group-data-\[has-value\=true\]\:block {
  display: block;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:flex {
  display: flex;
}

.group[data-checked] .group-data-\[checked\]\:hidden, .group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:hidden {
  display: none;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-5 {
  width: 1.25rem;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-6 {
  width: 1.5rem;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-7 {
  width: 1.75rem;
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-small) / 2 + 20px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-small) / 2 + 24px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-tiny) / 2 + 16px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 3.5px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 4px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 6px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 6px - var(--kai-border-width-medium)) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 8px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 8px - var(--kai-border-width-medium)) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 5px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 8px) * -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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 8px - var(--kai-border-width-medium)) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-small) / 2 + 20px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-small) / 2 + 24px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
  --tw-translate-y: calc(calc(100% + var(--kai-font-size-tiny) / 2 + 16px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 3.5px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 4px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 6px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 6px - var(--kai-border-width-medium)) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 8px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-small) / 2 - 8px - var(--kai-border-width-medium)) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 5px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 8px) * -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[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(calc(50% + var(--kai-font-size-tiny) / 2 - 8px - var(--kai-border-width-medium)) * -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[data-selected="true"] .group-data-\[selected\=true\]\:translate-x-3 {
  --tw-translate-x: .75rem;
  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[data-open] .group-data-\[open\]\: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));
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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[data-copied="true"] .group-data-\[copied\=true\]\:scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .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[data-filled-within="true"] .group-data-\[filled-within\=true\]\:scale-85, .group[data-filled="true"] .group-data-\[filled\=true\]\:scale-85 {
  --tw-scale-x: .85;
  --tw-scale-y: .85;
  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[data-has-value="true"] .group-data-\[has-value\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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[data-pressed="true"] .group-data-\[pressed\=true\]\:scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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[data-repeatable="true"] .group-data-\[repeatable\=true\]\:scale-100, .group[data-selected="true"] .group-data-\[selected\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed {
  cursor: not-allowed;
}

.group[data-has-multiple-months="true"] .group-data-\[has-multiple-months\=true\]\:flex-row {
  flex-direction: row;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-start {
  align-items: flex-start;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-end {
  align-items: flex-end;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity))) !important;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-default-foreground {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-border-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.group[data-repeatable="true"] .group-data-\[repeatable\=true\]\:border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-default-500 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-500) / var(--kai-default-500-opacity, var(--tw-border-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-border-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-success {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-border-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-border-opacity)));
}

.group[data-disabled="true"] .group-data-\[disabled\=true\]\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:\!bg-danger-50 {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity))) !important;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-transparent {
  background-color: #0000;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-warning-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.group[data-hover-unselected="true"] .group-data-\[hover-unselected\=true\]\:bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-default-400 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-400) / var(--kai-default-400-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-success {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.group[data-repeatable="true"] .group-data-\[repeatable\=true\]\:px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.group[data-repeatable="true"] .group-data-\[repeatable\=true\]\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.group[data-repeatable="true"] .group-data-\[repeatable\=true\]\:py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.group[data-repeatable="true"] .group-data-\[repeatable\=true\]\:py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-2 {
  padding-top: .5rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-3 {
  padding-top: .75rem;
}

.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-4, .group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-4 {
  padding-top: 1rem;
}

.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-5 {
  padding-top: 1.25rem;
}

.group\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:text-foreground-300 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground-300) / var(--kai-foreground-300-opacity, var(--tw-text-opacity)));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-600) / var(--kai-default-600-opacity, var(--tw-text-opacity)));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-primary-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-600) / var(--kai-primary-600-opacity, var(--tw-text-opacity)));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-600) / var(--kai-default-600-opacity, var(--tw-text-opacity)));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-filled="true"] .group-data-\[filled\=true\]\:text-primary-600 {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-600) / var(--kai-primary-600-opacity, var(--tw-text-opacity)));
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:text-danger, .group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-default-foreground) / var(--kai-default-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-foreground) / var(--kai-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-foreground) / var(--kai-primary-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-secondary-foreground) / var(--kai-secondary-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.group[data-active] .group-data-\[active\]\:opacity-100 {
  opacity: 1;
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-0 {
  opacity: 0;
}

.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-has-value="true"] .group-data-\[has-value\=true\]\:opacity-70 {
  opacity: .7;
}

.group\/th[data-hover="true"] .group-data-\[hover\=true\]\/th\:opacity-100, .group[data-loaded="true"] .group-data-\[loaded\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-pressed="true"] .group-data-\[pressed\=true\]\:opacity-70 {
  opacity: .7;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-0 {
  opacity: 0;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-60 {
  opacity: .6;
}

.group[data-dragging] .group-data-\[dragging\]\:ring-4 {
  --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);
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-0 {
  --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);
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\: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);
}

.group[data-focus] .group-data-\[focus\]\:ring-\[3px\] {
  --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(3px + 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);
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--kai-focus) / var(--kai-focus-opacity, var(--tw-ring-opacity)));
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-0 {
  --tw-ring-offset-width: 0px;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-background {
  --tw-ring-offset-color: hsl(var(--kai-background) / var(--kai-background-opacity, 1));
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:before\:w-full:before {
  content: var(--tw-content);
  width: 100%;
}

.group[data-open="true"] .group-data-\[open\=true\]\:before\:translate-y-px:before {
  content: var(--tw-content);
  --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));
}

.group[data-open="true"] .group-data-\[open\=true\]\:before\:rotate-45:before {
  content: var(--tw-content);
  --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));
}

.group\/tr[data-middle="true"] .group-data-\[middle\=true\]\/tr\:before\:rounded-none:before {
  content: var(--tw-content);
  border-radius: 0;
}

.group[data-hover="true"] .group-data-\[hover\=true\]\:before\:bg-default-100:before, .group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:bg-default-100:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:ml-0\.5:after {
  content: var(--tw-content);
  margin-left: .125rem;
}

.group[data-focus="true"] .group-data-\[focus\=true\]\:after\:w-full:after {
  content: var(--tw-content);
  width: 100%;
}

.group[data-open="true"] .group-data-\[open\=true\]\:after\:translate-y-0:after {
  content: var(--tw-content);
  --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));
}

.group[data-open="true"] .group-data-\[open\=true\]\:after\:-rotate-45:after {
  content: var(--tw-content);
  --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));
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:scale-100:after {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 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[data-invalid="true"] .group-data-\[invalid\=true\]\:after\:bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:text-danger:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-text-opacity)));
}

.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:after\:opacity-0:after, .group[data-filled="true"] .group-data-\[filled\=true\]\:after\:opacity-0:after {
  content: var(--tw-content);
  opacity: 0;
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}

.group[data-required="true"] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]:after {
  --tw-content: "*";
  content: var(--tw-content);
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg:first-child:before {
  content: var(--tw-content);
  border-start-start-radius: .5rem;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg:first-child:before {
  content: var(--tw-content);
  border-end-start-radius: .5rem;
}

.group\/tr[data-first="true"] .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg:last-child:before {
  content: var(--tw-content);
  border-start-end-radius: .5rem;
}

.group\/tr[data-last="true"] .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg:last-child:before {
  content: var(--tw-content);
  border-end-end-radius: .5rem;
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:border-danger:hover {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-border-opacity)));
}

.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70:before {
  content: var(--tw-content);
  opacity: .7;
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-danger\/20[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-danger) / .2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-default\/60[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-default) / .6);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-primary\/20[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-primary) / .2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-secondary\/20[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-secondary) / .2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-success\/20[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-success) / .2);
}

.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-warning\/20[data-selected="true"]:before {
  content: var(--tw-content);
  background-color: hsl(var(--kai-warning) / .2);
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:pointer-events-auto {
  pointer-events: auto;
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:block {
  display: block;
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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));
}

.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:opacity-70 {
  opacity: .7;
}

div[data-buffering] .media-buffering\:animate-spin {
  animation: 1s linear infinite spin;
}

div[data-buffering] .media-buffering\:opacity-100, div[data-captions] .media-captions\:opacity-100 {
  opacity: 1;
}

div[data-controls] .media-controls\:bottom-\[85px\] {
  bottom: 85px;
}

div[data-controls] .media-controls\:opacity-100 {
  opacity: 1;
}

div[data-preview] .media-preview\:opacity-0 {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 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));
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }

  .motion-reduce\:after\:transition-none:after {
    content: var(--tw-content);
    transition-property: none;
  }
}

.dark\:border-danger-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-border-opacity)));
}

.dark\:border-default-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-border-opacity)));
}

.dark\:border-primary-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-primary-100) / var(--kai-primary-100-opacity, var(--tw-border-opacity)));
}

.dark\:border-success-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-border-opacity)));
}

.dark\:border-warning-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-border-opacity)));
}

.dark\:bg-background:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-background) / var(--kai-background-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-background\/20:is(.dark *) {
  background-color: hsl(var(--kai-background) / .2);
}

.dark\:bg-content2:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content2) / var(--kai-content2-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-danger-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-100) / var(--kai-danger-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-danger-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-danger-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-danger-50) / .5);
}

.dark\:bg-default:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default) / var(--kai-default-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-default-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-default-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-default-50) / .5);
}

.dark\:bg-primary-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-100) / var(--kai-primary-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-primary-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary-50) / var(--kai-primary-50-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-primary-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-primary-50) / .5);
}

.dark\:bg-secondary-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-100) / var(--kai-secondary-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-secondary-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary-50) / var(--kai-secondary-50-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-secondary-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-secondary-50) / .5);
}

.dark\:bg-success-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-100) / var(--kai-success-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-success-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-success-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-success-50) / .5);
}

.dark\:bg-transparent:is(.dark *) {
  background-color: #0000;
}

.dark\:bg-warning-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-100) / var(--kai-warning-100-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-warning-50:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.dark\:bg-warning-50\/50:is(.dark *) {
  background-color: hsl(var(--kai-warning-50) / .5);
}

.dark\:text-danger-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.dark\:text-success:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.dark\:text-warning:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-danger-500:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-danger-500:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-success:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-success:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-warning:is(.dark *)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.dark\:placeholder\:text-warning:is(.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.dark\:before\:via-default-700\/10:is(.dark *):before {
  content: var(--tw-content);
  --tw-gradient-to: hsl(var(--kai-default-700) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--kai-default-700) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:after\:bg-content2:is(.dark *):after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content2) / var(--kai-content2-opacity, var(--tw-bg-opacity)));
}

.dark\:focus\:bg-danger-400\/20:focus:is(.dark *) {
  background-color: hsl(var(--kai-danger-400) / .2);
}

.dark\:focus\:bg-success-400\/20:focus:is(.dark *) {
  background-color: hsl(var(--kai-success-400) / .2);
}

.dark\:focus\:bg-warning-400\/20:focus:is(.dark *) {
  background-color: hsl(var(--kai-warning-400) / .2);
}

.dark\:data-\[hover\=true\]\:bg-content2[data-hover="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-content2) / var(--kai-content2-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[hover\=true\]\:bg-danger-50[data-hover="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger-50) / var(--kai-danger-50-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[hover\=true\]\:bg-success-50[data-hover="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[hover\=true\]\:bg-warning-50[data-hover="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-danger) / var(--kai-danger-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[hover\=true\]\:text-danger-500[data-hover="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[hover\=true\]\:text-success-500[data-hover="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-500) / var(--kai-success-500-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[hover\=true\]\:text-warning-500[data-hover="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-500) / var(--kai-warning-500-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-foreground) / var(--kai-danger-foreground-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning-foreground) / var(--kai-warning-foreground-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection="true"][data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-500) / var(--kai-success-500-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]:is(.dark *), .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success-foreground) / var(--kai-success-foreground-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:text-danger-500[data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-danger-500) / var(--kai-danger-500-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:text-success[data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-success) / var(--kai-success-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:text-warning[data-selected="true"]:is(.dark *) {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-warning) / var(--kai-warning-opacity, var(--tw-text-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection="true"][data-selected="true"]:is(.dark *):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-success-50) / var(--kai-success-50-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection="true"][data-selected="true"]:is(.dark *):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-warning-50) / var(--kai-warning-50-opacity, var(--tw-bg-opacity)));
}

.dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid="true"]:is(.dark *) {
  background-color: hsl(var(--kai-danger-400) / .2);
}

@media not all and (min-width: 768px) {
  .max-md\:text-\[1\.24rem\] {
    font-size: 1.24rem;
  }
}

@media (min-width: 640px) {
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:m-0 {
    margin: 0;
  }

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:w-\[356px\] {
    width: 356px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:\[--scale-enter\:100\%\] {
    --scale-enter: 100%;
  }

  .sm\:\[--scale-exit\:103\%\] {
    --scale-exit: 103%;
  }

  .sm\:\[--slide-enter\:0px\] {
    --slide-enter: 0px;
  }

  .sm\:\[--slide-exit\:0px\] {
    --slide-exit: 0px;
  }

  .sm\:data-\[visible\=true\]\:pointer-events-none[data-visible="true"] {
    pointer-events: none;
  }

  .sm\:data-\[placement\=bottom-center\]\:mx-auto[data-placement="bottom-center"], .sm\:data-\[placement\=top-center\]\:mx-auto[data-placement="top-center"] {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:data-\[placement\=bottom-left\]\:ml-2[data-placement="bottom-left"] {
    margin-left: .5rem;
  }

  .sm\:data-\[placement\=bottom-right\]\:mr-2[data-placement="bottom-right"] {
    margin-right: .5rem;
  }

  .sm\:data-\[placement\=top-left\]\:ml-2[data-placement="top-left"] {
    margin-left: .5rem;
  }

  .sm\:data-\[placement\=top-right\]\:mr-2[data-placement="top-right"] {
    margin-right: .5rem;
  }

  .sm\:data-\[placement\=bottom-center\]\:w-max[data-placement="bottom-center"], .sm\:data-\[placement\=bottom-left\]\:w-max[data-placement="bottom-left"], .sm\:data-\[placement\=bottom-right\]\:w-max[data-placement="bottom-right"], .sm\:data-\[placement\=top-center\]\:w-max[data-placement="top-center"], .sm\:data-\[placement\=top-left\]\:w-max[data-placement="top-left"], .sm\:data-\[placement\=top-right\]\:w-max[data-placement="top-right"] {
    width: max-content;
  }

  .sm\:data-\[visible\=true\]\:opacity-0[data-visible="true"] {
    opacity: 0;
  }

  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] {
    pointer-events: auto;
  }

  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible="true"] {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:col-start-3 {
    grid-column-start: 3;
  }

  .md\:col-start-6 {
    grid-column-start: 6;
  }

  .md\:col-end-11 {
    grid-column-end: 11;
  }

  .md\:col-end-12 {
    grid-column-end: 12;
  }

  .md\:col-end-13 {
    grid-column-end: 13;
  }

  .md\:col-end-5 {
    grid-column-end: 5;
  }

  .md\:-ml-\[calc\(1\.3rem\+var\(--outside-space\)\)\] {
    margin-left: calc(calc(1.3rem + var(--outside-space)) * -1);
  }

  .md\:-mr-\[calc\(1\.3rem\+var\(--outside-space\)\)\] {
    margin-right: calc(calc(1.3rem + var(--outside-space)) * -1);
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:mb-48 {
    margin-bottom: 12rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mt-48 {
    margin-top: 12rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[12\.5rem\] {
    height: 12.5rem;
  }

  .md\:h-\[25rem\] {
    height: 25rem;
  }

  .md\:h-\[9\.375rem\] {
    height: 9.375rem;
  }

  .md\:max-h-\[35\.9375rem\] {
    max-height: 35.9375rem;
  }

  .md\:w-\[9\.375rem\] {
    width: 9.375rem;
  }

  .md\:w-\[calc\(50\%-calc\(4rem\*0\.5\)\)\] {
    width: calc(50% - 2rem);
  }

  .md\:columns-3 {
    -moz-columns: 3;
    columns: 3;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .md\:gap-x-14 {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }

  .md\:gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }

  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .md\:gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .md\:gap-y-0 {
    row-gap: 0;
  }

  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .md\:gap-y-12 {
    row-gap: 3rem;
  }

  .md\:gap-y-4 {
    row-gap: 1rem;
  }

  .md\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .md\:border-x-1 {
    border-left-width: 1px;
    border-right-width: 1px;
  }

  .md\:border-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
  }

  .md\:bg-transparent {
    background-color: #0000;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .md\:text-\[3\.75rem\] {
    font-size: 3.75rem;
  }

  .md\:text-6xl {
    font-size: clamp(1.99561rem, 3.39245vw + .977876rem, 4.03108rem);
    line-height: 1.2;
  }

  .md\:\*\:ml-12 > * {
    margin-left: 3rem;
  }

  .md\:\*\:before\:absolute > :before {
    content: var(--tw-content);
    position: absolute;
  }

  .md\:\*\:before\:-left-\[calc\(3rem\+0\.625rem\)\] > :before {
    content: var(--tw-content);
    left: -3.625rem;
  }

  .md\:\*\:before\:top-1\/2 > :before {
    content: var(--tw-content);
    top: 50%;
  }

  .md\:\*\:before\:z-10 > :before {
    content: var(--tw-content);
    z-index: 10;
  }

  .md\:\*\:before\:h-5 > :before {
    content: var(--tw-content);
    height: 1.25rem;
  }

  .md\:\*\:before\:w-5 > :before {
    content: var(--tw-content);
    width: 1.25rem;
  }

  .md\:\*\:before\:-translate-y-1\/2 > :before {
    content: var(--tw-content);
    --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));
  }

  .md\:\*\:before\:rounded-full > :before {
    content: var(--tw-content);
    border-radius: 9999px;
  }

  .md\:\*\:before\:bg-secondary > :before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
  }

  .md\:\*\:after\:absolute > :after {
    content: var(--tw-content);
    position: absolute;
  }

  .md\:\*\:after\:-left-\[3rem\] > :after {
    content: var(--tw-content);
    left: -3rem;
  }

  .md\:\*\:after\:bottom-1\/2 > :after {
    content: var(--tw-content);
    bottom: 50%;
  }

  .md\:\*\:after\:h-\[calc\(3\.5rem\+80\%\)\] > :after {
    content: var(--tw-content);
    height: calc(3.5rem + 80%);
  }

  .md\:\*\:after\:w-\[0\.0625rem\] > :after {
    content: var(--tw-content);
    width: .0625rem;
  }

  .md\:\*\:after\:border-l-1 > :after {
    content: var(--tw-content);
    border-left-width: 1px;
  }

  .md\:\*\:after\:border-dashed > :after {
    content: var(--tw-content);
    border-style: dashed;
  }

  .md\:\*\:after\:border-l-gray-300 > :after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-left-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}

@media (min-width: 1280px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-top-8 {
    top: -2rem;
  }

  .lg\:left-1\/2 {
    left: 50%;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:right-0 {
    right: 0;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-start-10 {
    grid-column-start: 10;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:col-start-3 {
    grid-column-start: 3;
  }

  .lg\:col-start-5 {
    grid-column-start: 5;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-7 {
    grid-column-start: 7;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:col-end-11 {
    grid-column-end: 11;
  }

  .lg\:col-end-12 {
    grid-column-end: 12;
  }

  .lg\:col-end-13 {
    grid-column-end: 13;
  }

  .lg\:col-end-4 {
    grid-column-end: 4;
  }

  .lg\:col-end-8 {
    grid-column-end: 8;
  }

  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:my-28 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:my-\[4\.6875rem\] {
    margin-top: 4.6875rem;
    margin-bottom: 4.6875rem;
  }

  .lg\:\!ml-0 {
    margin-left: 0 !important;
  }

  .lg\:-mt-14 {
    margin-top: -3.5rem;
  }

  .lg\:-mt-8 {
    margin-top: -2rem;
  }

  .lg\:-mt-\[5\.625rem\] {
    margin-top: -5.625rem;
  }

  .lg\:mb-40 {
    margin-bottom: 10rem;
  }

  .lg\:mb-44 {
    margin-bottom: 11rem;
  }

  .lg\:mb-48 {
    margin-bottom: 12rem;
  }

  .lg\:mb-\[11\.25rem\] {
    margin-bottom: 11.25rem;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mt-28 {
    margin-top: 7rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mt-\[3\.75rem\] {
    margin-top: 3.75rem;
  }

  .lg\:mt-\[5\.625rem\] {
    margin-top: 5.625rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:aspect-square {
    aspect-ratio: 1;
  }

  .lg\:\!h-\[1\.3em\] {
    height: 1.3em !important;
  }

  .lg\:h-\[37\.5rem\] {
    height: 37.5rem;
  }

  .lg\:h-\[40\.625rem\] {
    height: 40.625rem;
  }

  .lg\:h-\[41\.625rem\] {
    height: 41.625rem;
  }

  .lg\:h-\[46\.875rem\] {
    height: 46.875rem;
  }

  .lg\:max-h-\[31\.25rem\] {
    max-height: 31.25rem;
  }

  .lg\:max-h-full {
    max-height: 100%;
  }

  .lg\:min-h-\[25rem\] {
    min-height: 25rem;
  }

  .lg\:min-h-\[40rem\] {
    min-height: 40rem;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-\[calc\(33\.333333\%-calc\(2rem\*0\.66666667\)\)\] {
    width: calc(33.3333% - 1.33333rem);
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:min-w-40 {
    min-width: 10rem;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:-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));
  }

  .lg\: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));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .lg\:gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }

  .lg\:gap-x-14 {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }

  .lg\:gap-x-24 {
    -moz-column-gap: 6rem;
    column-gap: 6rem;
  }

  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .lg\:gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .lg\:gap-x-9 {
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem;
  }

  .lg\:gap-y-0 {
    row-gap: 0;
  }

  .lg\:gap-y-12 {
    row-gap: 3rem;
  }

  .lg\:gap-y-14 {
    row-gap: 3.5rem;
  }

  .lg\:gap-y-4 {
    row-gap: 1rem;
  }

  .lg\:gap-y-9 {
    row-gap: 2.25rem;
  }

  .lg\: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)));
  }

  .lg\: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));
  }

  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .lg\:divide-x > :not([hidden]) ~ :not([hidden]), .lg\:divide-x-1 > :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)));
  }

  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  @media (min-width: 1280px) {
    .lg\:lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    }
  }

  .lg\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-tl-\[1\.25rem\] {
    border-top-left-radius: 1.25rem;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:p-\[1\.25rem\] {
    padding: 1.25rem;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[3\.125rem\] {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-\[3\.125rem\] {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .lg\:py-\[4\.6875rem\] {
    padding-top: 4.6875rem;
    padding-bottom: 4.6875rem;
  }

  .lg\:\!pl-4 {
    padding-left: 1rem !important;
  }

  .lg\:\!pr-16 {
    padding-right: 4rem !important;
  }

  .lg\:\!pr-32 {
    padding-right: 8rem !important;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pb-80 {
    padding-bottom: 20rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-\[0\.875rem\] {
    font-size: .875rem;
  }

  .lg\:text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .lg\:text-\[1\.5625rem\] {
    font-size: 1.5625rem;
  }

  .lg\:text-\[12\.5rem\] {
    font-size: 12.5rem;
  }

  .lg\:text-\[1rem\] {
    font-size: 1rem;
  }

  .lg\:text-\[2\.1875rem\] {
    font-size: 2.1875rem;
  }

  .lg\:text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .lg\:text-\[3\.75rem\] {
    font-size: 3.75rem;
  }

  .lg\:text-medium {
    font-size: var(--kai-font-size-medium);
    line-height: var(--kai-line-height-medium);
  }

  .lg\:text-lg {
    font-size: clamp(.984375rem, .609375vw + .801563rem, 1.35rem);
    line-height: 1.6;
  }

  .lg\:text-2xl {
    font-size: clamp(1.24585rem, 1.16358vw + .896774rem, 1.944rem);
    line-height: 1.3;
  }

  .lg\:text-3xl {
    font-size: clamp(1.40158rem, 1.55203vw + .935971rem, 2.3328rem);
    line-height: 1.3;
  }

  .lg\:\*\:p-9 > * {
    padding: 2.25rem;
  }

  .lg\:\*\:px-8 > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:first\:rounded-e-none:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .lg\:first\:rounded-s-medium:first-child {
    border-start-start-radius: var(--kai-radius-medium);
    border-end-start-radius: var(--kai-radius-medium);
  }

  .lg\:last\:rounded-e-medium:last-child {
    border-start-end-radius: var(--kai-radius-medium);
    border-end-end-radius: var(--kai-radius-medium);
  }

  .lg\:last\:rounded-s-none:last-child {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .lg\:odd\:mt-0:nth-child(odd) {
    margin-top: 0;
  }

  .group[data-repeatable="true"] .lg\:group-data-\[repeatable\=true\]\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .group[data-repeatable="true"] .lg\:group-data-\[repeatable\=true\]\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1681px) {
  .\32 xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .\32 xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .\32 xl\:h-\[900px\] {
    height: 900px;
  }

  .\32 xl\:h-\[916px\] {
    height: 916px;
  }
}

.rtl\:left-2:where([dir="rtl"], [dir="rtl"] *) {
  left: .5rem;
}

.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
}

.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: 100% 0;
}

.rtl\:-rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --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));
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --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));
}

.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
  flex-direction: row-reverse;
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible="true"]:where([dir="rtl"], [dir="rtl"] *), .rtl\:data-\[hover\=true\]\:translate-x-3[data-hover="true"]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: .75rem;
  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));
}

.rtl\:data-\[open\=true\]\:-rotate-90[data-open="true"]:where([dir="rtl"], [dir="rtl"] *) {
  --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));
}

.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-danger, .\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-default, .\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-primary, .\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-secondary, .\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-success, .\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-warning {
  margin-inline-start: calc(var(--kai-border-width-medium) * -1);
}

.\[\&\+section\]\:-mt-56 + section {
  margin-top: -14rem;
}

.\[\&\.is-active\]\:bg-primary.is-active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
}

.\[\&\:has\(\+section\)\]\:mb-0:has( + section) {
  margin-bottom: 0;
}

.\[\&\:hover\>svg\]\:text-white:hover > svg {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
}

.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-medium:not(:first-child):not(:last-child) {
  border-radius: var(--kai-radius-medium);
}

.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
  border-radius: 0;
}

@media (min-width: 1280px) {
  .lg\:\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
}

.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) {
  margin-left: -.25rem;
}

.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
  margin-inline-start: -2px;
}

@media (min-width: 768px) {
  .md\:\[\&\>\*\:first-child\]\:after\:hidden > :first-child:after {
    content: var(--tw-content);
    display: none;
  }
}

.\[\&\>\*\]\:relative > * {
  position: relative;
}

.\[\&\>svg\>path\]\:fill-white > svg > path {
  fill: hsl(var(--kai-white) / var(--kai-white-opacity, 1));
}

.\[\&\>svg\]\:hidden > svg {
  display: none;
}

.\[\&\>svg\]\:w-full > svg {
  width: 100%;
}

.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] > svg {
  max-width: 2rem;
}

.\[\&\>svg\]\:max-w-full > svg {
  max-width: 100%;
}

.\[\&\>svg\]\:\!bg-transparent > svg {
  background-color: #0000 !important;
}

@media (min-width: 1280px) {
  .lg\:\[\&\>svg\]\:flex > svg {
    display: flex;
  }
}

.\[\&\>tr\]\:first\:rounded-lg:first-child > tr {
  border-radius: .5rem;
}

.\[\&\>tr\]\:first\:shadow-small:first-child > tr {
  --tw-shadow: var(--kai-box-shadow-small);
  --tw-shadow-colored: var(--kai-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover="true"]:not([data-active="true"]) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-100) / var(--kai-default-100-opacity, var(--tw-bg-opacity)));
}

.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover="true"]:not([data-active="true"]) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-default-200) / var(--kai-default-200-opacity, var(--tw-bg-opacity)));
}

.\[\&_\.chevron-icon\]\:flex-none .chevron-icon {
  flex: none;
}

.\[\&_\.chevron-icon\]\:rotate-180 .chevron-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));
}

.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon {
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

/* [next]/internal/font/google/roboto_323b8a08.module.css [client] (css) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/572c13468b8cff87-s.974b4bc2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/62d4b50592542c9f-s.9e30d041.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/38772d1e0cde909c-s.62d745bb.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/a0ffaa6a9384d9d3-s.a34f6310.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/fad568eea626db0e-s.479744c5.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/ccee61546c0358b7-s.83a2e280.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/8fcf71678f67d0c5-s.14cf5ea9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/f7d6090e8b3debad-s.eccd0379.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url("../media/ce62453a442c7f35-s.p.124b2306.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0.0%;
  size-adjust: 99.78%;
}

.roboto_323b8a08-module__L0CydG__className {
  font-family: Roboto, Roboto Fallback;
  font-style: normal;
}

/* [project]/styles/components/Transition.module.scss.module.css [client] (css) */
.Transition-module-scss-module__6UFrPG__slideIn {
  background-color: hsl(var(--kai-white));
  transform-origin: bottom;
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.Transition-module-scss-module__6UFrPG__slideIn svg {
  width: 50%;
  height: 50%;
}

.Transition-module-scss-module__6UFrPG__slideOut {
  background-color: hsl(var(--kai-white));
  transform-origin: top;
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.Transition-module-scss-module__6UFrPG__slideOut svg {
  width: 50%;
  height: 50%;
}

/* [project]/styles/components/Buttons.module.scss.module.css [client] (css) */
.Buttons-module-scss-module__-f-KWG__btn__plain {
  -moz-column-gap: .5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__plain:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.Buttons-module-scss-module__-f-KWG__btn__plain:before {
  content: "";
  background-color: currentColor;
  width: 0%;
  height: .0625rem;
  transition: width .7s cubic-bezier(.2, 1, .3, 1);
  position: absolute;
  bottom: 5%;
  left: 0%;
}

.Buttons-module-scss-module__-f-KWG__btn__plain:hover:before {
  width: 100%;
}

.Buttons-module-scss-module__-f-KWG__btn__primary {
  -moz-column-gap: .5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-text-opacity)));
  border-radius: 9999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__primary:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.Buttons-module-scss-module__-f-KWG__btn__primary svg {
  box-sizing: content-box;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-bg-opacity)));
  border-radius: 9999px;
  width: 1.0625rem;
  height: .625rem;
  padding: .5rem .25rem;
}

@media (min-width: 1280px) {
  .Buttons-module-scss-module__-f-KWG__btn__primary svg {
    width: 1.375rem;
    height: .9375rem;
    padding: .75rem .5rem;
  }
}

.Buttons-module-scss-module__-f-KWG__btn__secondary {
  -moz-column-gap: .5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  border-radius: 9999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__secondary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.Buttons-module-scss-module__-f-KWG__btn__secondary svg {
  box-sizing: content-box;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-bg-opacity)));
  border-radius: 9999px;
  width: 1.0625rem;
  height: .625rem;
  padding: .5rem .25rem;
}

@media (min-width: 1280px) {
  .Buttons-module-scss-module__-f-KWG__btn__secondary svg {
    width: 1.375rem;
    height: .9375rem;
    padding: .75rem .5rem;
  }
}

.Buttons-module-scss-module__-f-KWG__btn__white {
  -moz-column-gap: .5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-bg-opacity)));
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  border-radius: 9999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__white:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.Buttons-module-scss-module__-f-KWG__btn__white svg {
  box-sizing: content-box;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
  border-radius: 9999px;
  width: 1.0625rem;
  height: .625rem;
  padding: .5rem .25rem;
}

@media (min-width: 1280px) {
  .Buttons-module-scss-module__-f-KWG__btn__white svg {
    width: 1.375rem;
    height: .9375rem;
    padding: .75rem .5rem;
  }
}

.Buttons-module-scss-module__-f-KWG__btn__softlight {
  -moz-column-gap: .5rem;
  background-color: hsl(var(--kai-white) / .5);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  border-radius: 9999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__softlight:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.Buttons-module-scss-module__-f-KWG__btn__softlight svg {
  box-sizing: content-box;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-white) / var(--kai-white-opacity, var(--tw-bg-opacity)));
  border-radius: 9999px;
  width: 1.0625rem;
  height: .625rem;
  padding: .5rem .25rem;
}

@media (min-width: 1280px) {
  .Buttons-module-scss-module__-f-KWG__btn__softlight svg {
    width: 1.375rem;
    height: .9375rem;
    padding: .75rem .5rem;
  }
}

.Buttons-module-scss-module__-f-KWG__btn__outline {
  -moz-column-gap: .5rem;
  --tw-border-opacity: 1;
  border-width: .0625rem;
  border-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-border-opacity)));
  background-color: hsl(var(--kai-white) / .5);
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary) / var(--kai-primary-opacity, var(--tw-text-opacity)));
  border-radius: 9999px;
  align-self: flex-start;
  align-items: center;
  column-gap: .5rem;
  padding: .5rem .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Buttons-module-scss-module__-f-KWG__btn__outline:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--kai-primary-800) / var(--kai-primary-800-opacity, var(--tw-text-opacity)));
}

.Buttons-module-scss-module__-f-KWG__btn__outline svg {
  box-sizing: content-box;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--kai-secondary) / var(--kai-secondary-opacity, var(--tw-bg-opacity)));
  border-radius: 9999px;
  width: 1.0625rem;
  height: .625rem;
  padding: .5rem .25rem;
}

@media (min-width: 1280px) {
  .Buttons-module-scss-module__-f-KWG__btn__outline svg {
    width: 1.375rem;
    height: .9375rem;
    padding: .75rem .5rem;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__4a2a9e16._.css.map*/