/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace; --color-red-50: rgb(254, 242, 242); --color-red-100: rgb(255, 226, 226); --color-red-600: rgb(228, 0, 22); --color-red-700: rgb(191, 0, 15); --color-red-800: rgb(159, 7, 18); --color-red-950: rgb(70, 8, 9); --color-yellow-50: rgb(254, 252, 232); --color-yellow-100: rgb(254, 249, 194); --color-yellow-200: rgb(255, 240, 133); --color-yellow-400: rgb(247, 201, 0); --color-yellow-500: rgb(234, 179, 0); --color-yellow-600: rgb(202, 138, 0); --color-yellow-700: rgb(162, 98, 0); --color-yellow-800: rgb(135, 76, 0); --color-yellow-950: rgb(67, 32, 4); --color-green-50: rgb(240, 253, 244); --color-green-100: rgb(220, 252, 231); --color-green-200: rgb(185, 248, 207); --color-green-400: rgb(5, 223, 114); --color-green-500: rgb(0, 198, 90); --color-green-600: rgb(0, 164, 71); --color-green-700: rgb(0, 129, 58); --color-green-800: rgb(1, 102, 48); --color-green-950: rgb(3, 46, 21); --color-teal-600: rgb(0, 148, 136); --color-teal-700: rgb(0, 119, 110); --color-blue-50: rgb(239, 246, 255); --color-blue-100: rgb(219, 234, 254); --color-blue-200: rgb(190, 219, 255); --color-blue-400: rgb(86, 162, 255); --color-blue-500: rgb(50, 128, 255); --color-blue-600: rgb(21, 93, 252); --color-blue-700: rgb(20, 71, 230); --color-blue-800: rgb(25, 60, 184); --color-blue-950: rgb(22, 36, 86); --color-violet-50: rgb(245, 243, 255); --color-violet-100: rgb(237, 233, 254); --color-violet-200: rgb(221, 214, 255); --color-violet-500: rgb(141, 86, 255); --color-violet-600: rgb(127, 34, 254); --color-violet-700: rgb(112, 8, 231); --color-violet-800: rgb(93, 14, 192); --color-violet-950: rgb(47, 13, 104); --color-purple-500: rgb(171, 78, 255); --color-purple-600: rgb(152, 16, 250); --color-purple-700: rgb(130, 0, 217); --color-pink-500: rgb(246, 51, 154); --color-slate-100: rgb(241, 245, 249); --color-slate-300: rgb(202, 213, 226); --color-gray-50: rgb(249, 250, 251); --color-gray-100: rgb(243, 244, 246); --color-gray-200: rgb(229, 231, 235); --color-gray-300: rgb(209, 213, 220); --color-gray-400: rgb(153, 161, 175); --color-gray-500: rgb(106, 114, 130); --color-gray-600: rgb(74, 85, 101); --color-gray-700: rgb(54, 65, 83); --color-gray-800: rgb(30, 41, 57); --color-gray-900: rgb(16, 24, 40); --color-zinc-50: rgb(250, 250, 250); --color-zinc-100: rgb(244, 244, 245); --color-zinc-200: rgb(228, 228, 231); --color-zinc-300: rgb(212, 212, 216); --color-zinc-400: rgb(159, 159, 169); --color-zinc-500: rgb(113, 113, 123); --color-zinc-600: rgb(82, 82, 92); --color-zinc-800: rgb(39, 39, 42); --color-zinc-900: rgb(24, 24, 27); --color-zinc-950: rgb(9, 9, 11); --color-neutral-200: rgb(229, 229, 229); --color-neutral-700: rgb(64, 64, 64); --color-neutral-800: rgb(38, 38, 38); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-md: 12px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-mono: var(--mono); --color-mono-foreground: var(--mono-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --text-2sm: 0.8125rem; --text-2sm--line-height: calc(1.075 / 0.8125);
  }

@supports (color: color(display-p3 0 0 0%)) {
:root, :host { --color-red-600: color(display-p3 0.83032 0.14038 0.1332); --color-red-700: color(display-p3 0.69274 0.11623 0.10468); --color-yellow-400: color(display-p3 0.95994 0.79017 0.05852); --color-yellow-500: color(display-p3 0.90365 0.70306 0.07454); --color-yellow-600: color(display-p3 0.77634 0.54249 0.04171); --color-yellow-700: color(display-p3 0.61315 0.38666 0.05797); --color-yellow-800: color(display-p3 0.50318 0.30478 0.07554); --color-green-500: color(display-p3 0.30873 0.77475 0.37431); --color-green-600: color(display-p3 0.24388 0.64082 0.29481); --color-green-700: color(display-p3 0.19836 0.5018 0.24533); --color-teal-600: color(display-p3 0.20711 0.57958 0.53668); --color-teal-700: color(display-p3 0.17409 0.46132 0.43387); --color-blue-200: color(display-p3 0.76688 0.85521 0.98748); --color-blue-400: color(display-p3 0.39744 0.62813 0.99212); --color-blue-500: color(display-p3 0.26642 0.49122 0.98862); --color-violet-200: color(display-p3 0.86154 0.83885 0.98801); --color-violet-500: color(display-p3 0.52337 0.3296 0.99088); --color-purple-500: color(display-p3 0.62952 0.30089 0.99082); --color-purple-700: color(display-p3 0.4653 0.06526 0.8244);
    }
}
}

@layer base {

  ::-webkit-file-upload-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid;
  }

  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid;
  }

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

  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-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em;
  }

  small { font-size: 80%;
  }

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

  sub { bottom: -0.25em;
  }

  sup { top: -0.5em;
  }

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

  :-moz-focusring { outline: auto;
  }

  progress { vertical-align: baseline;
  }

  summary { display: list-item;
  }

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

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

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

  ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1;
  }

  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1;
  }

  :where(select:is([multiple], [size])) optgroup { font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px;
  }

  ::-webkit-file-upload-button { margin-inline-end: 4px;
  }

  ::file-selector-button { margin-inline-end: 4px;
  }

  ::placeholder { opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::placeholder { color: currentcolor;
    }

    @supports (color: color-mix(in lab, red, red)) {

      ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea { resize: vertical;
  }

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

  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit;
  }

  ::-webkit-datetime-edit { display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper { padding: 0;
  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator { line-height: 1;
  }

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button;
  }

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

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

@layer utilities {

  .collapse { visibility: collapse;
  }

  .invisible { visibility: hidden;
  }

  .visible { visibility: visible;
  }

  .absolute { position: absolute;
  }

  .fixed { position: fixed;
  }

  .relative { position: relative;
  }

  .static { position: static;
  }

  .sticky { position: sticky;
  }

  .top-0 { top: calc(var(--spacing) * 0);
  }

  .top-1\/2 { top: calc(1/2 * 100%);
  }

  .top-2\.5 { top: calc(var(--spacing) * 2.5);
  }

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

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

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

  .right-0 { right: calc(var(--spacing) * 0);
  }

  .right-3 { right: calc(var(--spacing) * 3);
  }

  .bottom-0 { bottom: calc(var(--spacing) * 0);
  }

  .left-0 { left: calc(var(--spacing) * 0);
  }

  .left-1\/2 { left: calc(1/2 * 100%);
  }

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

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

  .container { width: 100%;
  }

  @media (min-width: 40rem) {

    .container { max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {

    .container { max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {

    .container { max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {

    .container { max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {

    .container { max-width: 96rem;
    }
  }

  .m-0 { margin: calc(var(--spacing) * 0);
  }

  .m-1 { margin: calc(var(--spacing) * 1);
  }

  .container-fluid { margin-inline: auto; width: 100%; padding-inline: calc(var(--spacing) * 4);
  }

  @media (min-width: 64rem) {

    .container-fluid { padding-inline: calc(var(--spacing) * 5);
    }
  }

  .container { margin-inline: auto; max-width: none; padding-inline: calc(var(--spacing) * 4);
  }

  @media (min-width: 64rem) {

    .container { padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 80rem) {

    .container { max-width: var(--breakpoint-xl);
    }
  }

  .my-0 { margin-block: calc(var(--spacing) * 0);
  }

  .-ms-2\.5 { margin-inline-start: calc(var(--spacing) * -2.5);
  }

  .ms-auto { margin-inline-start: auto;
  }

  .-me-1\.5 { margin-inline-end: calc(var(--spacing) * -1.5);
  }

  .me-0\.5 { margin-inline-end: calc(var(--spacing) * 0.5);
  }

  .me-3 { margin-inline-end: calc(var(--spacing) * 3);
  }

  .me-5 { margin-inline-end: calc(var(--spacing) * 5);
  }

  .mt-6 { margin-top: calc(var(--spacing) * 6);
  }

  .mr-2 { margin-right: calc(var(--spacing) * 2);
  }

  .mb-\(--footer-height\) { margin-bottom: var(--footer-height);
  }

  .mb-0 { margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-2 { margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-10 { margin-bottom: calc(var(--spacing) * 10);
  }

  .-ml-1 { margin-left: calc(var(--spacing) * -1);
  }

  .ml-2 { margin-left: calc(var(--spacing) * 2);
  }

  .block { display: block;
  }

  .contents { display: contents;
  }

  .flex { display: flex;
  }

  .grid { display: grid;
  }

  .hidden { display: none;
  }

  .inline { display: inline;
  }

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

  .table { display: table;
  }

  .table-cell { display: table-cell;
  }

  .table-column { display: table-column;
  }

  .table-column-group { display: table-column-group;
  }

  .table-row { display: table-row;
  }

  .table-row-group { display: table-row-group;
  }

  .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9);
  }

  .h-\(--header-height\) { height: var(--header-height);
  }

  .h-5 { height: calc(var(--spacing) * 5);
  }

  .h-6 { height: calc(var(--spacing) * 6);
  }

  .h-10 { height: calc(var(--spacing) * 10);
  }

  .h-12 { height: calc(var(--spacing) * 12);
  }

  .h-full { height: 100%;
  }

  .max-h-60 { max-height: calc(var(--spacing) * 60);
  }

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

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

  .max-h-\[calc\(100dvh-11\.75rem\)\] { max-height: calc(100dvh - 11.75rem);
  }

  .min-h-12 { min-height: calc(var(--spacing) * 12);
  }

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

  .w-1\/2 { width: calc(1/2 * 100%);
  }

  .w-5 { width: calc(var(--spacing) * 5);
  }

  .w-8 { width: calc(var(--spacing) * 8);
  }

  .w-10 { width: calc(var(--spacing) * 10);
  }

  .w-16 { width: calc(var(--spacing) * 16);
  }

  .w-18 { width: calc(var(--spacing) * 18);
  }

  .w-20 { width: calc(var(--spacing) * 20);
  }

  .w-24 { width: calc(var(--spacing) * 24);
  }

  .w-30 { width: calc(var(--spacing) * 30);
  }

  .w-40 { width: calc(var(--spacing) * 40);
  }

  .w-48 { width: calc(var(--spacing) * 48);
  }

  .w-60 { width: calc(var(--spacing) * 60);
  }

  .w-64 { width: calc(var(--spacing) * 64);
  }

  .w-80 { width: calc(var(--spacing) * 80);
  }

  .w-100 { width: calc(var(--spacing) * 100);
  }

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

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

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

  .w-auto { width: auto;
  }

  .w-full { width: 100%;
  }

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

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

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

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

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

  .max-w-lg { max-width: var(--container-lg);
  }

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

  .flex-1 { flex: 1;
  }

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

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

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

  .grow { flex-grow: 1;
  }

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

  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-spin { animation: var(--animate-spin);
  }

  .cursor-pointer { cursor: pointer;
  }

  .resize { resize: both;
  }

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

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

  .flex-col { flex-direction: column;
  }

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

  .flex-wrap { flex-wrap: wrap;
  }

  .items-baseline { align-items: baseline;
  }

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

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

  .items-stretch { align-items: stretch;
  }

  .justify-between { justify-content: space-between;
  }

  .justify-center { justify-content: center;
  }

  .justify-end { justify-content: flex-end;
  }

  .justify-start { justify-content: flex-start;
  }

  .gap-0\.5 { gap: calc(var(--spacing) * 0.5);
  }

  .gap-1 { gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 { gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 { gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 { gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 { gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 { gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 { gap: calc(var(--spacing) * 4);
  }

  .gap-5 { gap: calc(var(--spacing) * 5);
  }

  :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }

  .overflow-auto { overflow: auto;
  }

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

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

  .rounded { border-radius: 0.25rem;
  }

  .rounded-full { border-radius: calc(infinity * 1px);
  }

  .border { border-style: var(--tw-border-style); border-width: 1px;
  }

  .border-2 { border-style: var(--tw-border-style); border-width: 2px;
  }

  .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px;
  }

  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;
  }

  .border-border { border-color: var(--border);
  }

  .border-destructive\/20 { border-color: var(--destructive);
  }

  .border-destructive\/20 { border-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .border-destructive\/20 { border-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }

  .border-green-500 { border-color: var(--color-green-500);
  }

  .border-input { border-color: var(--input);
  }

  .border-b-transparent { border-bottom-color: transparent;
  }

  .bg-\[\#363940\] { background-color: #363940;
  }

  .bg-\[\#dbcece\] { background-color: #dbcece;
  }

  .bg-background { background-color: var(--background);
  }

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

  .bg-background\/70 { background-color: rgba(100%, 100%, 100%, 0.7);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-background\/70 { background-color: color-mix(in oklab, var(--color-white)  70%, transparent);
    }
  }

  .bg-black\/25 { background-color: rgba(0, 0, 0, 0.25);
  }

  .bg-black\/25 { background-color: rgba(0%, 0%, 0%, 0.25);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/25 { background-color: color-mix(in oklab, #000  25%, transparent);
    }
  }

  .bg-destructive\/10 { background-color: var(--destructive);
  }

  .bg-destructive\/10 { background-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-destructive\/10 { background-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .bg-gray-500 { background-color: var(--color-gray-500);
  }

  .bg-muted { background-color: var(--muted);
  }

  .bg-teal-600 { background-color: var(--color-teal-600);
  }

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

  .bg-white { background-color: var(--color-white);
  }

  .bg-center { background-position: center;
  }

  .bg-no-repeat { background-repeat: no-repeat;
  }

  .fill-gray-100 { fill: var(--color-gray-100);
  }

  .p-2 { padding: calc(var(--spacing) * 2);
  }

  .p-3 { padding: calc(var(--spacing) * 3);
  }

  .p-4 { padding: calc(var(--spacing) * 4);
  }

  .p-5 { padding: calc(var(--spacing) * 5);
  }

  .p-8 { padding: calc(var(--spacing) * 8);
  }

  .px-0 { padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 { padding-inline: calc(var(--spacing) * 1);
  }

  .px-2 { padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-8 { padding-inline: calc(var(--spacing) * 8);
  }

  .py-0 { padding-block: calc(var(--spacing) * 0);
  }

  .py-1 { padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 { padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 { padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 { padding-block: calc(var(--spacing) * 2.5);
  }

  .py-4 { padding-block: calc(var(--spacing) * 4);
  }

  .py-6 { padding-block: calc(var(--spacing) * 6);
  }

  .ps-5 { padding-inline-start: calc(var(--spacing) * 5);
  }

  .pe-2 { padding-inline-end: calc(var(--spacing) * 2);
  }

  .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 { padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 { padding-top: calc(var(--spacing) * 4);
  }

  .pb-2 { padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 { padding-bottom: calc(var(--spacing) * 3);
  }

  .pl-5 { padding-left: calc(var(--spacing) * 5);
  }

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

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

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

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

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

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

  .text-2sm { font-size: var(--text-2sm); line-height: var(--tw-leading, var(--text-2sm--line-height));
  }

  .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5);
  }

  .leading-none { --tw-leading: 1; line-height: 1;
  }

  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
  }

  .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);
  }

  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
  }

  .text-black { color: var(--color-black);
  }

  .text-destructive { color: var(--destructive);
  }

  .text-foreground { color: var(--foreground);
  }

  .text-gray-400 { color: var(--color-gray-400);
  }

  .text-gray-500 { color: var(--color-gray-500);
  }

  .text-gray-600 { color: var(--color-gray-600);
  }

  .text-gray-700 { color: var(--color-gray-700);
  }

  .text-gray-900 { color: var(--color-gray-900);
  }

  .text-green-700 { color: var(--color-green-700);
  }

  .text-mono { color: var(--mono);
  }

  .text-muted { color: var(--muted);
  }

  .text-muted-foreground { color: var(--muted-foreground);
  }

  .text-primary { color: var(--primary);
  }

  .text-secondary-foreground { color: var(--secondary-foreground);
  }

  .text-white { color: var(--color-white);
  }

  .capitalize { text-transform: capitalize;
  }

  .lowercase { text-transform: lowercase;
  }

  .uppercase { text-transform: uppercase;
  }

  .italic { font-style: italic;
  }

  .underline { text-decoration-line: underline;
  }

  .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }

  .opacity-25 { opacity: 25%;
  }

  .opacity-30 { opacity: 30%;
  }

  .opacity-75 { opacity: 75%;
  }

  .opacity-80 { opacity: 80%;
  }

  .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\!outline { outline-style: var(--tw-outline-style) !important; outline-width: 1px !important;
  }

  .outline { outline-style: var(--tw-outline-style); outline-width: 1px;
  }

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

  .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .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-md { --tw-backdrop-blur: blur(var(--blur-md)); -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 { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 { --tw-duration: 300ms; transition-duration: 300ms;
  }

  .\[--footer-height\:54px\] { --footer-height: 54px;
  }

  .\[--header-height\:54px\] { --header-height: 54px;
  }

  .\[--kt-drawer-enable\:true\] { --kt-drawer-enable: true;
  }

  @media (hover: hover) {

    .hover\:bg-teal-700:hover { background-color: var(--color-teal-700);
    }
  }

  @media (hover: hover) {

    .hover\:bg-transparent:hover { background-color: transparent;
    }
  }

  @media (hover: hover) {

    .hover\:text-primary:hover { color: var(--primary);
    }
  }

  @media (min-width: 40rem) {

    .sm\:w-48 { width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 48rem) {

    .md\:w-auto { width: auto;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-1 { grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 64rem) {

    .lg\:col-span-2 { grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {

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

  @media (min-width: 64rem) {

    .lg\:mb-2 { margin-bottom: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 64rem) {

    .lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {

    .lg\:flex { display: flex;
    }
  }

  @media (min-width: 64rem) {

    .lg\:hidden { display: none;
    }
  }

  @media (min-width: 64rem) {

    .lg\:w-20 { width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {

    .lg\:w-44 { width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 64rem) {

    .lg\:w-60 { width: calc(var(--spacing) * 60);
    }
  }

  @media (min-width: 64rem) {

    .lg\:w-80 { width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 64rem) {

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

  @media (min-width: 64rem) {

    .lg\:w-auto { width: auto;
    }
  }

  @media (min-width: 64rem) {

    .lg\:grow-0 { flex-grow: 0;
    }
  }

  @media (min-width: 64rem) {

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

  @media (min-width: 64rem) {

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

  @media (min-width: 64rem) {

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

  @media (min-width: 64rem) {

    .lg\:flex-nowrap { flex-wrap: nowrap;
    }
  }

  @media (min-width: 64rem) {

    .lg\:flex-wrap { flex-wrap: wrap;
    }
  }

  @media (min-width: 64rem) {

    .lg\:items-center { align-items: center;
    }
  }

  @media (min-width: 64rem) {

    .lg\:items-stretch { align-items: stretch;
    }
  }

  @media (min-width: 64rem) {

    .lg\:justify-between { justify-content: space-between;
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-2 { gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-3\.5 { gap: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-4 { gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {

    .lg\:gap-7\.5 { gap: calc(var(--spacing) * 7.5);
    }
  }

  @media (min-width: 64rem) {

    .lg\:p-0 { padding: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {

    .lg\:p-7\.5 { padding: calc(var(--spacing) * 7.5);
    }
  }

  @media (min-width: 64rem) {

    .lg\:px-7\.5 { padding-inline: calc(var(--spacing) * 7.5);
    }
  }

  @media (min-width: 64rem) {

    .lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 64rem) {

    .lg\:pt-7 { padding-top: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {

    .lg\:\[--kt-drawer-enable\:false\] { --kt-drawer-enable: false;
    }
  }

  @media (min-width: 80rem) {

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

  .rtl\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { rotate: 180deg;
  }

  .rtl\:transform:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .rtl\:pr-5:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { padding-right: calc(var(--spacing) * 5);
  }

  .rtl\:text-right:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { text-align: right;
  }

  .dark\:hidden:is(.dark *) { display: none;
  }

  .dark\:inline-block:is(.dark *) { display: inline-block;
  }

  .kt-select-option-selected\:block .selected[data-kt-select-option] { display: block;
  }

  .selected[data-kt-select-option] .kt-select-option-selected\:block { display: block;
  }

  .kt-toggle-password-active\:block.active[data-kt-toggle-password-initialized] { display: block;
  }

  .active[data-kt-toggle-password-initialized] .kt-toggle-password-active\:block { display: block;
  }

  .kt-toggle-password-active\:hidden.active[data-kt-toggle-password-initialized] { display: none;
  }

  .active[data-kt-toggle-password-initialized] .kt-toggle-password-active\:hidden { display: none;
  }

  .kt-menu-item-active\:border-b-mono.kt-menu-item.active { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active .kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-link..kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-label..kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-toggle..kt-menu-item-active\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item-active\:text-mono.kt-menu-item.active { color: var(--mono);
  }

  .kt-menu-item.active .kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-link..kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-label..kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item.active > .kt-menu-toggle..kt-menu-item-active\:text-mono { color: var(--mono);
  }

  .kt-menu-item-here\:border-b-mono.kt-menu-item.here { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-link..kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-label..kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-toggle..kt-menu-item-here\:border-b-mono { border-bottom-color: var(--mono);
  }

  .kt-menu-item-here\:text-mono.kt-menu-item.here { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-link..kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-label..kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item.here > .kt-menu-toggle..kt-menu-item-here\:text-mono { color: var(--mono);
  }

  .kt-menu-item-show\:hidden.kt-menu-item.show { display: none;
  }

  .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item.show > .kt-menu-link..kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item.show > .kt-menu-label..kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item.show > .kt-menu-toggle..kt-menu-item-show\:hidden { display: none;
  }

  .kt-menu-item-show\:inline-flex.kt-menu-item.show { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-link..kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-label..kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  .kt-menu-item.show > .kt-menu-toggle..kt-menu-item-show\:inline-flex { display: inline-flex;
  }

  @media (hover: hover) {

    .hover\:\[\&_i\]\:text-primary:hover i { color: var(--primary);
    }
  }
}

:root { --background: var(--color-white); --foreground: var(--color-zinc-950); --card: var(--color-white); --card-foreground: var(--color-zinc-950); --popover: var(--color-white); --popover-foreground: var(--color-zinc-950); --primary: rgb(188, 80, 82); --primary-foreground: var(--color-white); --secondary: var(--color-zinc-100); --secondary-foreground: var(--color-zinc-900); --muted: var(--color-zinc-100); --muted-foreground: var(--color-zinc-500); --accent: var(--color-zinc-100); --accent-foreground: var(--color-zinc-900); --destructive: var(--color-red-600); --destructive-foreground: var(--color-white); --mono: var(--color-zinc-950); --mono-foreground: var(--color-white); --border: rgb(235, 235, 238); --input: var(--color-zinc-200); --ring: var(--color-zinc-400); --radius: 0.5rem;
}

.dark { --background: var(--color-zinc-950); --foreground: var(--color-zinc-50); --card: var(--color-zinc-950); --card-foreground: var(--color-zinc-50); --popover: var(--color-zinc-950); --popover-foreground: var(--color-zinc-50); --primary: var(--color-blue-600); --primary-foreground: var(--color-white); --secondary: var(--color-zinc-800); --secondary-foreground: var(--color-zinc-50); --muted: var(--color-zinc-900); --muted-foreground: var(--color-zinc-500); --accent: var(--color-zinc-900); --accent-foreground: var(--color-zinc-50); --destructive: var(--color-red-600); --destructive-foreground: var(--color-white); --mono: var(--color-zinc-300); --mono-foreground: var(--color-black); --border: var(--color-zinc-800); --input: var(--color-zinc-800); --ring: var(--color-zinc-600);
}

@layer base {

  ::-webkit-scrollbar { width: 5px;
  }

  ::-webkit-scrollbar-track { background: transparent;
  }

  ::-webkit-scrollbar-thumb { background: var(--input); border-radius: 5px;
  }

  * { scrollbar-width: thin; scrollbar-color: var(--input) transparent;
  }
}

html { scroll-behavior: smooth;
}

@layer components {

  .kt-avatar { position: relative; display: flex; width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); flex-shrink: 0;
  }

  .kt-avatar-image { overflow: hidden; border-radius: calc(infinity * 1px);
  }

  .kt-avatar-image img { aspect-ratio: 1 / 1; height: 100%; width: 100%;
  }

  .kt-avatar-fallback { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--accent); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-avatar-indicator { position: absolute; display: flex; width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); align-items: center; justify-content: center;
  }

  .kt-avatar-status { display: flex; width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); align-items: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 2px; border-color: var(--background);
  }

  .kt-avatar-status.kt-avatar-status-online { background-color: var(--color-green-600);
  }

  .kt-avatar-status.kt-avatar-status-offline { background-color: var(--mono);
  }

  .kt-avatar-status.kt-avatar-status-offline { background-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-avatar-status.kt-avatar-status-offline { background-color: color-mix(in oklab, var(--color-zinc-950)  50%, transparent);
    }
  }

  .kt-avatar-status.kt-avatar-status-busy { background-color: var(--color-yellow-600);
  }

  .kt-avatar-status.kt-avatar-status-away { background-color: var(--color-blue-600);
  }
}

@layer components {

  .kt-accordion-item { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border);
  }

  .kt-accordion-item:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;
  }

  .kt-accordion-toggle { display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 4); text-align: start;
  }

  .kt-accordion-title { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--mono);
  }

  .kt-accordion-content { overflow: hidden; transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-accordion-wrapper { padding-bottom: calc(var(--spacing) * 4); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--foreground);
  }

  .kt-accordion-indicator { display: inline-flex; width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); align-items: center; color: var(--muted-foreground);
  }

  .kt-accordion-indicator-on { display: block; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); flex-shrink: 0;
  }

  .kt-accordion-indicator-on.active[data-kt-accordion-item] { display: none;
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-indicator-on { display: none;
  }

  .active[data-kt-accordion-item] > .kt-accordion-indicator-on[data-kt-accordion-toggle] { display: none;
  }

  .kt-accordion-indicator-off { display: none; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); flex-shrink: 0;
  }

  .kt-accordion-indicator-off.active[data-kt-accordion-item] { display: block;
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-indicator-off { display: block;
  }

  .active[data-kt-accordion-item] > .kt-accordion-indicator-off[data-kt-accordion-toggle] { display: block;
  }

  .kt-accordion.kt-accordion-outline { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3.5);
  }

  .kt-accordion.kt-accordion-outline .kt-accordion-item { border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border);
  }

  .kt-accordion.kt-accordion-outline .kt-accordion-content { border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border);
  }

  .kt-accordion.kt-accordion-outline .kt-accordion-toggle { padding: calc(var(--spacing) * 4);
  }

  .kt-accordion.kt-accordion-outline .kt-accordion-wrapper { padding: calc(var(--spacing) * 4);
  }
}

@layer components {

  .kt-accordion-menu { display: flex; width: 100%; flex-direction: column; row-gap: calc(var(--spacing) * 1);
  }

  .kt-accordion-menu-content { overflow: hidden; padding-inline-start: calc(var(--spacing) * 6); transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-accordion-menu-sub { width: 100%; row-gap: calc(var(--spacing) * 1);
  }

  .kt-accordion-menu-item { width: 100%;
  }

  :where(.kt-accordion-menu-item > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-accordion-menu-toggle { display: flex; width: 100%; align-items: center; column-gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground);
  }

  @media (hover: hover) {

    .kt-accordion-menu-toggle:hover { background-color: var(--accent);
    }
  }

  .kt-accordion-menu-toggle:disabled { pointer-events: none;
  }

  .kt-accordion-menu-toggle:disabled { opacity: 50%;
  }

  .kt-accordion-menu-toggle.active[data-kt-accordion-item] { background-color: var(--accent);
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-menu-toggle { background-color: var(--accent);
  }

  .active[data-kt-accordion-item] > .kt-accordion-menu-toggle[data-kt-accordion-toggle] { background-color: var(--accent);
  }

  .kt-accordion-menu-toggle svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; color: var(--muted-foreground);
  }

  .kt-accordion-menu-link { display: flex; width: 100%; align-items: center; column-gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground);
  }

  @media (hover: hover) {

    .kt-accordion-menu-link:hover { background-color: var(--accent);
    }
  }

  .kt-accordion-menu-link:disabled { pointer-events: none;
  }

  .kt-accordion-menu-link:disabled { opacity: 50%;
  }

  .kt-accordion-menu-link [data-kt-accordion-initialized] .selected { background-color: var(--accent);
  }

  [data-kt-accordion-initialized] .selected .kt-accordion-menu-link { background-color: var(--accent);
  }

  [data-kt-accordion-initialized] .kt-accordion-menu-link.selected { background-color: var(--accent);
  }

  .kt-accordion-menu-link svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; color: var(--muted-foreground);
  }

  .kt-accordion-menu-indicator { margin-inline-start: auto; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); flex-shrink: 0; color: var(--muted-foreground);
  }

  .kt-accordion-menu-indicator.active[data-kt-accordion-item] { rotate: 180deg;
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-menu-indicator { rotate: 180deg;
  }

  .active[data-kt-accordion-item] > .kt-accordion-menu-indicator[data-kt-accordion-toggle] { rotate: 180deg;
  }
}

@layer components {

  .active[data-kt-accordion-item]:is([dir='rtl'] .kt-accordion-menu-indicator) { rotate: calc(180deg * -1);
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] :is([dir='rtl'] .kt-accordion-menu-indicator) { rotate: calc(180deg * -1);
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle]:is([dir='rtl'] .kt-accordion-menu-indicator) { rotate: calc(180deg * -1);
  }
}

@layer components {

  .kt-alert { display: flex; width: 100%; align-items: stretch;
  }

  .kt-alert-title { flex-grow: 1; --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);
  }

  .kt-alert-toolbar { display: flex; align-items: baseline; gap: calc(var(--spacing) * 2.5);
  }

  .kt-alert-actions { display: flex; align-items: center; gap: calc(var(--spacing) * 2);
  }

  .kt-alert-description { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-alert-description p { margin-bottom: calc(var(--spacing) * 2);
  }

  .kt-alert-description p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);
  }

  .kt-alert-content { width: 100%; flex-grow: 1;
  }

  :where(.kt-alert-content > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-alert-content .kt-alert-title { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
  }

  .kt-alert-icon { flex-shrink: 0;
  }

  .kt-alert-close { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; cursor: pointer;
  }

  .kt-alert-close i { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--muted-foreground);
  }

  .kt-alert-close  > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  :is(.kt-alert-close:focus,.kt-alert-close:hover) i,:is(.kt-alert-close:focus,.kt-alert-close:hover)  > svg { color: var(--foreground);
  }

  .kt-alert { gap: calc(var(--spacing) * 2.5); border-radius: var(--radius); padding: calc(var(--spacing) * 3.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-alert .kt-alert-icon svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);
  }

  .kt-alert .kt-alert-toolbar { padding-top: calc(var(--spacing) * 0.25);
  }

  .kt-alert-sm { gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-alert-sm .kt-alert-close { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  :is(.kt-alert-sm .kt-alert-close)  > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-alert-sm .kt-alert-icon svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-alert-lg { gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 4); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-alert-lg .kt-alert-icon svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);
  }

  .kt-alert-lg .kt-alert-toolbar { padding-top: calc(var(--spacing) * 0.75);
  }

  .kt-alert { background-color: var(--muted); color: var(--foreground);
  }

  .kt-alert-primary { background-color: var(--primary); color: var(--primary-foreground);
  }

  .kt-alert-primary .kt-alert-close > svg { color: var(--primary-foreground);
  }

  .kt-alert-destructive { background-color: var(--destructive); color: var(--destructive-foreground);
  }

  .kt-alert-destructive .kt-alert-close > svg { color: var(--destructive-foreground);
  }

  .kt-alert-success { background-color: var(--color-green-500); color: var(--color-white);
  }

  .kt-alert-success .kt-alert-close > svg { color: var(--color-white);
  }

  .kt-alert-info { background-color: var(--color-violet-600); color: var(--color-white);
  }

  .kt-alert-info .kt-alert-close > svg { color: var(--color-white);
  }

  .kt-alert-warning { background-color: var(--color-yellow-500); color: var(--color-white);
  }

  .kt-alert-warning .kt-alert-close > svg { color: var(--color-white);
  }

  .kt-alert-mono { background-color: var(--mono); color: var(--mono-foreground);
  }

  .kt-alert-mono .kt-alert-close > svg { color: var(--mono-foreground);
  }

  .kt-alert-mono.kt-alert-primary .kt-alert-icon { color: var(--primary);
  }

  .kt-alert-mono.kt-alert-success .kt-alert-icon { color: var(--color-green-500);
  }

  .kt-alert-mono.kt-alert-destructive .kt-alert-icon { color: var(--destructive);
  }

  .kt-alert-mono.kt-alert-warning .kt-alert-icon { color: var(--color-yellow-500);
  }

  .kt-alert-mono.kt-alert-info .kt-alert-icon { color: var(--color-violet-600);
  }

  .kt-alert-outline .kt-alert-close { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; cursor: pointer;
  }

  :is(.kt-alert-outline .kt-alert-close)  > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  :is(:is(.kt-alert-outline .kt-alert-close):focus,:is(.kt-alert-outline .kt-alert-close):hover)  > svg { color: var(--foreground);
  }

  .kt-alert-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--foreground);
  }

  .kt-alert-outline.kt-alert-primary { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--primary);
  }

  .kt-alert-outline.kt-alert-destructive { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--destructive);
  }

  .kt-alert-outline.kt-alert-success { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--color-green-500);
  }

  .kt-alert-outline.kt-alert-info { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--color-violet-600);
  }

  .kt-alert-outline.kt-alert-warning { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--color-yellow-500);
  }

  .kt-alert-outline.kt-alert-mono { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--mono);
  }

  .kt-alert-light { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--muted); color: var(--foreground);
  }

  .kt-alert-light .kt-alert-icon > svg { color: var(--muted-foreground);
  }

  .kt-alert-light .kt-alert-close { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; cursor: pointer;
  }

  :is(.kt-alert-light .kt-alert-close)  > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  :is(:is(.kt-alert-light .kt-alert-close):focus,:is(.kt-alert-light .kt-alert-close):hover)  > svg { color: var(--foreground);
  }

  .kt-alert-light.kt-alert-primary { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--primary);
  }

  .kt-alert-light.kt-alert-primary { border-color: rgba(73.725%, 31.373%, 32.157%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-primary { border-color: color-mix(in oklab, rgb(188, 80, 82)  10%, transparent);
    }
  }

  .kt-alert-light.kt-alert-primary { background-color: var(--primary);
  }

  .kt-alert-light.kt-alert-primary { background-color: rgba(73.725%, 31.373%, 32.157%, 0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-primary { background-color: color-mix(in oklab, rgb(188, 80, 82)  5%, transparent);
    }
  }

  .kt-alert-light.kt-alert-primary { color: var(--foreground);
  }

  .kt-alert-light.kt-alert-primary .kt-alert-icon > svg { color: var(--primary);
  }

  .kt-alert-light.kt-alert-destructive { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--destructive);
  }

  .kt-alert-light.kt-alert-destructive { border-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-destructive { border-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-alert-light.kt-alert-destructive { background-color: var(--destructive);
  }

  .kt-alert-light.kt-alert-destructive { background-color: rgba(90.645%, 0%, 4.2228%, 0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-destructive { background-color: color-mix(in oklab, var(--color-red-600)  5%, transparent);
    }
  }

  .kt-alert-light.kt-alert-destructive { color: var(--foreground);
  }

  .kt-alert-light.kt-alert-destructive .kt-alert-icon > svg { color: var(--destructive);
  }

  .kt-alert-light.kt-alert-success { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-green-200); background-color: var(--color-green-50); color: var(--foreground);
  }

  .kt-alert-light.kt-alert-success:is(.dark *) { border-color: rgba(3, 46, 21, 0.5);
  }

  .kt-alert-light.kt-alert-success:is(.dark *) { border-color: rgba(1.1765%, 18.039%, 8.2353%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-success:is(.dark *) { border-color: color-mix(in oklab, rgb(3, 46, 21)  50%, transparent);
    }
  }

  .kt-alert-light.kt-alert-success:is(.dark *) { background-color: rgba(3, 46, 21, 0.3);
  }

  .kt-alert-light.kt-alert-success:is(.dark *) { background-color: rgba(1.1765%, 18.039%, 8.2353%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-success:is(.dark *) { background-color: color-mix(in oklab, rgb(3, 46, 21)  30%, transparent);
    }
  }

  .kt-alert-light.kt-alert-success .kt-alert-icon > svg { color: var(--color-green-500);
  }

  .kt-alert-light.kt-alert-info { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-violet-200); background-color: var(--color-violet-50); color: var(--foreground);
  }

  .kt-alert-light.kt-alert-info:is(.dark *) { border-color: rgba(47, 13, 104, 0.5);
  }

  .kt-alert-light.kt-alert-info:is(.dark *) { border-color: rgba(18.431%, 5.098%, 40.784%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-info:is(.dark *) { border-color: color-mix(in oklab, rgb(47, 13, 104)  50%, transparent);
    }
  }

  .kt-alert-light.kt-alert-info:is(.dark *) { background-color: rgba(47, 13, 104, 0.3);
  }

  .kt-alert-light.kt-alert-info:is(.dark *) { background-color: rgba(18.431%, 5.098%, 40.784%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-info:is(.dark *) { background-color: color-mix(in oklab, rgb(47, 13, 104)  30%, transparent);
    }
  }

  .kt-alert-light.kt-alert-info .kt-alert-icon > svg { color: var(--color-violet-500);
  }

  .kt-alert-light.kt-alert-warning { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-yellow-200); background-color: var(--color-yellow-50); color: var(--foreground);
  }

  .kt-alert-light.kt-alert-warning:is(.dark *) { border-color: rgba(67, 32, 4, 0.5);
  }

  .kt-alert-light.kt-alert-warning:is(.dark *) { border-color: rgba(26.275%, 12.549%, 1.5686%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-warning:is(.dark *) { border-color: color-mix(in oklab, rgb(67, 32, 4)  50%, transparent);
    }
  }

  .kt-alert-light.kt-alert-warning:is(.dark *) { background-color: rgba(67, 32, 4, 0.3);
  }

  .kt-alert-light.kt-alert-warning:is(.dark *) { background-color: rgba(26.275%, 12.549%, 1.5686%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-alert-light.kt-alert-warning:is(.dark *) { background-color: color-mix(in oklab, rgb(67, 32, 4)  30%, transparent);
    }
  }

  .kt-alert-light.kt-alert-warning .kt-alert-icon > svg { color: var(--color-yellow-500);
  }
}

@layer components {

  :where(.kt-form > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-form-item { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2.5);
  }

  :where(.kt-form-control > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-form-control-inline { display: flex; align-items: center; gap: calc(var(--spacing) * 2.5);
  }

  :where(.kt-form-control-inline > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-form-label { display: flex; width: 100%; align-items: center; gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground);
  }

  .kt-form-label:is(:where(.peer):disabled ~ *) { cursor: not-allowed;
  }

  .kt-form-label:is(:where(.peer):disabled ~ *) { opacity: 50%;
  }

  .kt-switch:disabled + .kt-form-label,.kt-checkbox:disabled + .kt-form-label,.kt-radio:disabled + .kt-form-label { cursor: not-allowed; opacity: 50%;
  }

  .kt-form-description { margin-top: calc(var(--spacing) * -1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--secondary-foreground);
  }

  .kt-form-message { margin-top: calc(var(--spacing) * -1); display: none; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--destructive);
  }

  .kt-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--spacing) * 2.5);
  }

  .kt-form-item:has([aria-invalid='true']) .kt-form-message { display: block;
  }

  .kt-form-item:has([aria-invalid='true']) .kt-form-description { display: none;
  }
}

@layer components {

  .kt-badge { display: inline-flex; align-items: center; justify-content: center; background-color: var(--secondary); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; color: var(--accent-foreground);
  }

  .kt-badge:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-badge:focus { --tw-ring-color: var(--ring);
  }

  .kt-badge:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-badge:focus { --tw-outline-style: none; outline-style: none;
  }

  @media (forced-colors: active) {

    .kt-badge:focus { outline: 2px solid transparent; outline-offset: 2px;
    }
  }

  .kt-badge svg { margin-inline-start: -1px;
  }

  .kt-badge svg { flex-shrink: 0;
  }

  .kt-badge-primary { background-color: var(--primary); color: var(--primary-foreground);
  }

  .kt-badge-secondary { background-color: var(--secondary); color: var(--accent-foreground);
  }

  .kt-badge-success { background-color: var(--color-green-500); color: var(--color-white);
  }

  .kt-badge-warning { background-color: var(--color-yellow-400); color: var(--color-white);
  }

  .kt-badge-info { background-color: var(--color-violet-500); color: var(--color-white);
  }

  .kt-badge-mono { background-color: var(--mono); color: var(--mono-foreground);
  }

  .kt-badge-destructive { background-color: var(--destructive); color: var(--destructive-foreground);
  }

  .kt-badge-stroke { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); color: var(--secondary-foreground);
  }

  .kt-badge-disabled { pointer-events: none; opacity: 50%;
  }

  .kt-badge-lg { height: calc(var(--spacing) * 7); min-width: calc(var(--spacing) * 7); gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-inline: 0.5rem; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-badge-lg svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-badge { height: calc(var(--spacing) * 6); min-width: calc(var(--spacing) * 6); gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-inline: 0.45rem; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-badge svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-badge-sm { height: calc(var(--spacing) * 5); min-width: calc(var(--spacing) * 5); gap: calc(var(--spacing) * 1); border-radius: calc(var(--radius) - 4px); padding-inline: 0.325rem; font-size: 0.6875rem; --tw-leading: 0.75rem; line-height: 0.75rem;
  }

  .kt-badge-sm svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);
  }

  .kt-badge-xs { height: calc(var(--spacing) * 4); min-width: calc(var(--spacing) * 4); gap: calc(var(--spacing) * 1); border-radius: calc(var(--radius) - 4px); padding-inline: 0.25rem; font-size: 0.625rem; --tw-leading: 0.5rem; line-height: 0.5rem;
  }

  .kt-badge-xs svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);
  }

  .kt-badge-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--muted); color: var(--secondary-foreground);
  }

  .kt-badge-outline.kt-badge-primary { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-blue-100); background-color: var(--color-blue-50); color: var(--color-blue-700);
  }

  .kt-badge-outline.kt-badge-primary:is(.dark *) { border-color: var(--color-blue-950);
  }

  .kt-badge-outline.kt-badge-primary:is(.dark *) { background-color: rgba(22, 36, 86, 0.5);
  }

  .kt-badge-outline.kt-badge-primary:is(.dark *) { background-color: rgba(8.6275%, 14.118%, 33.725%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-primary:is(.dark *) { background-color: color-mix(in oklab, rgb(22, 36, 86)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-primary:is(.dark *) { color: var(--color-blue-600);
  }

  .kt-badge-outline.kt-badge-secondary { border-color: var(--border); background-color: var(--secondary); color: var(--foreground);
  }

  .kt-badge-outline.kt-badge-secondary:is(.dark *) { background-color: var(--secondary);
  }

  .kt-badge-outline.kt-badge-secondary:is(.dark *) { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-secondary:is(.dark *) { background-color: color-mix(in oklab, var(--color-zinc-100)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-success { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-green-200); background-color: var(--color-green-50); color: var(--color-green-700);
  }

  .kt-badge-outline.kt-badge-success:is(.dark *) { border-color: var(--color-green-950);
  }

  .kt-badge-outline.kt-badge-success:is(.dark *) { background-color: rgba(3, 46, 21, 0.5);
  }

  .kt-badge-outline.kt-badge-success:is(.dark *) { background-color: rgba(1.1765%, 18.039%, 8.2353%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-success:is(.dark *) { background-color: color-mix(in oklab, rgb(3, 46, 21)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-success:is(.dark *) { color: var(--color-green-600);
  }

  .kt-badge-outline.kt-badge-warning.kt-badge-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-yellow-100); background-color: var(--color-yellow-50); color: var(--color-yellow-700);
  }

  .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) { border-color: var(--color-yellow-950);
  }

  .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) { background-color: rgba(67, 32, 4, 0.5);
  }

  .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) { background-color: rgba(26.275%, 12.549%, 1.5686%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) { background-color: color-mix(in oklab, rgb(67, 32, 4)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) { color: var(--color-yellow-600);
  }

  .kt-badge-outline.kt-badge-info.kt-badge-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-violet-100); background-color: var(--color-violet-50); color: var(--color-violet-700);
  }

  .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) { border-color: var(--color-violet-950);
  }

  .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) { background-color: rgba(47, 13, 104, 0.5);
  }

  .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) { background-color: rgba(18.431%, 5.098%, 40.784%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) { background-color: color-mix(in oklab, rgb(47, 13, 104)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) { color: var(--color-violet-600);
  }

  .kt-badge-outline.kt-badge-mono.kt-badge-outline { border-color: var(--mono);
  }

  .kt-badge-outline.kt-badge-mono.kt-badge-outline { border-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-mono.kt-badge-outline { border-color: color-mix(in oklab, var(--color-zinc-950)  10%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-mono.kt-badge-outline { background-color: var(--mono);
  }

  .kt-badge-outline.kt-badge-mono.kt-badge-outline { background-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-mono.kt-badge-outline { background-color: color-mix(in oklab, var(--color-zinc-950)  10%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-mono.kt-badge-outline { color: var(--mono);
  }

  .kt-badge-outline.kt-badge-destructive.kt-badge-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-red-100); background-color: var(--color-red-50); color: var(--color-red-700);
  }

  .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) { border-color: var(--color-red-950);
  }

  .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) { background-color: rgba(70, 8, 9, 0.5);
  }

  .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) { background-color: rgba(27.451%, 3.1373%, 3.5294%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) { background-color: color-mix(in oklab, rgb(70, 8, 9)  50%, transparent);
    }
  }

  .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) { color: var(--color-red-600);
  }

  .kt-badge-light.kt-badge-primary { background-color: var(--color-blue-100); color: var(--color-blue-800);
  }

  .kt-badge-light.kt-badge-primary:is(.dark *) { background-color: rgba(22, 36, 86, 0.5);
  }

  .kt-badge-light.kt-badge-primary:is(.dark *) { background-color: rgba(8.6275%, 14.118%, 33.725%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-primary:is(.dark *) { background-color: color-mix(in oklab, rgb(22, 36, 86)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-primary:is(.dark *) { color: var(--color-blue-600);
  }

  .kt-badge-light.kt-badge-secondary { background-color: var(--secondary); color: var(--secondary-foreground);
  }

  .kt-badge-light.kt-badge-secondary:is(.dark *) { background-color: var(--secondary);
  }

  .kt-badge-light.kt-badge-secondary:is(.dark *) { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-secondary:is(.dark *) { background-color: color-mix(in oklab, var(--color-zinc-100)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-success { background-color: var(--color-green-100); color: var(--color-green-800);
  }

  .kt-badge-light.kt-badge-success:is(.dark *) { background-color: rgba(3, 46, 21, 0.5);
  }

  .kt-badge-light.kt-badge-success:is(.dark *) { background-color: rgba(1.1765%, 18.039%, 8.2353%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-success:is(.dark *) { background-color: color-mix(in oklab, rgb(3, 46, 21)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-success:is(.dark *) { color: var(--color-green-600);
  }

  .kt-badge-light.kt-badge-warning { background-color: var(--color-yellow-100); color: var(--color-yellow-800);
  }

  .kt-badge-light.kt-badge-warning:is(.dark *) { background-color: rgba(67, 32, 4, 0.5);
  }

  .kt-badge-light.kt-badge-warning:is(.dark *) { background-color: rgba(26.275%, 12.549%, 1.5686%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-warning:is(.dark *) { background-color: color-mix(in oklab, rgb(67, 32, 4)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-warning:is(.dark *) { color: var(--color-yellow-600);
  }

  .kt-badge-light.kt-badge-info { background-color: var(--color-violet-100); color: var(--color-violet-800);
  }

  .kt-badge-light.kt-badge-info:is(.dark *) { background-color: rgba(47, 13, 104, 0.5);
  }

  .kt-badge-light.kt-badge-info:is(.dark *) { background-color: rgba(18.431%, 5.098%, 40.784%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-info:is(.dark *) { background-color: color-mix(in oklab, rgb(47, 13, 104)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-info:is(.dark *) { color: var(--color-violet-600);
  }

  .kt-badge-light.kt-badge-mono { background-color: var(--mono);
  }

  .kt-badge-light.kt-badge-mono { background-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-mono { background-color: color-mix(in oklab, var(--color-zinc-950)  10%, transparent);
    }
  }

  .kt-badge-light.kt-badge-mono { color: var(--mono);
  }

  .kt-badge-light.kt-badge-destructive { background-color: var(--color-red-100); color: var(--color-red-800);
  }

  .kt-badge-light.kt-badge-destructive:is(.dark *) { background-color: rgba(70, 8, 9, 0.5);
  }

  .kt-badge-light.kt-badge-destructive:is(.dark *) { background-color: rgba(27.451%, 3.1373%, 3.5294%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-badge-light.kt-badge-destructive:is(.dark *) { background-color: color-mix(in oklab, rgb(70, 8, 9)  50%, transparent);
    }
  }

  .kt-badge-light.kt-badge-destructive:is(.dark *) { color: var(--color-red-600);
  }

  .kt-badge-ghost { background-color: transparent; padding-inline: calc(var(--spacing) * 0);
  }

  .kt-badge-ghost.kt-badge-primary { color: var(--primary);
  }

  .kt-badge-ghost.kt-badge-secondary { color: var(--secondary-foreground);
  }

  .kt-badge-ghost.kt-badge-destructive { color: var(--destructive);
  }

  .kt-badge-ghost.kt-badge-success { color: var(--color-green-500);
  }

  .kt-badge-ghost.kt-badge-warning { color: var(--color-yellow-500);
  }

  .kt-badge-ghost.kt-badge-info { color: var(--color-violet-500);
  }

  .kt-badge-ghost.kt-badge-mono { color: var(--mono);
  }

  .kt-badge-btn { margin-inline-end: calc(var(--spacing) * -0.5); display: inline-flex; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); cursor: pointer; align-items: center; justify-content: center; border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 0); --tw-leading: 1; line-height: 1;
  }

  .kt-badge-btn i { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); opacity: 70%; transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-badge-btn  > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); opacity: 70%; transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.kt-badge-btn:focus,.kt-badge-btn:hover) i,:is(.kt-badge-btn:focus,.kt-badge-btn:hover)  > svg { opacity: 100%;
  }

  .kt-badge-dot { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); border-radius: calc(infinity * 1px); background-color: currentcolor; opacity: 75%;
  }
}

@layer components {

  .kt-link { display: inline-flex; cursor: pointer; align-items: center; border-radius: calc(var(--radius) - 2px); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-link:focus { --tw-outline-style: none; outline-style: none;
  }

  .kt-link:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-link:focus-visible { --tw-ring-color: var(--color-neutral-200);
  }

  .kt-link:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-link:is(.dark *):focus-visible { --tw-ring-color: var(--color-neutral-700);
  }

  .kt-link { color: var(--primary);
  }

  .kt-link-inverse { color: var(--background);
  }

  .kt-link-mono { color: var(--mono);
  }

  .kt-link { gap: calc(var(--spacing) * 1); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height);
  }

  .kt-link svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-link i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-link-sm { gap: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-link-sm svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-link-sm i { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-link-lg { gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-link-lg svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-link-lg i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-link-underline { margin-top: calc(var(--spacing) * -0.5); text-decoration-style: solid;
  }

  @media (hover: hover) {

    .kt-link-underline:hover { text-decoration-line: underline;
    }
  }

  @media (hover: hover) {

    .kt-link-underline:hover { text-underline-offset: 4px;
    }
  }

  .kt-link-underlined { margin-top: calc(var(--spacing) * -0.5); text-decoration-line: underline; text-decoration-style: solid; text-underline-offset: 4px;
  }

  .kt-link-dashed { text-decoration-style: dashed; text-decoration-thickness: 1px;
  }

  .kt-link-disabled { pointer-events: none; opacity: 50%;
  }
}

@layer components {

  .kt-btn { display: inline-flex; cursor: pointer; align-items: center; justify-content: center; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; --tw-ring-offset-color: var(--background); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-btn:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  @media (forced-colors: active) {

    .kt-btn:focus-visible { outline: 2px solid transparent; outline-offset: 2px;
    }
  }

  .kt-btn:disabled { pointer-events: none;
  }

  .kt-btn:disabled { opacity: 50%;
  }

  .kt-btn:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-btn:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-btn:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-btn { flex-shrink: 0; --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-btn svg { flex-shrink: 0;
  }

  .kt-btn { background-color: var(--primary); color: var(--primary-foreground);
  }

  @media (hover: hover) {

    .kt-btn:hover { background-color: var(--primary);
    }

    .kt-btn:hover { background-color: rgba(73.725%, 31.373%, 32.157%, 0.9);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .kt-btn:hover { background-color: color-mix(in oklab, rgb(188, 80, 82)  90%, transparent);
      }
    }
  }

  .kt-btn.active { background-color: var(--primary);
  }

  .kt-btn.active { background-color: rgba(73.725%, 31.373%, 32.157%, 0.9);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn.active { background-color: color-mix(in oklab, rgb(188, 80, 82)  90%, transparent);
    }
  }

  .kt-btn-mono { background-color: var(--mono); color: var(--mono-foreground);
  }

  @media (hover: hover) {

    .kt-btn-mono:hover { background-color: var(--mono);
    }

    .kt-btn-mono:hover { background-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.9);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .kt-btn-mono:hover { background-color: color-mix(in oklab, var(--color-zinc-950)  90%, transparent);
      }
    }
  }

  .kt-btn-mono.active { background-color: var(--mono);
  }

  .kt-btn-mono.active { background-color: rgba(3.5294%, 3.5294%, 4.3137%, 0.9);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-mono.active { background-color: color-mix(in oklab, var(--color-zinc-950)  90%, transparent);
    }
  }

  .kt-btn-destructive { background-color: var(--destructive); color: var(--destructive-foreground);
  }

  @media (hover: hover) {

    .kt-btn-destructive:hover { background-color: var(--destructive);
    }

    .kt-btn-destructive:hover { background-color: rgba(90.645%, 0%, 4.2228%, 0.9);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .kt-btn-destructive:hover { background-color: color-mix(in oklab, var(--color-red-600)  90%, transparent);
      }
    }
  }

  .kt-btn-destructive.active { background-color: var(--destructive);
  }

  .kt-btn-destructive.active { background-color: rgba(90.645%, 0%, 4.2228%, 0.9);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-destructive.active { background-color: color-mix(in oklab, var(--color-red-600)  90%, transparent);
    }
  }

  .kt-btn-secondary { background-color: var(--secondary); color: var(--secondary-foreground);
  }

  @media (hover: hover) {

    .kt-btn-secondary:hover { background-color: var(--secondary);
    }
  }

  @media (hover: hover) {

    .kt-btn-secondary:hover { color: var(--foreground);
    }
  }

  .kt-btn-secondary.active { background-color: var(--secondary);
  }

  .kt-btn-secondary.active { color: var(--foreground);
  }

  .kt-btn-secondary i { color: var(--muted-foreground);
  }

  .kt-btn-secondary svg { color: var(--muted-foreground);
  }

  :is(.kt-btn-secondary:hover,.kt-btn-secondary.active) i { color: var(--muted-foreground);
  }

  :is(.kt-btn-secondary:hover,.kt-btn-secondary.active) svg { color: var(--muted-foreground);
  }

  .kt-btn-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); color: var(--secondary-foreground);
  }

  @media (hover: hover) {

    .kt-btn-outline:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-btn-outline:hover { color: var(--accent-foreground);
    }
  }

  .kt-btn-outline.active { background-color: var(--accent);
  }

  .kt-btn-outline.active { color: var(--accent-foreground);
  }

  .kt-btn-outline i { color: var(--muted-foreground);
  }

  .kt-btn-outline svg { color: var(--muted-foreground);
  }

  :is(.kt-btn-outline:hover,.kt-btn-outline.active) i { color: var(--secondary-foreground);
  }

  :is(.kt-btn-outline:hover,.kt-btn-outline.active) svg { color: var(--secondary-foreground);
  }

  .kt-btn-outline.kt-btn-primary { border-color: var(--primary);
  }

  .kt-btn-outline.kt-btn-primary { border-color: rgba(73.725%, 31.373%, 32.157%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-outline.kt-btn-primary { border-color: color-mix(in oklab, rgb(188, 80, 82)  10%, transparent);
    }
  }

  .kt-btn-outline.kt-btn-primary { background-color: var(--primary);
  }

  .kt-btn-outline.kt-btn-primary { background-color: rgba(73.725%, 31.373%, 32.157%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-outline.kt-btn-primary { background-color: color-mix(in oklab, rgb(188, 80, 82)  10%, transparent);
    }
  }

  .kt-btn-outline.kt-btn-primary { color: var(--primary);
  }

  @media (hover: hover) {

    .kt-btn-outline.kt-btn-primary:hover { background-color: var(--primary);
    }
  }

  @media (hover: hover) {

    .kt-btn-outline.kt-btn-primary:hover { color: var(--primary-foreground);
    }
  }

  .kt-btn-outline.kt-btn-primary.active { border-color: var(--primary);
  }

  .kt-btn-outline.kt-btn-primary.active { background-color: var(--primary);
  }

  .kt-btn-outline.kt-btn-primary.active { color: var(--primary-foreground);
  }

  .kt-btn-outline.kt-btn-primary i { color: var(--primary);
  }

  .kt-btn-outline.kt-btn-primary svg { color: var(--primary);
  }

  :is(.kt-btn-outline.kt-btn-primary:hover,.kt-btn-outline.kt-btn-primary.active) i { color: var(--primary-foreground);
  }

  :is(.kt-btn-outline.kt-btn-primary:hover,.kt-btn-outline.kt-btn-primary.active) svg { color: var(--primary-foreground);
  }

  .kt-btn-outline.kt-btn-destructive { border-color: var(--destructive);
  }

  .kt-btn-outline.kt-btn-destructive { border-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-outline.kt-btn-destructive { border-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-btn-outline.kt-btn-destructive { background-color: var(--destructive);
  }

  .kt-btn-outline.kt-btn-destructive { background-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-btn-outline.kt-btn-destructive { background-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-btn-outline.kt-btn-destructive { color: var(--destructive);
  }

  @media (hover: hover) {

    .kt-btn-outline.kt-btn-destructive:hover { background-color: var(--destructive);
    }
  }

  @media (hover: hover) {

    .kt-btn-outline.kt-btn-destructive:hover { color: var(--destructive-foreground);
    }
  }

  .kt-btn-outline.kt-btn-destructive.active { border-color: var(--destructive);
  }

  .kt-btn-outline.kt-btn-destructive.active { background-color: var(--destructive);
  }

  .kt-btn-outline.kt-btn-destructive.active { color: var(--destructive-foreground);
  }

  .kt-btn-outline.kt-btn-destructive i { color: var(--destructive);
  }

  .kt-btn-outline.kt-btn-destructive svg { color: var(--destructive);
  }

  :is(.kt-btn-outline.kt-btn-destructive:hover,.kt-btn-outline.kt-btn-destructive.active) i { color: var(--destructive-foreground);
  }

  :is(.kt-btn-outline.kt-btn-destructive:hover,.kt-btn-outline.kt-btn-destructive.active) svg { color: var(--destructive-foreground);
  }

  .kt-btn-ghost { background-color: transparent; color: var(--accent-foreground); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {

    .kt-btn-ghost:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-btn-ghost:hover { color: var(--accent-foreground);
    }
  }

  .kt-btn-ghost.active { background-color: var(--accent);
  }

  .kt-btn-ghost.active { color: var(--accent-foreground);
  }

  .kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive) i { color: var(--muted-foreground);
  }

  .kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive) svg { color: var(--muted-foreground);
  }

  :is(.kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive):hover,.kt-btn-ghost.active:not(.kt-btn-primary):not(.kt-btn-destructive)) i { color: var(--secondary-foreground);
  }

  :is(.kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive):hover,.kt-btn-ghost.active:not(.kt-btn-primary):not(.kt-btn-destructive)) svg { color: var(--secondary-foreground);
  }

  .kt-btn-ghost.kt-btn-primary { color: var(--primary);
  }

  @media (hover: hover) {

    .kt-btn-ghost.kt-btn-primary:hover { background-color: var(--primary);
    }
  }

  @media (hover: hover) {

    .kt-btn-ghost.kt-btn-primary:hover { color: var(--primary-foreground);
    }
  }

  .kt-btn-ghost.kt-btn-primary.active { background-color: var(--primary);
  }

  .kt-btn-ghost.kt-btn-primary.active { color: var(--primary-foreground);
  }

  .kt-btn-ghost.kt-btn-destructive { color: var(--destructive);
  }

  @media (hover: hover) {

    .kt-btn-ghost.kt-btn-destructive:hover { background-color: var(--destructive);
    }
  }

  @media (hover: hover) {

    .kt-btn-ghost.kt-btn-destructive:hover { color: var(--destructive-foreground);
    }
  }

  .kt-btn-ghost.kt-btn-destructive.active { background-color: var(--destructive);
  }

  .kt-btn-ghost.kt-btn-destructive.active { color: var(--destructive-foreground);
  }

  .kt-btn-dim { background-color: transparent; color: var(--muted-foreground); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {

    .kt-btn-dim:hover { background-color: transparent;
    }
  }

  @media (hover: hover) {

    .kt-btn-dim:hover { color: var(--foreground);
    }
  }

  .kt-btn-dim.active { background-color: transparent;
  }

  .kt-btn-dim.active { color: var(--foreground);
  }

  .kt-btn-dim i { color: var(--muted-foreground);
  }

  .kt-btn-dim svg { color: var(--muted-foreground);
  }

  :is(.kt-btn-dim:hover,.kt-btn-dim.active) i { color: var(--secondary-foreground);
  }

  :is(.kt-btn-dim:hover,.kt-btn-dim.active) svg { color: var(--secondary-foreground);
  }

  .kt-btn { height: calc(var(--spacing) * 8.5); gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 3); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height);
  }

  .kt-btn svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-btn i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-btn.kt-btn-icon { width: calc(var(--spacing) * 8.5); height: calc(var(--spacing) * 8.5); padding: calc(var(--spacing) * 0);
  }

  .kt-btn-lg { height: calc(var(--spacing) * 10); gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-btn-lg svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-btn-lg i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-btn-lg.kt-btn-icon { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); padding: calc(var(--spacing) * 0);
  }

  .kt-btn-sm { height: calc(var(--spacing) * 7); gap: calc(var(--spacing) * 1.25); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-btn-sm svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-btn-sm i { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-btn-sm.kt-btn-icon { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); padding: calc(var(--spacing) * 0);
  }
}

@layer components {

  .kt-label { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground);
  }

  .kt-switch:disabled + .kt-label,.kt-checkbox:disabled + .kt-label,.kt-radio:disabled + .kt-label { cursor: not-allowed; opacity: 50%;
  }

  .kt-label-secondary { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);
  }
}

@layer components {

  .kt-card { display: flex; flex-direction: column; align-items: stretch; border-radius: calc(var(--radius) + 4px); color: var(--card-foreground);
  }

  .kt-card { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--card); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-card { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-card-header { display: flex; min-height: calc(var(--spacing) * 14); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2.5); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 5);
  }

  .kt-card-footer { display: flex; align-items: center; border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4);
  }

  .kt-card-content { flex-grow: 1; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 5);
  }

  .kt-card-table { display: grid; flex-grow: 1;
  }

  .kt-card-table .kt-table-border { border-style: var(--tw-border-style); border-width: 0px;
  }

  :is(:is(.kt-card-table .kt-table) th,:is(.kt-card-table .kt-table) td):first-child { padding-inline-start: calc(var(--spacing) * 5);
  }

  :is(:is(.kt-card-table .kt-table) th,:is(.kt-card-table .kt-table) td):last-child { padding-inline-end: calc(var(--spacing) * 5);
  }

  .kt-card-grid .kt-card-header,.kt-card-grid .kt-card-footer { padding-inline: calc(var(--spacing) * 5);
  }

  .kt-card-grid .kt-card-content { padding: 0;
  }

  :is(.kt-card-grid .kt-card-content) .kt-table { border: 0;
  }

  :is(:is(.kt-card-grid .kt-card-content) .kt-table) th:first-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:first-child { padding-inline-start: calc(var(--spacing) * 5);
  }

  .kt-table-cell-center:is(:is(:is(.kt-card-grid .kt-card-content) .kt-table) th:first-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:first-child) { padding-inline-end: calc(var(--spacing) * 5);
  }

  :is(:is(.kt-card-grid .kt-card-content) .kt-table) th:last-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:last-child { padding-inline-end: calc(var(--spacing) * 5);
  }

  .table-cell-center:is(:is(:is(.kt-card-grid .kt-card-content) .kt-table) th:last-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:last-child) { padding-inline-start: calc(var(--spacing) * 5);
  }

  :where(.kt-card-heading > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-card-toolbar { display: flex; align-items: center; gap: calc(var(--spacing) * 2.5);
  }

  .kt-card-title { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);
  }

  .kt-card-description { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--muted-foreground);
  }

  .kt-card-group { flex-grow: 1; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 5);
  }

  .kt-card-group:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;
  }

  .kt-card-group + .kt-card-footer { border-top-style: var(--tw-border-style); border-top-width: 0px;
  }

  .kt-card-accent { background-color: var(--muted); padding: calc(var(--spacing) * 1); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-card-accent { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-card-accent .kt-card-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;
  }

  .kt-card-accent .kt-card-content { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px); background-color: var(--card);
  }

  :is(.kt-card-accent .kt-card-content):last-child { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .kt-card-accent .kt-card-table { border-radius: calc(var(--radius) + 4px); background-color: var(--card);
  }

  :is(.kt-card-accent .kt-card-table):last-child { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .kt-card-accent .kt-card-footer { margin-top: 2px; border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px); border-top-style: var(--tw-border-style); border-top-width: 0px; background-color: var(--card);
  }

  .kt-card-border { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border);
  }

  .kt-card-rounded-t { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px);
  }

  .kt-card-rounded-b { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px);
  }
}

@layer components {

  .kt-checkbox { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: center; background-repeat: no-repeat; flex-shrink: 0; border-radius: calc(var(--radius) - 4px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); --tw-ring-offset-color: var(--background);
  }

  .kt-checkbox:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  .kt-checkbox:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-checkbox:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-checkbox:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-checkbox:disabled { cursor: not-allowed;
  }

  .kt-checkbox:disabled { opacity: 50%;
  }

  .kt-checkbox[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-checkbox[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-checkbox[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-checkbox[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-checkbox[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-checkbox[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-checkbox:checked { border-color: var(--primary);
  }

  .kt-checkbox:checked { background-color: var(--primary);
  }

  .kt-checkbox:checked { color: var(--primary-foreground);
  }

  .kt-checkbox:indeterminate { border-color: var(--primary);
  }

  .kt-checkbox:indeterminate { background-color: var(--primary);
  }

  .kt-checkbox:indeterminate { color: var(--primary-foreground);
  }

  .kt-checkbox-mono:checked { border-color: var(--mono);
  }

  .kt-checkbox-mono:checked { background-color: var(--mono);
  }

  .kt-checkbox-mono:checked { color: var(--mono-foreground);
  }

  .kt-checkbox-mono:indeterminate { border-color: var(--mono);
  }

  .kt-checkbox-mono:indeterminate { background-color: var(--mono);
  }

  .kt-checkbox-mono:indeterminate { color: var(--mono-foreground);
  }

  .kt-checkbox { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5);
  }

  .kt-checkbox:checked,.kt-checkbox[aria-checked='true'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3E%3C/svg%3E");
  }

  .kt-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
  }

  .kt-checkbox { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);
  }

  .kt-checkbox-sm { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5);
  }

  .kt-checkbox-sm:checked,.kt-checkbox-sm[aria-checked='true'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M8.4932 0.233321L4.03986 4.68665L1.4532 2.09999C1.32829 1.97582 1.15932 1.90613 0.983198 1.90613C0.807074 1.90613 0.638106 1.97582 0.513198 2.09999C0.38903 2.2249 0.319336 2.39386 0.319336 2.56999C0.319336 2.74611 0.38903 2.91508 0.513198 3.03999L3.5732 6.09999C3.69811 6.22415 3.86707 6.29385 4.0432 6.29385C4.21932 6.29385 4.38829 6.22415 4.5132 6.09999L9.4332 1.17999C9.49568 1.11801 9.54528 1.04428 9.57912 0.963038C9.61297 0.881799 9.6304 0.794662 9.6304 0.706655C9.6304 0.618647 9.61297 0.53151 9.57912 0.45027C9.54528 0.369031 9.49568 0.295296 9.4332 0.233321C9.30829 0.109154 9.13932 0.0394592 8.9632 0.0394592C8.78707 0.0394592 8.61811 0.109154 8.4932 0.233321Z' fill='white'/%3E%3C/svg%3E");
  }

  .kt-checkbox-sm:indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
  }

  .kt-checkbox-lg { width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5);
  }

  .kt-checkbox-lg:checked,.kt-checkbox-lg[aria-checked='true'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M11.8035 1.19582L5.68018 7.31915L2.12351 3.76249C1.95176 3.59176 1.71943 3.49593 1.47726 3.49593C1.23509 3.49593 1.00276 3.59176 0.831013 3.76249C0.660283 3.93424 0.564453 4.16657 0.564453 4.40874C0.564453 4.65091 0.660283 4.88324 0.831013 5.05499L5.03851 9.26249C5.21026 9.43322 5.44259 9.52905 5.68476 9.52905C5.92693 9.52905 6.15926 9.43322 6.33101 9.26249L13.096 2.49749C13.1819 2.41227 13.2501 2.31089 13.2967 2.19918C13.3432 2.08748 13.3672 1.96766 13.3672 1.84665C13.3672 1.72564 13.3432 1.60583 13.2967 1.49413C13.2501 1.38242 13.1819 1.28104 13.096 1.19582C12.9243 1.02509 12.6919 0.92926 12.4498 0.92926C12.2076 0.92926 11.9753 1.02509 11.8035 1.19582Z' fill='white'/%3E%3C/svg%3E");
  }

  .kt-checkbox-lg:indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-checkbox) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-checkbox) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-checkbox) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-checkbox) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  .kt-datatable-toolbar { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--muted-foreground);
  }

  @media (min-width: 40rem) {

    .kt-datatable-toolbar { flex-direction: row;
    }
  }

  @media (min-width: 40rem) {

    .kt-datatable-toolbar { justify-content: space-between;
    }
  }

  .kt-datatable-pagination { display: flex; align-items: center; gap: calc(var(--spacing) * 1);
  }

  .kt-datatable-pagination .kt-datatable-pagination-button { display: inline-flex; height: calc(var(--spacing) * 7); min-width: calc(var(--spacing) * 7); cursor: pointer; align-items: center; justify-content: center; border-radius: calc(var(--radius) - 2px); background-color: transparent; padding-inline: calc(var(--spacing) * 0.5); color: var(--muted-foreground);
  }

  .active:is(.kt-datatable-pagination .kt-datatable-pagination-button),:is(.kt-datatable-pagination .kt-datatable-pagination-button):hover:not(:disabled) { background-color: var(--accent); color: var(--accent-foreground);
  }

  .kt-datatable-pagination-prev:is(.kt-datatable-pagination .kt-datatable-pagination-button) { color: var(--foreground);
  }

  .kt-datatable-pagination-next:is(.kt-datatable-pagination .kt-datatable-pagination-button) { color: var(--foreground);
  }

  :is(.kt-datatable-pagination .kt-datatable-pagination-button):disabled { cursor: default; color: var(--muted-foreground);
  }

  .kt-datatable-length { display: flex; align-items: center; gap: calc(var(--spacing) * 2); white-space: nowrap;
  }

  .kt-datatable-info { display: flex; align-items: center; gap: calc(var(--spacing) * 4);
  }

  .kt-datatable-loading { display: flex; align-items: center; gap: calc(var(--spacing) * 2); border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--card); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--card-foreground); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-datatable-loading { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-datatable-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center; z-index: 10;
  }

  [data-kt-datatable] { position: relative;
  }

  [data-kt-datatable].loading table { opacity: 0.6;
  }
}

@layer components {

  .kt-drawer { position: fixed; inset: calc(var(--spacing) * 0); z-index: 10; flex-direction: column; background-color: var(--popover); color: var(--popover-foreground); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); --tw-outline-style: none; outline-style: none;
  }

  .kt-drawer-backdrop { position: fixed; inset: calc(var(--spacing) * 0); background-color: rgba(0, 0, 0, 0.3);
  }

  .kt-drawer-backdrop { background-color: rgba(0%, 0%, 0%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-drawer-backdrop { background-color: color-mix(in oklab, #000  30%, transparent);
    }
  }

  .kt-drawer-backdrop { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms;
  }

  .kt-drawer-header { display: flex; align-items: center; justify-content: space-between; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding: calc(var(--spacing) * 5);
  }

  .kt-drawer-title { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--mono);
  }

  .kt-drawer-close { margin-inline-end: calc(var(--spacing) * -2.5); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); flex-shrink: 0; cursor: pointer;
  }

  .kt-drawer-close i { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); opacity: 70%;
  }

  .kt-drawer-close  > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); opacity: 70%;
  }

  :is(.kt-drawer-close:focus,.kt-drawer-close:hover) i { opacity: 100%;
  }

  :is(.kt-drawer-close:focus,.kt-drawer-close:hover)  > svg { opacity: 100%;
  }

  .kt-drawer-content { flex-grow: 1; overflow-y: auto; padding: calc(var(--spacing) * 5);
  }

  .kt-drawer-footer { display: flex; align-items: center; justify-content: space-between; border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border); padding: calc(var(--spacing) * 5);
  }

  .kt-drawer-start { inset-inline-end: auto; max-width: 90%; --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-start.open[data-kt-drawer-initialized] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .open[data-kt-drawer-initialized] .kt-drawer-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-end { inset-inline-start: auto; max-width: 90%; --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-end.open[data-kt-drawer-initialized] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .open[data-kt-drawer-initialized] .kt-drawer-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-top { inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * 0); top: auto; bottom: calc(var(--spacing) * 0); max-height: 90%; --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-top.open[data-kt-drawer-initialized] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .open[data-kt-drawer-initialized] .kt-drawer-top { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-bottom { inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: auto; max-height: 90%; --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer-bottom.open[data-kt-drawer-initialized] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .open[data-kt-drawer-initialized] .kt-drawer-bottom { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer.open .kt-drawer-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer.open .kt-drawer-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer.open .kt-drawer-top { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-drawer.open .kt-drawer-bottom { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@layer components {

  .kt-dropdown { border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-dropdown { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-dropdown:not(.open) { display: none;
  }

  .kt-dropdown-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
  }

  .kt-dropdown-body { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3);
  }
}

@layer components {

  :where(.kt-dropdown-menu > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-dropdown-menu { border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); padding: calc(var(--spacing) * 2); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-dropdown-menu { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-dropdown-menu:not(.open) { display: none;
  }

  .kt-dropdown-menu-sub { width: 100%;
  }

  :where(.kt-dropdown-menu-sub > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-dropdown-menu-toggle { display: flex; width: 100%; cursor: pointer; align-items: center; column-gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .kt-dropdown-menu-toggle:disabled { pointer-events: none;
  }

  .kt-dropdown-menu-toggle:disabled { opacity: 50%;
  }

  .kt-dropdown-menu-toggle { color: var(--foreground);
  }

  @media (hover: hover) {

    .kt-dropdown-menu-toggle:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-dropdown-menu-toggle:hover { color: var(--accent-foreground);
    }
  }

  .open[data-kt-dropdown-initialized] > .kt-dropdown-menu-toggle[data-kt-dropdown-toggle] { background-color: var(--accent);
  }

  .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-menu-toggle { background-color: var(--accent);
  }

  .open[data-kt-dropdown-initialized] > .kt-dropdown-menu-toggle[data-kt-dropdown-toggle] { color: var(--accent-foreground);
  }

  .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-menu-toggle { color: var(--accent-foreground);
  }

  .kt-dropdown-menu-toggle .kt-dropdown-menu-indicator { margin-inline-start: auto; display: inline-flex; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); flex-shrink: 0; align-items: center; color: var(--muted-foreground);
  }

  .kt-dropdown-menu-toggle i { flex-shrink: 0; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--muted-foreground);
  }

  .kt-dropdown-menu-toggle svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; color: var(--muted-foreground);
  }

  .kt-dropdown-menu-link { display: flex; width: 100%; cursor: pointer; align-items: center; column-gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .kt-dropdown-menu-link:disabled { pointer-events: none;
  }

  .kt-dropdown-menu-link:disabled { opacity: 50%;
  }

  .kt-dropdown-menu-link { color: var(--foreground);
  }

  @media (hover: hover) {

    .kt-dropdown-menu-link:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-dropdown-menu-link:hover { color: var(--accent-foreground);
    }
  }

  .kt-dropdown-menu-link [data-kt-dropdown-initialized] .selected { background-color: var(--accent);
  }

  [data-kt-dropdown-initialized] .selected .kt-dropdown-menu-link { background-color: var(--accent);
  }

  [data-kt-dropdown-initialized] .kt-dropdown-menu-link.selected { background-color: var(--accent);
  }

  .kt-dropdown-menu-link [data-kt-dropdown-initialized] .selected { color: var(--accent-foreground);
  }

  [data-kt-dropdown-initialized] .selected .kt-dropdown-menu-link { color: var(--accent-foreground);
  }

  [data-kt-dropdown-initialized] .kt-dropdown-menu-link.selected { color: var(--accent-foreground);
  }

  .kt-dropdown-menu-link i { flex-shrink: 0; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--muted-foreground);
  }

  .kt-dropdown-menu-link svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; color: var(--muted-foreground);
  }

  .kt-dropdown-menu-separator { margin-inline: calc(var(--spacing) * -2); margin-block: calc(var(--spacing) * 2.5); height: 1px; background-color: var(--border);
  }

  .kt-dropdown-menu-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { rotate: 180deg;
  }

  .kt-dropdown-menu-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }
}

@layer components {

  .kt-image-input { position: relative; display: inline-flex; width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); cursor: pointer; align-items: center; justify-content: center;
  }

  .kt-image-input input[type='file'] { position: absolute; width: calc(var(--spacing) * 0); height: calc(var(--spacing) * 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0%;
  }

  .kt-image-input-remove { position: absolute; inset-inline-end: calc(var(--spacing) * 0.25); top: calc(var(--spacing) * 0.25); z-index: 1; display: flex; width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); cursor: pointer; align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--background); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-image-input-remove i { font-size: 11px; color: var(--muted-foreground);
  }

  .kt-image-input-remove svg { width: calc(var(--spacing) * 3.25); height: calc(var(--spacing) * 3.25); color: var(--muted-foreground);
  }

  .kt-image-input-remove:hover i { color: var(--foreground);
  }

  .kt-image-input-remove:hover svg { color: var(--foreground);
  }

  .kt-image-input-placeholder { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-size: cover; background-repeat: no-repeat;
  }

  .empty[data-kt-image-input-initialized] .kt-image-input-placeholder { border-color: var(--border);
  }

  .kt-image-input-preview { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: calc(infinity * 1px); background-size: cover; background-repeat: no-repeat;
  }
}

@layer components {

  .kt-input { display: block; width: 100%; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); color: var(--foreground); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-input { outline-style: var(--tw-outline-style); outline-width: 0px; transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-input::placeholder { color: var(--muted-foreground);
  }

  .kt-input:focus-visible { border-color: var(--ring);
  }

  .kt-input:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-input:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-input:focus-visible { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  30%, transparent);
    }
  }

  .kt-input:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  .kt-input:disabled { cursor: not-allowed;
  }

  .kt-input:disabled { opacity: 60%;
  }

  .kt-input::-webkit-file-upload-button { height: 100%;
  }

  .kt-input::file-selector-button { height: 100%;
  }

  .kt-input[type=file] { padding-block: calc(var(--spacing) * 0);
  }

  .kt-input::-webkit-file-upload-button { border-style: var(--tw-border-style); border-width: 0px;
  }

  .kt-input::file-selector-button { border-style: var(--tw-border-style); border-width: 0px;
  }

  .kt-input::-webkit-file-upload-button { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;
  }

  .kt-input::file-selector-button { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;
  }

  .kt-input::-webkit-file-upload-button { --tw-border-style: solid; border-style: solid;
  }

  .kt-input::file-selector-button { --tw-border-style: solid; border-style: solid;
  }

  .kt-input::-webkit-file-upload-button { border-color: var(--input);
  }

  .kt-input::file-selector-button { border-color: var(--input);
  }

  .kt-input::-webkit-file-upload-button { background-color: transparent;
  }

  .kt-input::file-selector-button { background-color: transparent;
  }

  .kt-input::-webkit-file-upload-button { padding: calc(var(--spacing) * 0);
  }

  .kt-input::file-selector-button { padding: calc(var(--spacing) * 0);
  }

  .kt-input::-webkit-file-upload-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .kt-input::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .kt-input::-webkit-file-upload-button { color: var(--foreground);
  }

  .kt-input::file-selector-button { color: var(--foreground);
  }

  .kt-input::-webkit-file-upload-button { font-style: normal;
  }

  .kt-input::file-selector-button { font-style: normal;
  }

  .kt-input[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-input[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-input[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-input[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-input { height: calc(var(--spacing) * 8.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 3); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height);
  }

  .kt-input::-webkit-file-upload-button { margin-inline-end: calc(var(--spacing) * 3);
  }

  .kt-input::file-selector-button { margin-inline-end: calc(var(--spacing) * 3);
  }

  .kt-input::-webkit-file-upload-button { padding-inline-end: calc(var(--spacing) * 3);
  }

  .kt-input::file-selector-button { padding-inline-end: calc(var(--spacing) * 3);
  }

  .kt-input-lg { height: calc(var(--spacing) * 10); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-input-lg::-webkit-file-upload-button { margin-inline-end: calc(var(--spacing) * 4);
  }

  .kt-input-lg::file-selector-button { margin-inline-end: calc(var(--spacing) * 4);
  }

  .kt-input-lg::-webkit-file-upload-button { padding-inline-end: calc(var(--spacing) * 4);
  }

  .kt-input-lg::file-selector-button { padding-inline-end: calc(var(--spacing) * 4);
  }

  .kt-input-sm { height: calc(var(--spacing) * 7); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-input-sm::-webkit-file-upload-button { margin-inline-end: calc(var(--spacing) * 2.5);
  }

  .kt-input-sm::file-selector-button { margin-inline-end: calc(var(--spacing) * 2.5);
  }

  .kt-input-sm::-webkit-file-upload-button { padding-inline-end: calc(var(--spacing) * 2.5);
  }

  .kt-input-sm::file-selector-button { padding-inline-end: calc(var(--spacing) * 2.5);
  }
}

@layer components {

  .kt-input:not(input) { display: flex; align-items: center; gap: calc(var(--spacing) * 1.5);
  }

  .kt-input:not(input):has(input:focus-visible) { border-color: var(--ring); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--ring);
  }

  .kt-input:not(input):has(input:focus-visible) { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input:not(input):has(input:focus-visible) { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  30%, transparent);
    }
  }

  .kt-input:not(input):has(input:focus-visible) { --tw-outline-style: none; outline-style: none;
  }

  .kt-input:not(input) input { display: flex; height: auto; width: 100%; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; padding: calc(var(--spacing) * 0); color: var(--foreground); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-outline-style: none; outline-style: none;
  }

  :is(.kt-input:not(input) input)::placeholder { color: var(--muted-foreground);
  }

  :is(.kt-input:not(input) input):focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.kt-input:not(input) input):disabled { cursor: not-allowed;
  }

  :is(.kt-input:not(input) input):disabled { opacity: 50%;
  }

  .kt-input:not(input) input { font-size: inherit; list-style: inherit;
  }

  .kt-input:not(input) i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--muted-foreground);
  }

  .kt-input:not(input) svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  .kt-input.kt-input-sm:not(input) { gap: calc(var(--spacing) * 1.25);
  }

  .kt-input.kt-input-sm:not(input) i { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-input.kt-input-sm:not(input) svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); color: var(--muted-foreground);
  }

  .kt-input.kt-input-lg:not(input) { gap: calc(var(--spacing) * 1.5);
  }

  .kt-input.kt-input-lg:not(input) i { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .kt-input.kt-input-lg:not(input) svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }
}

@layer components {

  .kt-input-addon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--muted); color: var(--secondary-foreground); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-input-addon { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-input-addon { height: calc(var(--spacing) * 8.5); min-width: calc(var(--spacing) * 8.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 3); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height);
  }

  .kt-input-addon i { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .kt-input-addon svg { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5);
  }

  .kt-input-addon.kt-input-addon-sm { height: calc(var(--spacing) * 7); min-width: calc(var(--spacing) * 7); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-input-addon.kt-input-addon-sm i { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .kt-input-addon.kt-input-addon-sm svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-input-addon.kt-input-addon-lg { height: calc(var(--spacing) * 10); min-width: calc(var(--spacing) * 10); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-input-addon.kt-input-addon-lg i { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .kt-input-addon.kt-input-addon-lg svg { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5);
  }

  .kt-input-addon.kt-input-addon-icon { padding-inline: calc(var(--spacing) * 0);
  }
}

@layer components {

  .kt-input-ghost { border-style: var(--tw-border-style); border-width: 0px; background-color: var(--background); padding: calc(var(--spacing) * 0); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-input-ghost:focus-visible { border-style: var(--tw-border-style); border-width: 0px;
  }

  .kt-input-ghost:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-input) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  .kt-input-group { position: relative; display: flex; align-items: stretch;
  }

  .kt-input-group .kt-input { z-index: 1; flex-grow: 1;
  }

  .kt-input-group .kt-input-addon:has( + .kt-input) { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; border-inline-end-style: var(--tw-border-style) !important; border-inline-end-width: 0px !important;
  }

  .kt-input-group .kt-input + .kt-input-addon { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important;
  }

  .kt-input-group .kt-input-addon:has( + .kt-btn) { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important;
  }

  .kt-input-group .kt-input + .kt-btn { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important;
  }

  .kt-input-group .kt-input + .kt-btn.kt-btn-outline { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 0px !important;
  }

  .kt-input-group .kt-btn + .kt-input,.kt-input-group .kt-input-addon + .kt-input { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important;
  }

  .kt-input-group .kt-input:has( + .kt-btn),.kt-input-group .kt-input:has( + .kt-input-addon) { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important;
  }
}

@layer components {

  .kt-modal { position: fixed; inset: calc(var(--spacing) * 0); overflow: auto; padding: calc(var(--spacing) * 4);
  }

  .kt-modal:not(.open) { display: none;
  }

  .kt-modal-backdrop { position: fixed; inset: calc(var(--spacing) * 0); background-color: rgba(0, 0, 0, 0.3);
  }

  .kt-modal-backdrop { background-color: rgba(0%, 0%, 0%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-modal-backdrop { background-color: color-mix(in oklab, #000  30%, transparent);
    }
  }

  .kt-modal-backdrop { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms;
  }

  .kt-modal-close { margin-inline-end: calc(var(--spacing) * -2.5); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); flex-shrink: 0; cursor: pointer;
  }

  .kt-modal-close i { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); opacity: 70%;
  }

  .kt-modal-close  > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); opacity: 70%;
  }

  :is(.kt-modal-close:focus,.kt-modal-close:hover) i { opacity: 100%;
  }

  :is(.kt-modal-close:focus,.kt-modal-close:hover)  > svg { opacity: 100%;
  }

  .kt-modal-dialog { position: fixed; inset-inline-start: calc(1/2 * 100%); top: calc(1/2 * 100%); display: none; --tw-translate-x: calc(calc(1/2 * 100%) * -1); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); overflow: auto; padding: calc(var(--spacing) * 4);
  }

  .kt-modal-content { position: relative; margin-inline: auto; display: flex; flex-direction: column; border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-modal-header { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4);
  }

  .kt-modal-title { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--mono);
  }

  .kt-modal-body { overflow-y: auto; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4);
  }

  .kt-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4);
  }

  .kt-modal-center:not(.kt-modal-fit) .kt-modal-content { top: calc(1/2 * 100%); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-modal-fit { overflow: visible; padding: calc(var(--spacing) * 0);
  }

  .kt-modal-fit.kt-modal-center { inset-inline-start: calc(1/2 * 100%); top: calc(1/2 * 100%); --tw-translate-x: calc(calc(1/2 * 100%) * -1); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@layer components {

  .kt-radio { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: center; background-repeat: no-repeat; flex-shrink: 0; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); --tw-ring-offset-color: var(--background);
  }

  .kt-radio:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  .kt-radio:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-radio:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-radio:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-radio:disabled { cursor: not-allowed;
  }

  .kt-radio:disabled { opacity: 50%;
  }

  .kt-radio[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-radio[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-radio[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-radio[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-radio[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-radio[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-radio[aria-invalid="true"]:is(.dark *) { border-color: var(--destructive);
  }

  .kt-radio[aria-invalid="true"]:is(.dark *) { --tw-ring-color: var(--destructive);
  }

  .kt-radio[aria-invalid="true"]:is(.dark *) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-radio[aria-invalid="true"]:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }

  .kt-radio:checked { border-color: var(--primary);
  }

  .kt-radio:checked { background-color: var(--primary);
  }

  .kt-radio:checked { color: var(--primary-foreground);
  }

  .kt-radio:indeterminate { border-color: var(--primary);
  }

  .kt-radio:indeterminate { background-color: var(--primary);
  }

  .kt-radio:indeterminate { color: var(--primary-foreground);
  }

  .kt-radio:checked,.kt-radio[aria-checked='true'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10.9995' cy='11' r='5.86667' fill='white'/%3E%3C/svg%3E");
  }

  .kt-radio { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);
  }

  .kt-radio-sm { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5);
  }

  .kt-radio-lg { width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5);
  }

  .kt-radio-mono:checked { border-color: var(--mono);
  }

  .kt-radio-mono:checked { background-color: var(--mono);
  }

  .kt-radio-mono:checked { color: var(--mono-foreground);
  }

  .kt-radio-mono:indeterminate { border-color: var(--mono);
  }

  .kt-radio-mono:indeterminate { background-color: var(--mono);
  }

  .kt-radio-mono:indeterminate { color: var(--mono-foreground);
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-radio) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-radio) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-radio) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-radio) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  :root { --kt-scrollable-scrollbar-size: 5px; --kt-scrollable-thumb-color: var(--color-accent);
  }

  .kt-scrollable::-webkit-scrollbar { width: var(--kt-scrollable-scrollbar-size); height: var(--kt-scrollable-scrollbar-size);
  }

  .kt-scrollable::-webkit-scrollbar-track { background: transparent;
  }

  .kt-scrollable::-webkit-scrollbar-thumb { background: var(--kt-scrollable-thumb-color); border-radius: var(--kt-scrollable-scrollbar-size);
  }

  @-moz-document url-prefix() {

    .kt-scrollable { scrollbar-width: thin; scrollbar-color: var(--kt-scrollable-thumb-color) transparent;
    }
  }
}

@layer components {

  .kt-select { display: flex; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; align-items: center; gap: calc(var(--spacing) * 2); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); padding-block: calc(var(--spacing) * 0); color: var(--foreground); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-select { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-select::placeholder { color: var(--muted-foreground);
  }

  .kt-select::placeholder { color: rgba(44.314%, 44.314%, 48.235%, 0.8);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select::placeholder { color: color-mix(in oklab, var(--color-zinc-500)  80%, transparent);
    }
  }

  .kt-select:focus-visible { border-color: var(--ring);
  }

  .kt-select:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-select:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-select:focus-visible { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  30%, transparent);
    }
  }

  .kt-select:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  .kt-select:disabled { cursor: not-allowed;
  }

  .kt-select:disabled { opacity: 60%;
  }

  .kt-select[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-select[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-select[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-select[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-select { background-repeat: no-repeat; background-size: 14px 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239f9fa9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  }

  .dark .kt-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239f9fa9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  }

  .kt-select[multiple],.kt-select[size]:not([size='1']) { padding-inline-end: var(--btn-default-px); background-image: none;
  }

  .kt-select:-moz-focusring { color: transparent; text-shadow: none;
  }

  .kt-select.active { border-color: var(--ring); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--ring);
  }

  .kt-select.active { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select.active { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  30%, transparent);
    }
  }

  .kt-select.active { --tw-outline-style: none; outline-style: none;
  }

  .kt-select.disabled { cursor: not-allowed; opacity: 60%;
  }

  .kt-select-label { display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }

  .kt-select-arrow { margin-inline-start: auto;
  }

  .kt-select-arrow svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  .kt-select-search { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 1);
  }

  .kt-select-search .kt-input { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-select-search-empty { padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--muted-foreground);
  }

  .kt-select-loading { padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--muted-foreground);
  }

  .kt-select-dropdown { border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select-dropdown { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-select-select-all { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1);
  }

  .kt-select-select-all-button { width: 100%; cursor: pointer; border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 1.5); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  @media (hover: hover) {

    .kt-select-select-all-button:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-select-select-all-button:hover { color: var(--accent-foreground);
    }
  }

  :where(.kt-select-options > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  .kt-select-options { padding: calc(var(--spacing) * 1);
  }

  .kt-select-wrapper { width: 100%;
  }

  .kt-select-wrapper.disabled { pointer-events: none; opacity: 60%;
  }

  .kt-select-option { display: flex; flex-grow: 1; cursor: pointer; align-items: center; gap: calc(var(--spacing) * 2.5); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1.75); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  @media (hover: hover) {

    .kt-select-option:hover { background-color: var(--accent);
    }
  }

  @media (hover: hover) {

    .kt-select-option:hover { color: var(--accent-foreground);
    }
  }

  .kt-select-option[aria-disabled='true'],.kt-select-option.disabled { pointer-events: none; opacity: 60%;
  }

  .kt-select-option.focused,.kt-select-option.hover,.kt-select-option.highlighted { background-color: var(--accent); color: var(--accent-foreground);
  }

  .kt-select-option-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  }

  .kt-select-group { padding-block: calc(var(--spacing) * 1);
  }

  .kt-select-group-header { padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--muted-foreground); text-transform: uppercase;
  }

  .kt-select-placeholder { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--muted-foreground);
  }

  .kt-select-display:not([data-multiple='true']) { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  }

  .kt-select-tag { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--accent);
  }

  .kt-select-tag { background-color: rgba(95.686%, 95.686%, 96.078%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select-tag { background-color: color-mix(in oklab, var(--color-zinc-100)  10%, transparent);
    }
  }

  .kt-select-tag { color: var(--accent-foreground); max-width: 200px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-leading: var(--leading-tight); line-height: var(--leading-tight);
  }

  .kt-select-tag-remove { display: flex; height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); color: var(--muted-foreground);
  }

  @media (hover: hover) {

    .kt-select-tag-remove:hover { background-color: var(--accent);
    }

    .kt-select-tag-remove:hover { background-color: rgba(95.686%, 95.686%, 96.078%, 0.2);
    }

    @supports (color: color-mix(in lab, red, red)) {

      .kt-select-tag-remove:hover { background-color: color-mix(in oklab, var(--color-zinc-100)  20%, transparent);
      }
    }
  }

  @media (hover: hover) {

    .kt-select-tag-remove:hover { color: var(--accent-foreground);
    }
  }

  .kt-select-tag-remove { cursor: pointer; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; flex-shrink: 0; opacity: 100%;
  }

  @media (hover: hover) {

    .kt-select-tag-remove:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .kt-select-tag-remove svg { height: calc(var(--spacing) * 3.5); width: calc(var(--spacing) * 3.5); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms;
  }

  .kt-select-tag-remove:hover svg { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .kt-select-display[data-multiple='true'] { display: flex; min-height: 3rem; flex-wrap: wrap; align-items: center; gap: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 3); width: 100%; border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background);
  }

  .kt-select-display[data-multiple='true']:focus-within { border-color: var(--ring);
  }

  .kt-select-display[data-multiple='true']:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-select-display[data-multiple='true']:focus-within { --tw-ring-color: var(--ring);
  }

  .kt-select-display[data-multiple='true']:focus-within { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-select-display[data-multiple='true']:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  20%, transparent);
    }
  }

  .kt-select-display[data-multiple='true'] { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms;
  }
}

@layer components {

  .kt-select { height: calc(var(--spacing) * 8.5); gap: calc(var(--spacing) * 1); border-radius: calc(var(--radius) - 2px); padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 6); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height); background-position: right 0.5rem center;
  }

  .kt-select[data-multiple='true'] { height: auto; min-height: calc(var(--spacing) * 8.5); flex-wrap: wrap; padding-block: calc(var(--spacing) * 1.5); background-position: right 0.5rem top 0.675rem;
  }

  .kt-select-sm { height: calc(var(--spacing) * 7); gap: calc(var(--spacing) * 1); border-radius: calc(var(--radius) - 2px); padding-inline-start: calc(var(--spacing) * 2.5); padding-inline-end: calc(var(--spacing) * 5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); background-position: right 0.5rem center;
  }

  .kt-select-sm[data-multiple='true'] { height: auto; min-height: calc(var(--spacing) * 7); background-position: right 0.5rem top 0.575rem;
  }

  .kt-select-lg { height: calc(var(--spacing) * 10); gap: calc(var(--spacing) * 1.5); border-radius: calc(var(--radius) - 2px); padding-block: calc(var(--spacing) * 1); padding-inline-start: calc(var(--spacing) * 4); padding-inline-end: calc(var(--spacing) * 8); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); background-position: right 0.6rem center;
  }

  .kt-select-lg[data-multiple='true'] { height: auto; min-height: calc(var(--spacing) * 10); padding-block: calc(var(--spacing) * 2); background-position: right 0.6rem top 0.85rem;
  }
}

@layer components {

  [dir='rtl'] .kt-select { background-position: left 0.5rem center;
  }

  [data-multiple='true']:is([dir='rtl'] .kt-select) { background-position: left 0.5rem top 0.675rem;
  }

  [dir='rtl'] .kt-select-sm { background-position: left 0.5rem center;
  }

  [data-multiple='true']:is([dir='rtl'] .kt-select-sm) { background-position: left 0.5rem top 0.575rem;
  }

  [dir='rtl'] .kt-select-lg { background-position: left 0.75rem center;
  }

  [data-multiple='true']:is([dir='rtl'] .kt-select-lg) { background-position: left 0.75rem top 0.85rem;
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-input) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-input) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  .kt-switch { position: relative; display: inline-flex; flex-shrink: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--input);
  }

  .kt-switch:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-switch:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-switch:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .kt-switch:focus-visible { --tw-ring-offset-color: var(--background);
  }

  .kt-switch:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  @media (forced-colors: active) {

    .kt-switch:focus-visible { outline: 2px solid transparent; outline-offset: 2px;
    }
  }

  .kt-switch:disabled { cursor: not-allowed;
  }

  .kt-switch:disabled { opacity: 50%;
  }

  .kt-switch[aria-invalid="true"] { border-style: var(--tw-border-style); border-width: 1px;
  }

  .kt-switch[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-switch[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-switch[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-switch[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-switch[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-switch[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-switch:before { pointer-events: none; position: absolute; inset-inline-start: calc(var(--spacing) * 0); top: calc(1/2 * 100%); display: block; --tw-translate-x: calc(var(--spacing) * 1); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: calc(infinity * 1px); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-content: ""; content: var(--tw-content);
  }

  .kt-switch:checked,.kt-switch[aria-checked='true'] { background-color: var(--primary);
  }

  .kt-switch { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 7.5); border-radius: calc(infinity * 1px);
  }

  .kt-switch:before { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);
  }

  :is(.kt-switch:checked,.kt-switch[aria-checked='true']):before { --tw-translate-x: calc(var(--spacing) * 3.5); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-switch-sm { height: calc(var(--spacing) * 4.5); width: calc(var(--spacing) * 6.5); border-radius: calc(infinity * 1px);
  }

  .kt-switch-sm:before { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5);
  }

  :is(.kt-switch-sm:checked,.kt-switch-sm[aria-checked='true']):before { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-switch-lg { height: calc(var(--spacing) * 5.5); width: calc(var(--spacing) * 8.5); border-radius: calc(infinity * 1px);
  }

  .kt-switch-lg:before { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  :is(.kt-switch-lg:checked,.kt-switch-lg[aria-checked='true']):before { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@layer components {

  :is([dir='rtl'] .kt-switch):before { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:is([dir='rtl'] .kt-switch):checked,[aria-checked='true']:is([dir='rtl'] .kt-switch)):before { --tw-translate-x: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.kt-switch-sm:is([dir='rtl'] .kt-switch):checked,.kt-switch-sm[aria-checked='true']:is([dir='rtl'] .kt-switch)):before { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.kt-switch-lg:is([dir='rtl'] .kt-switch):checked,.kt-switch-lg[aria-checked='true']:is([dir='rtl'] .kt-switch)):before { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-switch) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-switch) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-switch) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-switch) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  .kt-tabs.kt-tabs-line { display: flex; align-items: center; gap: calc(var(--spacing) * 7); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border);
  }

  .kt-tabs.kt-tabs-line .kt-tab-toggle { display: inline-flex; cursor: pointer; align-items: center; gap: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; border-bottom-color: transparent; padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--secondary-foreground);
  }

  @media (hover: hover) {

    :is(.kt-tabs.kt-tabs-line .kt-tab-toggle):hover { color: var(--primary);
    }
  }

  .active[data-kt-tab-toggle]:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { border-color: var(--primary);
  }

  .active[data-kt-tab-toggle] :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { border-color: var(--primary);
  }

  [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { border-color: var(--primary);
  }

  .active[data-kt-tab-toggle]:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { color: var(--primary);
  }

  .active[data-kt-tab-toggle] :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { color: var(--primary);
  }

  [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) { color: var(--primary);
  }

  :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); flex-shrink: 0; color: var(--muted-foreground);
  }

  .active[data-kt-tab-toggle]:is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) { color: var(--primary);
  }

  .active[data-kt-tab-toggle] :is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) { color: var(--primary);
  }

  [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) { color: var(--primary);
  }

  :is(.kt-tabs.kt-tabs-line .kt-tab-toggle):hover svg { color: var(--primary);
  }
}

@layer components {

  .kt-textarea { width: 100%; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: var(--background); color: var(--foreground); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-textarea { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-textarea { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-textarea::placeholder { color: var(--muted-foreground);
  }

  .kt-textarea::placeholder { color: rgba(44.314%, 44.314%, 48.235%, 0.8);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-textarea::placeholder { color: color-mix(in oklab, var(--color-zinc-500)  80%, transparent);
    }
  }

  .kt-textarea:focus-visible { border-color: var(--ring);
  }

  .kt-textarea:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .kt-textarea:focus-visible { --tw-ring-color: var(--ring);
  }

  .kt-textarea:focus-visible { --tw-ring-color: rgba(62.353%, 62.353%, 66.275%, 0.3);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-textarea:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-zinc-400)  30%, transparent);
    }
  }

  .kt-textarea:focus-visible { --tw-outline-style: none; outline-style: none;
  }

  .kt-textarea:disabled { cursor: not-allowed;
  }

  .kt-textarea:disabled { opacity: 60%;
  }

  .kt-textarea[aria-invalid="true"] { border-color: var(--destructive);
  }

  .kt-textarea[aria-invalid="true"] { border-color: rgba(90.645%, 0%, 4.2228%, 0.6);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-textarea[aria-invalid="true"] { border-color: color-mix(in oklab, var(--color-red-600)  60%, transparent);
    }
  }

  .kt-textarea[aria-invalid="true"] { --tw-ring-color: var(--destructive);
  }

  .kt-textarea[aria-invalid="true"] { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.1);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-textarea[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  10%, transparent);
    }
  }

  .kt-textarea { border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 3); font-size: 0.8125rem; --tw-leading: var(--text-sm--line-height); line-height: var(--text-sm--line-height);
  }

  .kt-textarea-lg { border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .kt-textarea-sm { border-radius: calc(var(--radius) - 2px); padding: calc(var(--spacing) * 2.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}

@layer components {

  [aria-invalid="true"]:is(.dark .kt-textarea) { border-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-textarea) { --tw-ring-color: var(--destructive);
  }

  [aria-invalid="true"]:is(.dark .kt-textarea) { --tw-ring-color: rgba(90.645%, 0%, 4.2228%, 0.2);
  }

  @supports (color: color-mix(in lab, red, red)) {

    [aria-invalid="true"]:is(.dark .kt-textarea) { --tw-ring-color: color-mix(in oklab, var(--color-red-600)  20%, transparent);
    }
  }
}

@layer components {

  .kt-tooltip { border-radius: calc(var(--radius) - 2px); background-color: var(--mono); padding: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--mono-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-tooltip { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-tooltip:is(.dark *) { border-style: var(--tw-border-style); border-width: 1px;
  }

  .kt-tooltip:is(.dark *) { border-color: var(--border);
  }

  .kt-tooltip:not(.show) { display: none;
  }

  .kt-tooltip-light { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground);
  }
}

@layer components {

  .kt-popover { border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-popover { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }

  .kt-popover:not(.show) { display: none;
  }

  .kt-popover-header { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--mono);
  }

  .kt-popover-content { padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2);
  }
}

@layer components {

  .kt-table-wrapper { position: relative; width: 100%; overflow: auto;
  }

  .kt-table { width: 100%; border-collapse: collapse; text-align: left; vertical-align: bottom; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--foreground); caption-side: bottom;
  }

  .kt-table tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border);
  }

  .kt-table caption { margin-top: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--muted-foreground);
  }

  :is(.kt-table thead) tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;
  }

  :is(.kt-table thead) th { height: calc(var(--spacing) * 10); background-color: var(--muted);
  }

  :is(.kt-table thead) th { background-color: rgba(95.686%, 95.686%, 96.078%, 0.4);
  }

  @supports (color: color-mix(in lab, red, red)) {

    :is(.kt-table thead) th { background-color: color-mix(in oklab, var(--color-zinc-100)  40%, transparent);
    }
  }

  :is(.kt-table thead) th { padding-inline: calc(var(--spacing) * 4); text-align: left; vertical-align: middle; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--secondary-foreground);
  }

  :is(:is(.kt-table thead) th):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { text-align: right;
  }

  :is(:is(.kt-table thead) th):has([role=checkbox]) { padding-inline-end: calc(var(--spacing) * 0);
  }

  :is(.kt-table tbody) tr:last-child { border-style: var(--tw-border-style); border-width: 0px;
  }

  :is(.kt-table tbody) td { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); vertical-align: middle;
  }

  :is(:is(.kt-table tbody) td):has([role=checkbox]) { padding-inline-end: calc(var(--spacing) * 0);
  }

  .kt-table tfoot { border-top-style: var(--tw-border-style); border-top-width: 1px; background-color: var(--muted);
  }

  .kt-table tfoot { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-table tfoot { background-color: color-mix(in oklab, var(--color-zinc-100)  50%, transparent);
    }
  }

  .kt-table tfoot { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  :is(.kt-table tfoot):last-child > tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;
  }

  :is(.kt-table tfoot) th { height: calc(var(--spacing) * 10); padding-inline: calc(var(--spacing) * 4); text-align: left; vertical-align: middle; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--secondary-foreground);
  }

  :is(:is(.kt-table tfoot) th):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { text-align: right;
  }

  :is(:is(.kt-table tfoot) th):has([role=checkbox]) { padding-inline-end: calc(var(--spacing) * 0);
  }

  :is(.kt-table td,.kt-table th) input[type='checkbox'] { vertical-align: inherit;
  }

  .checked:is(:is([data-kt-datatable-table],.kt-table-highlight) tr) { background-color: var(--muted);
  }

  :is(:is([data-kt-datatable-table],.kt-table-highlight) tr):has(td):hover { background-color: var(--muted);
  }

  :is(:is([data-kt-datatable-table],.kt-table-highlight) tr):has(td):hover { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    :is(:is([data-kt-datatable-table],.kt-table-highlight) tr):has(td):hover { background-color: color-mix(in oklab, var(--color-zinc-100)  50%, transparent);
    }
  }

  .kt-table-col { display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer;
  }

  .kt-table-col-label { display: inline-flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 0.35rem;
  }

  .kt-table-col-sort { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; height: 0.975rem; width: 0.975rem; gap: 0.125rem; line-height: 1;
  }

  .kt-table-col-sort:before { display: inline-block; content: ''; height: 0.25rem; width: 0.438rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%2378829D'/%3E%3C/svg%3E");
  }

  .kt-table-col-sort:after { display: inline-block; content: ''; height: 0.25rem; width: 0.438rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%2378829D'/%3E%3C/svg%3E");
  }

  :is([aria-sort='asc'] .kt-table-col-sort):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%234B5675'/%3E%3C/svg%3E");
  }

  :is([aria-sort='asc'] .kt-table-col-sort):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
  }

  :is([aria-sort='desc'] .kt-table-col-sort):before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
  }

  :is([aria-sort='desc'] .kt-table-col-sort):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%234B5675'/%3E%3C/svg%3E");
  }
}

@layer components {

  .kt-table-border { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border);
  }

  .kt-table-border td,.kt-table-border th { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-color: var(--border);
  }

  :is(.kt-table-border td,.kt-table-border th):last-child { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px;
  }

  .kt-table-border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-color: var(--border);
  }

  .kt-table-border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-color: var(--border);
  }

  .kt-table-border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border);
  }

  .kt-table-border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border);
  }
}

@layer components {

  [dir='rtl'] .kt-table { text-align: right;
  }
}

@layer component-overrides {

  th[data-kt-datatable-column-sort="false"] .kt-table-col { cursor: default;
  }
}

@layer components {

  .kt-toggle-group { display: inline-flex; align-items: center; background-color: var(--background); --tw-leading: 1; line-height: 1;
  }

  .kt-toggle-group .kt-btn { flex-grow: 1; border-style: var(--tw-border-style); border-width: 1px; border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; border-color: var(--border); background-color: transparent; color: var(--accent-foreground);
  }

  :is(.kt-toggle-group .kt-btn):last-child { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-color: var(--border);
  }

  :is(.kt-toggle-group .kt-btn):not(:first-child) { border-start-start-radius: 0; border-end-start-radius: 0;
  }

  :is(.kt-toggle-group .kt-btn):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0;
  }

  :is(.kt-toggle-group .kt-btn):not(:first-child):not(:last-child) { border-radius: 0;
  }

  :is(.kt-toggle-group .kt-btn) svg,:is(.kt-toggle-group .kt-btn) i { color: var(--muted-foreground);
  }

  :is(.kt-toggle-group .kt-btn) input[type='checkbox'],:is(.kt-toggle-group .kt-btn) input[type='radio'] { display: none;
  }

  :is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn) { background-color: var(--accent); color: var(--accent-foreground);
  }

  :is(:is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn)) svg,:is(:is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn)) i { color: var(--accent-foreground);
  }
}

@layer components {

  .kt-separator { height: 1px; width: 100%; flex-shrink: 0; background-color: var(--border);
  }

  .kt-separator-vertical { height: 100%; width: 1px;
  }
}

@layer components {

  .kt-progress { position: relative; height: calc(var(--spacing) * 1); width: 100%; overflow: hidden; border-radius: calc(infinity * 1px); background-color: var(--secondary);
  }

  .kt-progress-indicator { height: 100%; width: 100%; flex: 1; transform: translateX(calc(100 - var(--progress-value))); border-radius: calc(infinity * 1px); background-color: var(--primary); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .kt-progress-primary .kt-progress-indicator { background-color: var(--primary);
  }

  .kt-progress-success .kt-progress-indicator { background-color: var(--color-green-500);
  }

  .kt-progress-warning .kt-progress-indicator { background-color: var(--color-yellow-500);
  }

  .kt-progress-info .kt-progress-indicator { background-color: var(--color-violet-500);
  }

  .kt-progress-destructive .kt-progress-indicator { background-color: var(--destructive);
  }

  .kt-progress-mono .kt-progress-indicator { background-color: var(--mono);
  }
}

@layer components {

  .kt-pagination { display: flex; align-items: center; gap: calc(var(--spacing) * 1);
  }

  .kt-pagination-item { display: flex; flex-shrink: 0; flex-direction: row; align-items: center; gap: calc(var(--spacing) * 1);
  }

  .kt-pagination-item svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }

  .kt-pagination-ellipsis { display: flex; height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); align-items: center; justify-content: center;
  }

  .kt-pagination-ellipsis svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); color: var(--muted-foreground);
  }
}

@layer components {

  .kt-skeleton { animation: var(--animate-pulse); border-radius: calc(var(--radius) - 2px); background-color: var(--accent);
  }
}

@layer components {

  .kt-kbd { display: inline-flex; align-items: center; justify-content: center; border-radius: calc(var(--radius) - 2px); font-family: var(--font-mono);
  }

  .kt-kbd { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--accent); color: var(--accent-foreground);
  }

  .kt-kbd-outline { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--input); background-color: transparent; color: var(--accent-foreground);
  }

  .kt-kbd { height: calc(var(--spacing) * 7); min-width: calc(var(--spacing) * 7); padding-inline: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-kbd svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-kbd-xs { height: calc(var(--spacing) * 5); min-width: calc(var(--spacing) * 5); padding-inline: calc(var(--spacing) * 1); font-size: 0.6875rem; --tw-leading: 0.75rem; line-height: 0.75rem;
  }

  .kt-kbd-xs svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);
  }

  .kt-kbd-sm { height: calc(var(--spacing) * 6); min-width: calc(var(--spacing) * 6); padding-inline: calc(var(--spacing) * 1); font-size: 0.75rem; --tw-leading: 0.75rem; line-height: 0.75rem;
  }

  .kt-kbd-sm svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);
  }
}

@layer components {

  .kt-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); overflow-wrap: break-word; color: var(--muted-foreground);
  }

  .kt-breadcrumb-item { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5);
  }

  .kt-breadcrumb-link { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {

    .kt-breadcrumb-link:hover { color: var(--foreground);
    }
  }

  .kt-breadcrumb-link svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }

  .kt-breadcrumb-page { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--foreground);
  }

  .kt-breadcrumb-separator svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);
  }

  .kt-breadcrumb-ellipsis svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
  }
}

@layer components {

  .kt-toast-container { position: fixed; z-index: 9999;
  }

  .kt-toast { pointer-events: auto; position: fixed; z-index: 9999; width: calc(var(--spacing) * 76); max-width: 95%; overflow: hidden; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); opacity: 0; animation: kt-toast-in 0.28s cubic-bezier(0.4, 0, 0.2, 1) forwards; transition: top 0.28s cubic-bezier(0.4, 0, 0.2, 1),	opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .kt-toast.kt-toast-top-end { inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: auto;
  }

  .kt-toast.kt-toast-top-center { top: calc(var(--spacing) * 0); bottom: auto; left: calc(1/2 * 100%); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-toast.kt-toast-top-start { inset-inline-start: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: auto;
  }

  .kt-toast.kt-toast-middle-end { inset-inline-end: calc(var(--spacing) * 0); top: calc(1/2 * 100%); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-toast.kt-toast-middle-center { top: calc(1/2 * 100%); left: calc(1/2 * 100%); --tw-translate-x: calc(calc(1/2 * 100%) * -1); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-toast.kt-toast-middle-start { inset-inline-start: calc(var(--spacing) * 0); top: calc(1/2 * 100%); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-toast.kt-toast-bottom-end { inset-inline-end: calc(var(--spacing) * 0); top: auto; bottom: calc(var(--spacing) * 0);
  }

  .kt-toast.kt-toast-bottom-center { top: auto; bottom: calc(var(--spacing) * 0); left: calc(1/2 * 100%); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .kt-toast.kt-toast-bottom-start { inset-inline-start: calc(var(--spacing) * 0); top: auto; bottom: calc(var(--spacing) * 0);
  }

  .kt-toast-progress { position: fixed; inset-inline-start: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); height: 3px; width: 100%; background-color: var(--primary); transform-origin: left; animation: kt-toast-progress-line linear forwards;
  }
}

@layer components {

  [dir='rtl'] .kt-toast-progress { transform-origin: right;
  }
}

@layer components {

  @keyframes kt-toast-in {

    from { opacity: 0; transform: translateY(-24px);
    }

    to { opacity: 1; transform: translateY(0);
    }
  }

  @keyframes kt-toast-out {

    from { opacity: 1;
    }

    to { opacity: 0;
    }
  }

  @keyframes kt-toast-progress-line {

    from { transform: scaleX(1);
    }

    to { transform: scaleX(0);
    }
  }
}

.appearance-none { background-image: none !important; box-shadow: none; background-color: transparent; border: 0; width: 0; height: 0;
}

@layer components {

  .apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text { font-family: inherit !important;
  }

  .apexcharts-title-text { font-weight: var(--font-weight-normal);
  }

  .apexcharts-pie-label { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .apexcharts-toolbar { text-align: start !important;
  }

  .apexcharts-menu { border: 1px solid var(--color-border) !important; box-shadow: var(--box-shadow-sm) !important; background-color: var(--color-background) !important; border-radius: 0.625rem !important; padding: 0.5rem 0 !important; overflow: hidden; min-width: 10rem !important;
  }

  .apexcharts-menu .apexcharts-menu-item { padding: 0.5rem 0.5rem !important;
  }

  .apexcharts-menu .apexcharts-menu-item:hover { background-color: var(--gray-100) !important;
  }

  .apexcharts-tooltip { border: 1px solid var(--color-border) !important; box-shadow: var(--box-shadow-sm) !important; background-color: var(--color-background) !important; border-radius: 0.625rem !important; color: var(--color-secondary-foreground) !important;
  }

  .apexcharts-tooltip .apexcharts-tooltip-title { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--foreground); padding: 0.25rem 0.5rem !important; background-color: transparent !important; border-bottom: 1px solid var(--color-border) !important;
  }

  .apexcharts-xaxistooltip { border: 1px solid var(--color-border) !important; box-shadow: var(--box-shadow-sm) !important; background-color: var(--color-background) !important; border-radius: 0.625rem; color: var(--color-mono);
  }

  .apexcharts-xaxistooltip:before { border-bottom: 0 !important;
  }

  .apexcharts-legend { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2);
  }

  .apexcharts-legend .apexcharts-legend-series { gap: calc(var(--spacing) * 1); display: flex; align-items: center;
  }

  .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--muted-foreground);
  }

  .apexcharts-card-rounded .apexcharts-canvas svg { border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl);
  }

  .apexcharts-rounded-sm .apexcharts-canvas svg { border-radius: var(--radius-sm);
  }

  .apexcharts-rounded .apexcharts-canvas svg { border-radius: var(--radius-md);
  }

  .apexcharts-rounded-lg .apexcharts-canvas svg { border-radius: var(--radius-lg);
  }

  .apexcharts-rounded-xl .apexcharts-canvas svg { border-radius: var(--radius-xl);
  }
}

@layer components {

  .kt-container-fixed { width: 100%; flex-grow: 1; padding-inline: calc(var(--spacing) * 6);
  }

  @media (min-width: 80rem) {

    .kt-container-fixed { margin-inline: auto;
    }
  }

  @media (min-width: 80rem) {

    .kt-container-fixed { max-width: var(--breakpoint-xl);
    }
  }

  @media (min-width: 80rem) {

    .kt-container-fixed { padding-inline: calc(var(--spacing) * 7.5);
    }
  }
}

@layer components {

  .kt-container-fluid { width: 100%; flex-grow: 1; padding-inline: calc(var(--spacing) * 6);
  }

  @media (min-width: 80rem) {

    .kt-container-fluid { padding-inline: calc(var(--spacing) * 7.5);
    }
  }
} /*! name: vanilla-calendar-pro v3.0.5 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */

[data-vc=calendar] { border-radius: .75rem; box-sizing: border-box; display: flex; flex-direction: column; min-width: 272px; opacity: 1; padding: 1rem; position: relative; transition-duration: .15s; transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1);
}

[data-vc=calendar] [tabindex="0"]:focus-visible,[data-vc=calendar] button:focus-visible,[data-vc=calendar]:focus-visible { border-radius: .5rem; outline-offset: -1px; outline-style: solid; outline-width: 1px;
}

[data-vc=calendar][data-vc-type=multiple] [data-vc=dates] { flex-grow: 0;
}

[data-vc=calendar][data-vc-calendar-hidden] { opacity: 0; pointer-events: none;
}

[data-vc=calendar][data-vc-calendar-hidden] * { pointer-events: none !important;
}

[data-vc=calendar][data-vc-input] { position: absolute;
}

[data-vc=calendar][data-vc-input][data-vc-position=bottom] { margin-top: .25rem;
}

[data-vc=calendar][data-vc-input][data-vc-position=top] { margin-top: -.25rem;
}

[data-vc=controls] { align-items: center; box-sizing: content-box; display: flex; justify-content: space-between; left: 0; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 20;
}

[data-vc-arrow] { background-color: transparent; border-width: 0; cursor: pointer; display: block; height: 1.5rem; pointer-events: auto; position: relative; width: 1.5rem;
}

[data-vc-arrow]:before { background-position: 50%; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; --tw-content: ""; content: var(--tw-content);
}

[data-vc-arrow=prev]:before { transform: rotate(90deg);
}

[data-vc-arrow=next]:before { transform: rotate(-90deg);
}

[data-vc=grid] { display: flex; flex-grow: 1; flex-wrap: wrap; gap: 1.75rem;
}

[data-vc=grid][data-vc-grid=hidden] [data-vc=column] { opacity: .3; pointer-events: none;
}

[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=month],[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=year] { opacity: 1; pointer-events: auto;
}

[data-vc=column] { display: flex; flex-direction: column; flex-grow: 1; min-width: 240px;
}

[data-vc=header] { align-items: center; display: flex; margin-bottom: .75rem; position: relative;
}

[data-vc-header=content] { align-items: center; display: grid; flex-grow: 1; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; padding-left: 1rem; padding-right: 1rem; white-space: pre-wrap;
}

[data-vc=month],[data-vc=year] { background-color: transparent; border-radius: .25rem; border-width: 0; cursor: pointer; font-size: 1rem; font-weight: 700; line-height: 1.5rem; padding: .25rem;
}

[data-vc=month]:disabled,[data-vc=year]:disabled { pointer-events: none;
}

[data-vc=content],[data-vc=wrapper] { display: flex; flex-grow: 1;
}

[data-vc=content] { flex-direction: column;
}

[data-vc=months] { grid-template-columns: repeat(4,minmax(0,1fr));
}

[data-vc=months],[data-vc=years] { align-items: center; column-gap: .25rem; display: grid; flex-grow: 1; row-gap: 1rem;
}

[data-vc=years] { grid-template-columns: repeat(5,minmax(0,1fr));
}

[data-vc-months-month],[data-vc-years-year] { align-items: center; border-radius: .5rem; border-width: 0; cursor: pointer; display: flex; font-size: .75rem; font-weight: 600; height: 2.5rem; justify-content: center; line-height: 1rem; padding: .25rem; text-align: center; word-break: break-all;
}

[data-vc-months-month]:disabled,[data-vc-years-year]:disabled { pointer-events: none;
}

[data-vc-week=numbers] { display: flex; flex-direction: column;
}

[data-vc-week-numbers=title] { align-items: center; display: flex; font-size: .75rem; font-weight: 700; justify-content: center; line-height: 1rem; margin-bottom: .5rem;
}

[data-vc-week-numbers=content] { align-items: center; display: grid; grid-auto-flow: row; justify-items: center; row-gap: .25rem;
}

[data-vc-week-number] { align-items: center; background-color: transparent; border-style: none; cursor: pointer; display: flex; font-size: .75rem; font-weight: 600; justify-content: center; line-height: 1rem; margin: 0; min-height: 1.875rem; min-width: 1.875rem; padding: 0; width: 100%;
}

[data-vc=week] { display: grid; grid-template-columns: repeat(7,1fr); justify-items: center; margin-bottom: .5rem;
}

[data-vc-week-day] { align-items: center; background-color: transparent; border-style: none; display: flex; font-size: .75rem; font-weight: 700; justify-content: center; line-height: 1rem; margin: 0; min-width: 1.875rem; padding: 0; width: 100%;
}

button[data-vc-week-day] { cursor: pointer;
}

[data-vc=dates] { align-items: center; display: grid; flex-grow: 1; grid-template-columns: repeat(7,1fr); justify-items: center; pointer-events: none;
}

[data-vc=dates][data-vc-dates-disabled] [data-vc-date-btn] { cursor: default;
}

[data-vc-date] { align-items: center; display: flex; justify-content: center; padding-bottom: .125rem; padding-top: .125rem; pointer-events: auto; position: relative; width: 100%;
}

[data-vc-date]:not(:has([data-vc-date-btn])),[data-vc-date][data-vc-date-disabled],[data-vc-date][data-vc-date-disabled] [data-vc-date-btn] { pointer-events: none;
}

[data-vc-date][data-vc-date-hover] [data-vc-date-btn] { border-radius: 0;
}

[data-vc-date][data-vc-date-hover=first] [data-vc-date-btn] { border-bottom-left-radius: .5rem; border-bottom-right-radius: 0; border-top-left-radius: .5rem; border-top-right-radius: 0;
}

[data-vc-date][data-vc-date-hover=last] [data-vc-date-btn] { border-bottom-left-radius: 0; border-bottom-right-radius: .5rem; border-top-left-radius: 0; border-top-right-radius: .5rem;
}

[data-vc-date][data-vc-date-hover=first-and-last] [data-vc-date-btn] { border-radius: .5rem;
}

[data-vc-date][data-vc-date-hover=first][data-vc-date-selected] [data-vc-date-btn] { border-bottom-left-radius: .5rem; border-top-left-radius: .5rem;
}

[data-vc-date][data-vc-date-hover=last][data-vc-date-selected] [data-vc-date-btn] { border-bottom-right-radius: .5rem; border-top-right-radius: .5rem;
}

[data-vc-date][data-vc-date-selected=first] [data-vc-date-btn] { border-bottom-left-radius: .5rem; border-bottom-right-radius: 0; border-top-left-radius: .5rem; border-top-right-radius: 0;
}

[data-vc-date][data-vc-date-selected=last] [data-vc-date-btn] { border-bottom-left-radius: 0; border-bottom-right-radius: .5rem; border-top-left-radius: 0; border-top-right-radius: .5rem;
}

[data-vc-date][data-vc-date-selected=first-and-last] [data-vc-date-btn] { border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; border-top-left-radius: .5rem; border-top-right-radius: .5rem;
}

[data-vc-date][data-vc-date-selected=middle] [data-vc-date-btn] { border-radius: 0;
}

[data-vc-date][data-vc-date-disabled]+[data-vc-date-hover] [data-vc-date-btn],[data-vc-date][data-vc-date-disabled]+[data-vc-date-selected] [data-vc-date-btn] { border-bottom-left-radius: .5rem; border-top-left-radius: .5rem;
}

[data-vc-date][data-vc-date-hover]:has(+[data-vc-date-disabled]) [data-vc-date-btn],[data-vc-date][data-vc-date-selected]:has(+[data-vc-date-disabled]) [data-vc-date-btn] { border-bottom-right-radius: .5rem; border-top-right-radius: .5rem;
}

[data-vc-date-btn]:focus-visible+[data-vc-date-popup],[data-vc-date-btn]:hover+[data-vc-date-popup],[data-vc-date-popup]:focus-visible,[data-vc-date-popup]:hover { opacity: 1; pointer-events: auto;
}

[data-vc-date-btn] { align-items: center; border-radius: .5rem; border-width: 0; cursor: pointer; display: flex; font-size: .75rem; font-weight: 400; height: 100%; justify-content: center; line-height: 1rem; min-height: 1.875rem; min-width: 1.875rem; padding: 0; transition-duration: 75ms; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); width: 100%;
}

[data-vc-date][data-vc-date-today] [data-vc-date-btn] { font-weight: 700;
}

[data-vc-date-popup] { max-width: 9rem; min-width: 5rem; pointer-events: none; position: absolute; z-index: 20; --tw-translate-x: -50%; border-radius: .5rem; font-size: .75rem; font-weight: 400; line-height: 1rem; opacity: 0; padding: .25rem .5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-duration: 75ms; transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1);
}

[data-vc-date-popup]:hover { opacity: 1; pointer-events: auto;
}

[data-vc-date-range-tooltip] { max-width: 9rem; pointer-events: none; position: absolute; z-index: 30; --tw-translate-x: -50%; --tw-translate-y: -100%; border-radius: .375rem; font-size: .75rem; font-weight: 400; line-height: 1rem; padding: .25rem .5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[data-vc-date-range-tooltip=hidden] { opacity: 0;
}

[data-vc-date-range-tooltip=visible] { opacity: 1;
}

[data-vc=time] { border-style: solid; border-width: 1px 0 0; display: grid; gap: .75rem; grid-template-columns: auto 1fr; margin-top: .75rem; padding-top: .75rem;
}

[data-vc-time=content] { align-items: center; display: grid; grid-auto-flow: column;
}

[data-vc-time-input=hour] { margin-right: .35rem; position: relative; width: 1.75rem;
}

[data-vc-time-input=hour]:after { display: block; margin-top: calc(-50% + 1px); position: absolute; right: -5px; top: 50%; --tw-content: ":"; content: var(--tw-content);
}

[data-vc-time-input=minute] { width: 1.75rem;
}

[data-vc-time-input=hour] input,[data-vc-time-input=minute] input { border-radius: .25rem; border-width: 0; box-sizing: border-box; display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.125rem; margin: 0; padding: .125rem; position: relative; text-align: center; width: 100%;
}

[data-vc-time-input=hour] input:focus-visible,[data-vc-time-input=minute] input:focus-visible { outline-style: solid; outline-width: 1px;
}

[data-vc-time-input=hour] input:disabled,[data-vc-time-input=minute] input:disabled { cursor: default;
}

[data-vc-time-input=hour] input:hover:disabled,[data-vc-time-input=minute] input:hover:disabled,[data-vc-time=keeping] { background-color: transparent;
}

[data-vc-time=keeping] { border-radius: .25rem; border-width: 0; cursor: pointer; font-size: .69rem; margin-left: 1px; margin-top: .25rem; padding: 0; width: 22px;
}

[data-vc-time=keeping]:focus-visible { outline-style: solid; outline-width: 1px;
}

[data-vc-time=keeping]:disabled { cursor: default;
}

[data-vc-time=keeping]:hover:disabled { background-color: transparent;
}

[data-vc-time=ranges] { display: grid; grid-auto-flow: row;
}

[data-vc-time-range] { font-size: 0; position: relative; z-index: 10;
}

[data-vc-time-range]:before { content: var(--tw-content); left: 0;
}

[data-vc-time-range]:after { content: var(--tw-content); right: 0;
}

[data-vc-time-range]:after,[data-vc-time-range]:before { content: ""; height: .5rem; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; z-index: 10;
}

[data-vc-time-range] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 1.25rem; margin: 0; outline-width: 0; position: relative; width: 100%;
}

[data-vc-time-range] input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; border-radius: .25rem; border-style: solid; border-width: 1px; box-sizing: border-box; cursor: pointer; height: 1rem; margin-top: -.5rem; position: relative; width: .75rem; z-index: 20; --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-vc-time-range] input::-moz-range-thumb { border-radius: .25rem; border-style: solid; border-width: 1px; box-sizing: border-box; cursor: pointer; height: 1rem; position: relative; width: .75rem; z-index: 20; --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-vc-time-range] input::-webkit-slider-runnable-track { box-sizing: border-box; cursor: pointer; height: 1px; margin-top: 1px; width: 100%; --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-vc-time-range] input::-moz-range-track { box-sizing: border-box; cursor: pointer; height: 1px; margin-top: 1px; width: 100%; --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);
}

:root { --vc-calendar-bg: var(--popover); --vc-calendar-text: var(--foreground); --vc-calendar-border: var(--border); --vc-calendar-radius: 0.75rem; --vc-calendar-padding: 1rem; --vc-calendar-min-width: 272px; --vc-calendar-opacity: 1; --vc-calendar-transition-duration: 0.15s; --vc-calendar-input-margin-bottom: 0.25rem; --vc-calendar-input-margin-top: -0.25rem; --vc-calendar-hidden-opacity: 0; --vc-focus-color: var(--primary); --vc-focus-radius: 0.5rem; --vc-focus-offset: -1px; --vc-focus-width: 1px; --vc-controls-padding-x: 1rem; --vc-controls-padding-top: 1.25rem; --vc-controls-z-index: 20; --vc-arrow-size: 1rem; --vc-arrow-bg: transparent; --vc-arrow-opacity: 0.5; --vc-arrow-opacity-hover: 1; --vc-grid-gap: 1.75rem; --vc-grid-hidden-opacity: 0.3; --vc-column-min-width: 240px; --vc-header-margin-bottom: 0.75rem; --vc-header-content-padding-x: 1rem; --vc-header-text: var(--foreground); --vc-header-text-hover: var(--muted-foreground); --vc-header-text-disabled: var(--muted-foreground); --vc-header-font-size: 1rem; --vc-header-font-weight: 700; --vc-header-line-height: 1.5rem; --vc-header-btn-radius: 0.25rem; --vc-header-btn-padding: 0.25rem; --vc-picker-bg: var(--popover); --vc-picker-text: var(--muted-foreground); --vc-picker-bg-hover: var(--accent); --vc-picker-text-disabled: var(--muted-foreground); --vc-picker-selected-bg: var(--primary); --vc-picker-selected-text: var(--primary-foreground); --vc-picker-font-size: 0.75rem; --vc-picker-font-weight: 600; --vc-picker-line-height: 1rem; --vc-picker-height: 2.5rem; --vc-picker-radius: 0.5rem; --vc-picker-padding: 0.25rem; --vc-picker-column-gap: 0.25rem; --vc-picker-row-gap: 1rem; --vc-week-numbers-text: var(--muted-foreground); --vc-week-numbers-text-hover: var(--foreground); --vc-week-numbers-font-size: 0.75rem; --vc-week-numbers-font-weight: 700; --vc-week-numbers-line-height: 1rem; --vc-week-numbers-title-margin-bottom: 0.5rem; --vc-week-numbers-content-row-gap: 0.25rem; --vc-week-number-min-size: 1.875rem; --vc-week-number-font-weight: 600; --vc-weekday-text: var(--muted-foreground); --vc-weekday-text-hover: var(--foreground); --vc-weekday-off-text: var(--muted-foreground); --vc-weekday-off-text-hover: var(--foreground); --vc-weekday-font-size: 0.75rem; --vc-weekday-font-weight: 700; --vc-weekday-line-height: 1rem; --vc-weekday-min-width: 1.875rem; --vc-week-margin-bottom: 0.5rem; --vc-dates-disabled-cursor: default; --vc-date-bg: var(--popover); --vc-date-text: var(--foreground); --vc-date-bg-hover: var(--accent); --vc-date-text-hover: var(--foreground); --vc-date-font-size: 0.75rem; --vc-date-font-weight: 400; --vc-date-line-height: 1rem; --vc-date-min-size: 1.875rem; --vc-date-radius: 0.5rem; --vc-date-padding-y: 0.125rem; --vc-date-transition-duration: 75ms; --vc-date-transition-timing: cubic-bezier(0.4, 0, 0.2, 1); --vc-today-bg: var(--accent); --vc-today-text: var(--primary); --vc-today-font-weight: 700; --vc-selected-bg: var(--primary); --vc-selected-text: var(--primary-foreground); --vc-range-bg: var(--accent); --vc-range-text: var(--primary); --vc-hover-bg: var(--accent); --vc-hover-edge-bg: var(--accent); --vc-disabled-text: var(--muted-foreground); --vc-disabled-opacity: 1; --vc-outside-text: var(--muted-foreground); --vc-outside-bg: var(--popover); --vc-weekend-text: var(--muted-foreground); --vc-weekend-bg: var(--popover); --vc-weekend-bg-hover: var(--accent); --vc-weekend-selected-bg: var(--primary); --vc-weekend-selected-text: var(--primary-foreground); --vc-weekend-range-bg: var(--accent); --vc-weekend-range-text: var(--muted-foreground); --vc-weekend-outside-text: var(--muted-foreground); --vc-weekend-outside-bg: var(--popover); --vc-weekend-today-text: var(--primary); --vc-popup-bg: var(--popover); --vc-popup-text: var(--foreground); --vc-popup-radius: 0.5rem; --vc-popup-padding: 0.25rem 0.5rem; --vc-popup-font-size: 0.75rem; --vc-popup-font-weight: 400; --vc-popup-line-height: 1rem; --vc-popup-min-width: 5rem; --vc-popup-max-width: 9rem; --vc-popup-z-index: 20; --vc-popup-transition-duration: 75ms; --vc-tooltip-bg: var(--accent); --vc-tooltip-text: var(--muted-foreground); --vc-tooltip-radius: 0.375rem; --vc-tooltip-padding: 0.25rem 0.5rem; --vc-tooltip-font-size: 0.75rem; --vc-tooltip-font-weight: 400; --vc-tooltip-line-height: 1rem; --vc-tooltip-max-width: 9rem; --vc-tooltip-z-index: 30; --vc-time-border: var(--border); --vc-time-text: var(--foreground); --vc-time-gap: 0.75rem; --vc-time-margin-top: 0.75rem; --vc-time-padding-top: 0.75rem; --vc-time-input-bg: var(--popover); --vc-time-input-bg-hover: var(--accent); --vc-time-input-bg-focus: var(--accent); --vc-time-input-text: var(--foreground); --vc-time-input-font-size: 1rem; --vc-time-input-font-weight: 500; --vc-time-input-line-height: 1.125rem; --vc-time-input-radius: 0.25rem; --vc-time-input-padding: 0.125rem; --vc-time-input-width: 1.75rem; --vc-time-hour-margin-right: 0.35rem; --vc-time-keeping-text: var(--muted-foreground); --vc-time-keeping-bg-hover: var(--accent); --vc-time-keeping-font-size: 0.69rem; --vc-time-keeping-radius: 0.25rem; --vc-time-keeping-width: 22px; --vc-time-keeping-margin-left: 1px; --vc-time-keeping-margin-top: 0.25rem; --vc-time-range-bg: var(--popover); --vc-time-range-track-bg: var(--border); --vc-time-range-thumb-bg: var(--popover); --vc-time-range-thumb-border: var(--border); --vc-time-range-thumb-border-hover: var(--muted-foreground); --vc-time-range-thumb-border-focus: var(--primary); --vc-time-range-thumb-radius: 0.25rem; --vc-time-range-thumb-width: 0.75rem; --vc-time-range-thumb-height: 1rem; --vc-time-range-marker-bg: var(--border); --vc-time-range-marker-height: 0.5rem; --vc-time-range-marker-width: 1px;
}

[data-vc-theme=light].vc { background-color: var(--vc-calendar-bg); color: var(--vc-calendar-text);
}

[data-vc-theme=light].vc[data-vc=calendar] { background-color: var(--vc-calendar-bg); color: var(--vc-calendar-text); border: 1px solid var(--vc-calendar-border); border-radius: var(--vc-calendar-radius);
}

[data-vc-theme=light].vc[data-vc-input] { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
}

@supports (color: color-mix(in lab, red, red)) {

  [data-vc-theme=light].vc[data-vc-input] { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
  }
}

[data-vc-theme=light].vc[data-vc-input] { background-color: var(--vc-calendar-bg); border: 1px solid var(--vc-calendar-border); border-radius: var(--vc-calendar-radius); z-index: 100;
}

[data-vc-theme=light].vc [tabindex="0"]:focus-visible, [data-vc-theme=light].vc button:focus-visible, [data-vc-theme=light].vc:focus-visible { outline-color: var(--vc-focus-color); border-radius: var(--vc-focus-radius); outline-offset: var(--vc-focus-offset); outline-width: var(--vc-focus-width);
}

[data-vc-theme=light] .vc-arrow { background-color: var(--vc-arrow-bg); opacity: var(--vc-arrow-opacity); transition: opacity 0.2s ease-in-out;
}

:is([data-vc-theme=light] .vc-arrow):before { background-size: 80%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBmMTcyYSIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+");
}

:is([data-vc-theme=light] .vc-arrow):focus,:is([data-vc-theme=light] .vc-arrow):hover { opacity: var(--vc-arrow-opacity-hover);
}

.dark [data-vc-theme=light] .vc-arrow { opacity: 1;
}

:is(.dark [data-vc-theme=light] .vc-arrow):focus,:is(.dark [data-vc-theme=light] .vc-arrow):hover { opacity: 1;
}

.dark [data-vc-theme=light] .vc-arrow:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+");
}

[data-vc-theme=light] .vc-header__content, [data-vc-theme=light] .vc-month, [data-vc-theme=light] .vc-year { color: var(--vc-header-text);
}

[data-vc-theme=light] .vc-month:disabled, [data-vc-theme=light] .vc-year:disabled { color: var(--vc-header-text-disabled);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-month:hover, [data-vc-theme=light] .vc-year:hover { color: var(--vc-header-text-hover);
  }
}

[data-vc-theme=light] .vc-months__month, [data-vc-theme=light] .vc-years__year { background-color: var(--vc-picker-bg); color: var(--vc-picker-text);
}

[data-vc-theme=light] .vc-months__month:disabled, [data-vc-theme=light] .vc-years__year:disabled { color: var(--vc-picker-text-disabled);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-months__month:hover, [data-vc-theme=light] .vc-years__year:hover { background-color: var(--vc-picker-bg-hover);
  }

  [data-vc-theme=light] .vc-months__month:hover:disabled, [data-vc-theme=light] .vc-years__year:hover:disabled { color: var(--vc-picker-text-disabled);
  }
}

[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected], [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected] { background-color: var(--vc-picker-selected-bg); color: var(--vc-picker-selected-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover, [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover { background-color: var(--vc-picker-selected-bg); color: var(--vc-picker-selected-text);
  }
}

[data-vc-theme=light] .vc-week-number, [data-vc-theme=light] .vc-week-numbers__title { color: var(--vc-week-numbers-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-week-number:hover { color: var(--vc-week-numbers-text-hover);
  }
}

[data-vc-theme=light] .vc-week__day { color: var(--vc-weekday-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] button.vc-week__day:hover { color: var(--vc-weekday-text-hover);
  }
}

[data-vc-theme=light] .vc-week__day[data-vc-week-day-off] { color: var(--vc-weekday-off-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] button.vc-week__day[data-vc-week-day-off]:hover { color: var(--vc-weekday-off-text-hover);
  }
}

[data-vc-theme=light] .vc-date__btn { background-color: var(--vc-date-bg); color: var(--vc-date-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date__btn:hover { background-color: var(--vc-date-bg-hover);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn { background-color: var(--vc-today-bg); color: var(--vc-today-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn:hover { color: var(--vc-today-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=prev] .vc-date__btn { color: var(--vc-outside-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-month=prev] .vc-date__btn { color: var(--vc-outside-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-disabled] .vc-date__btn { color: var(--vc-disabled-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-hover] .vc-date__btn { background-color: var(--vc-hover-bg);
}

[data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn { background-color: var(--vc-hover-edge-bg);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn { color: var(--vc-weekend-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn:hover { background-color: var(--vc-weekend-bg-hover);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn { background-color: var(--vc-weekend-bg-hover);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn { background-color: var(--vc-hover-edge-bg);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn { color: var(--vc-disabled-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today] .vc-date__btn { color: var(--vc-weekend-today-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-disabled] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-disabled] .vc-date__btn { color: var(--vc-disabled-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn { background-color: var(--vc-weekend-outside-bg); color: var(--vc-weekend-outside-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn:hover { background-color: var(--vc-date-bg-hover);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn { background-color: var(--vc-hover-bg);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn { color: var(--vc-outside-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn { color: var(--vc-disabled-text);
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn { background-color: var(--vc-weekend-selected-bg); color: var(--vc-weekend-selected-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-weekend-selected-bg); color: var(--vc-weekend-selected-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn { background-color: var(--vc-weekend-range-bg); color: var(--vc-weekend-range-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-weekend-range-bg); color: var(--vc-weekend-range-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn { background-color: var(--vc-range-bg); color: var(--vc-range-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-range-bg); color: var(--vc-range-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn { background-color: var(--vc-selected-bg); color: var(--vc-selected-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover { background-color: var(--vc-selected-bg); color: var(--vc-selected-text);
  }
}

[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover, [data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover { background-color: var(--vc-hover-edge-bg); color: var(--vc-outside-text);
  }
}

[data-vc-theme=light] .vc-date__popup { background-color: var(--vc-popup-bg); color: var(--vc-popup-text); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
}

@supports (color: color-mix(in lab, red, red)) {

  [data-vc-theme=light] .vc-date__popup { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
  }
}

[data-vc-theme=light] .vc-date-range-tooltip { background-color: var(--vc-tooltip-bg); color: var(--vc-tooltip-text); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
}

@supports (color: color-mix(in lab, red, red)) {

  [data-vc-theme=light] .vc-date-range-tooltip { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
  }
}

[data-vc-theme=light] .vc-time { border-color: var(--vc-time-border);
}

[data-vc-theme=light] .vc-time__hour:after, [data-vc-theme=light] .vc-time__minute:after { color: var(--vc-time-text);
}

[data-vc-theme=light] .vc-time__hour input, [data-vc-theme=light] .vc-time__minute input { background-color: var(--vc-time-input-bg); color: var(--vc-time-input-text);
}

[data-vc-theme=light] .vc-time__hour input:focus-visible, [data-vc-theme=light] .vc-time__minute input:focus-visible { outline-color: var(--vc-focus-color);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-time__hour input:hover, [data-vc-theme=light] .vc-time__minute input:hover { background-color: var(--vc-time-input-bg-hover);
  }
}

[data-vc-theme=light] .vc-time__hour input[data-vc-input-focus], [data-vc-theme=light] .vc-time__minute input[data-vc-input-focus] { background-color: var(--vc-time-input-bg-focus);
}

[data-vc-theme=light] .vc-time__keeping { color: var(--vc-time-keeping-text);
}

[data-vc-theme=light] .vc-time__keeping:focus-visible { outline-color: var(--vc-focus-color);
}

@media (hover:hover) and (pointer:fine) {

  [data-vc-theme=light] .vc-time__keeping:hover { background-color: var(--vc-time-keeping-bg-hover);
  }
}

[data-vc-theme=light] .vc-time__range input { background-color: var(--vc-time-range-bg);
}

[data-vc-theme=light] .vc-time__range:after, [data-vc-theme=light] .vc-time__range:before { background-color: var(--vc-time-range-marker-bg);
}

[data-vc-theme=light] .vc-time__range:hover input::-webkit-slider-thumb { border-color: var(--vc-time-range-thumb-border-hover);
}

[data-vc-theme=light] .vc-time__range:hover input::-moz-range-thumb { border-color: var(--vc-time-range-thumb-border-hover);
}

[data-vc-theme=light] .vc-time__range input:focus-visible::-webkit-slider-thumb { border-color: var(--vc-time-range-thumb-border-focus);
}

[data-vc-theme=light] .vc-time__range input:focus-visible::-moz-range-thumb { border-color: var(--vc-time-range-thumb-border-focus);
}

[data-vc-theme=light] .vc-time__range input::-webkit-slider-thumb { border-color: var(--vc-time-range-thumb-border); background-color: var(--vc-time-range-thumb-bg);
}

[data-vc-theme=light] .vc-time__range input::-moz-range-thumb { border-color: var(--vc-time-range-thumb-border); background-color: var(--vc-time-range-thumb-bg);
}

[data-vc-theme=light] .vc-time__range input::-webkit-slider-runnable-track { background-color: var(--vc-time-range-track-bg);
}

[data-vc-theme=light] .vc-time__range input::-moz-range-track { background-color: var(--vc-time-range-track-bg);
}

[data-vc-week-numbers=title] { margin-top: 0.85rem; --tw-leading: 0.55; line-height: 0.55;
}

[data-vc=month], [data-vc=year] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
}

[data-vc-week-day] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
}

[data-vc=date] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);
}

[data-vc=time] { margin: 0; border: 0;
}

[data-vc-time=keeping] { margin: 0;
}

[data-vc-time-input=hour] input, [data-vc-time-input=minute] input { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); outline: none !important; border: none !important;
}

.vc-highlight-weekends { --vc-weekday-off-text: var(--destructive); --vc-weekday-off-text-hover: var(--destructive); --vc-weekend-text: var(--destructive); --vc-weekend-bg-hover: var(--destructive);
}

.vc-highlight-weekends { --vc-weekend-bg-hover: rgba(90.645%, 0%, 4.2228%, 0.1);
}

@supports (color: color-mix(in lab, red, red)) {

  .vc-highlight-weekends { --vc-weekend-bg-hover: color-mix(in srgb, var(--color-red-600)  10%, transparent);
  }
}

.vc-highlight-weekends { --vc-weekend-selected-bg: var(--destructive); --vc-weekend-selected-text: white; --vc-weekend-range-bg: var(--destructive);
}

.vc-highlight-weekends { --vc-weekend-range-bg: rgba(90.645%, 0%, 4.2228%, 0.7);
}

@supports (color: color-mix(in lab, red, red)) {

  .vc-highlight-weekends { --vc-weekend-range-bg: color-mix(in srgb, var(--color-red-600)  70%, transparent);
  }
}

.vc-highlight-weekends { --vc-weekend-range-text: white; --vc-weekend-today-text: var(--destructive);
}

.vc-actions { display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--spacing) * 2); margin-top: calc(var(--spacing) * 1); padding-top: calc(var(--spacing) * 2.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--border);
}

@layer components {

  .leaflet-container .leaflet-pane,.leaflet-container .leaflet-top,.leaflet-container .leaflet-bottom,.leaflet-container .leaflet-control { z-index: 1 !important;
  }

  .leaflet-container .leaflet-popup-content-wrapper { border-radius: var(--radius-md); text-align: center; background-color: var(--color-popover);
  }

  :is(.leaflet-container .leaflet-popup-content-wrapper) .leaflet-popup-content { font-family: inherit; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}

@layer components {

  .kt-menu { display: flex;
  }

  .kt-menu-item, .kt-menu-link { padding: 0; margin: 0;
  }

  .kt-menu-item { display: flex; flex-direction: column;
  }

  .kt-menu-link, .kt-menu-label, .kt-menu-toggle { cursor: pointer; display: flex; align-items: center; flex-grow: 1;
  }

  .kt-menu-title { display: flex; align-items: center; line-height: 1; flex-grow: 1; color: #f5f5f5;
  }

  .kt-menu-icon, .kt-menu-bullet, .kt-menu-badge, .kt-menu-arrow { display: flex; align-items: center; flex-shrink: 0;
  }

  .kt-menu-dropdown, .kt-menu-accordion { padding: 0; margin: 0; display: none; align-items: stretch; flex-direction: column;
  }

  .show.kt-menu-item-dropdown > .kt-menu-dropdown,.base-popper-root > .kt-menu-container > .kt-menu-dropdown,.kt-menu-dropdown.kt-menu.show,.kt-menu-dropdown.show[data-popper-placement] { display: flex; will-change: transform;
  }

  .kt-menu-accordion { display: none; transition: height 0.3s ease;
  }

  .show:not(.kt-menu-dropdown) > .kt-menu-accordion,.transitioning:not(.kt-menu-dropdown) > .kt-menu-accordion,.kt-menu-accordion.show { display: flex;
  }
}

@layer components {

  .kt-menu-dropdown { gap: calc(var(--spacing) * 0.25); border-radius: calc(var(--radius) - 2px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: rgba(0,0,0,0.05);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .kt-menu-dropdown { --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) black , transparent);
    }
  }
}

@layer components {

  .kt-menu-default { gap: calc(var(--spacing) * 0.5); padding-block: calc(var(--spacing) * 2);
  }

  .kt-menu-default .kt-menu-link,.kt-menu-default .kt-menu-label { margin-inline: calc(var(--spacing) * 2); border-radius: calc(var(--radius) - 2px); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 2);
  }

  .kt-menu-default .kt-menu-title { font-size: var(--text-2sm); line-height: var(--tw-leading, var(--text-2sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
  }

  .kt-menu-default .kt-menu-icon { margin-inline-end: calc(var(--spacing) * 2.5);
  }

  :is(.kt-menu-default .kt-menu-icon) i { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .kt-menu-default .kt-menu-bullet { margin-inline-end: calc(var(--spacing) * 2.5);
  }

  .kt-menu-default .kt-menu-arrow { margin-inline-start: calc(var(--spacing) * 2);
  }

  :is(.kt-menu-default .kt-menu-arrow) i { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .kt-menu-default .kt-menu-badge { margin-inline-start: calc(var(--spacing) * 2.5);
  }

  .kt-menu-default .kt-menu-separator { margin-block: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border);
  }

  :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-label { margin-inline-start: calc(var(--spacing) * 5);
  }

  :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label { margin-inline-start: calc(var(--spacing) * 8);
  }

  :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label { margin-inline-start: calc(var(--spacing) * 11);
  }

  :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label { margin-inline-start: calc(var(--spacing) * 14);
  }

  .kt-menu-fit { padding-block: calc(var(--spacing) * 0);
  }

  .kt-menu-fit .kt-menu-link,.kt-menu-fit .kt-menu-label { margin-inline: calc(var(--spacing) * 0);
  }

  .kt-menu-space { padding-block: calc(var(--spacing) * 2);
  }

  .kt-menu-space .kt-menu-link,.kt-menu-space .kt-menu-label { margin-inline: calc(var(--spacing) * 2.5);
  }
}

@layer components {

  :is(.kt-menu-default .kt-menu-item) .kt-menu-title { color: var(--foreground);
  }

  :is(.kt-menu-default .kt-menu-item) .kt-menu-icon i { color: var(--muted-foreground);
  }

  :is(.kt-menu-default .kt-menu-item) .kt-menu-arrow i { color: var(--muted-foreground);
  }

  :is(:is(.kt-menu-default .kt-menu-item) .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) .kt-menu-label:hover) .kt-menu-title { color: var(--mono);
  }

  :is(:is(.kt-menu-default .kt-menu-item) .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) .kt-menu-label:hover) .kt-menu-icon i { color: var(--primary);
  }

  :is(:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label) .kt-menu-title { color: var(--mono);
  }

  :is(:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label) .kt-menu-icon i { color: var(--primary);
  }

  :is(.active:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label { background-color: var(--accent);
  }

  :is(.kt-menu-default .kt-menu-item) > .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) > .kt-menu-label:hover { background-color: var(--accent);
  }

  .disabled:is(.kt-menu-default .kt-menu-item) > .kt-menu-link,.disabled:is(.kt-menu-default .kt-menu-item) > .kt-menu-label { opacity: 50%;
  }
}

@layer components {

  .range { width: 100%; height: 0.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  }

  .range:focus { outline: 0;
  }

  .range::-moz-focus-outer { border: 0;
  }

  .range::-webkit-slider-thumb { border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--primary); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); width: 1.5rem; height: 1.5rem; margin-top: -0.5rem; -webkit-appearance: none; appearance: none; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  :is(.range::-webkit-slider-thumb):active { background-color: var(--primary);
  }

  .range::-moz-range-thumb { border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); background-color: var(--primary); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); width: 1.5rem; height: 1.5rem; margin-top: -0.5rem; -moz-appearance: none; appearance: none; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  :is(.range::-moz-range-thumb):active { background-color: var(--primary);
  }

  .range::-moz-range-track { background-color: var(--input); width: 100%; height: 0.5rem; color: transparent; cursor: pointer; border-color: transparent; border-radius: 0.188rem;
  }

  .range::-webkit-slider-runnable-track { background-color: var(--input); width: 100%; height: 0.5rem; color: transparent; cursor: pointer; border-color: transparent; border-radius: 0.188rem;
  }

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

  .range:disabled::-webkit-slider-thumb { background-color: var(--accent);
  }

  .range:disabled::-moz-range-thumb { background-color: var(--accent);
  }
}

@layer components {

  .kt-rating { display: inline-flex; align-items: stretch;
  }

  .kt-rating input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; inset-inline-start: 9999px;
  }

  [disabled]:is(.kt-rating input) { display: none;
  }

  .kt-rating-on { color: var(--color-yellow-400);
  }

  .kt-rating-off { color: var(--muted-foreground);
  }

  .kt-rating-label { display: inline-flex !important; align-items: center;
  }

  .kt-rating-label .kt-rating-on { display: none !important;
  }

  .kt-rating-label .kt-rating-off { display: inline-flex !important;
  }

  :is(.kt-rating:hover label.kt-rating-label,label.kt-rating-label,label.kt-rating-label.checked,div.kt-rating-label.checked) .kt-rating-on { display: inline-flex !important;
  }

  :is(.kt-rating:hover label.kt-rating-label,label.kt-rating-label,label.kt-rating-label.checked,div.kt-rating-label.checked) .kt-rating-off { display: none !important;
  }

  :is(label.kt-rating-label:hover ~ label.kt-rating-label,.kt-rating-input:checked ~ .kt-rating-label) .kt-rating-on { display: none !important;
  }

  :is(label.kt-rating-label:hover ~ label.kt-rating-label,.kt-rating-input:checked ~ .kt-rating-label) .kt-rating-off { display: inline-flex !important;
  }

  .kt-rating-label.indeterminate { position: relative;
  }

  .kt-rating-label.indeterminate .kt-rating-on { display: inline-flex !important; position: absolute; z-index: 1; overflow: hidden; inset-inline-start: 0;
  }

  .kt-rating-label.indeterminate .kt-rating-off { display: inline-flex !important;
  }

  label.kt-rating-label { cursor: pointer;
  }
}

@layer components {

  .kt-scrollable, .kt-scrollable-y, .kt-scrollable-x, .kt-scrollable-hover, .kt-scrollable-y-hover, .kt-scrollable-x-hover, .kt-scrollable-auto, .kt-scrollable-y-auto, .kt-scrollable-x-auto { scrollbar-width: thin; scrollbar-color: transparent transparent; position: relative;
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar { width: 0.35rem; height: 0.35rem;
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-track { background-color: transparent;
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-thumb { border-radius: 1.25rem;
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-corner { background-color: transparent;
  }

  .kt-scrollable, .kt-scrollable-hover { overflow: scroll;
  }

  .kt-scrollable-y, .kt-scrollable-y-hover { overflow-y: scroll;
  }

  .kt-scrollable-x, .kt-scrollable-x-hover { overflow-x: scroll;
  }

  .kt-scrollable-auto { overflow: auto;
  }

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

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

  .kt-scrollable, .kt-scrollable-y, .kt-scrollable-x, .kt-scrollable-auto, .kt-scrollable-y-auto, .kt-scrollable-x-auto, .kt-scrollable-hover:hover, .kt-scrollable-y-hover:hover, .kt-scrollable-x-hover:hover { scrollbar-color: var(--scrollbar-thumb-color, var(--color-input)) transparent;
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto,.kt-scrollable-hover:hover,.kt-scrollable-y-hover:hover,.kt-scrollable-x-hover:hover)::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color, var(--color-input));
  }

  :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto,.kt-scrollable-hover:hover,.kt-scrollable-y-hover:hover,.kt-scrollable-x-hover:hover)::-webkit-scrollbar-corner { background-color: transparent;
  }

  @supports (-webkit-hyphens: none) {

    .kt-scrollable, .kt-scrollable-hover { overflow: auto;
    }

    .kt-scrollable-y, .kt-scrollable-y-hover { overflow-y: auto;
    }

    .kt-scrollable-x, .kt-scrollable-x-hover { overflow-x: auto;
    }
  }

  @media (max-width: var(--screen-lg)) {

    .kt-scrollable, .kt-scrollable-hover { overflow: auto;
    }

    .kt-scrollable-y, .kt-scrollable-y-hover { overflow-y: auto;
    }

    .kt-scrollable-x, .kt-scrollable-x-hover { overflow-x: auto;
    }
  }
}

.kt-table-col-label { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--muted-foreground);
}

:is(:is(.kt-card-grid .kt-card-content) .kt-table) th:first-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:first-child { padding-inline-start: calc(var(--spacing) * 4);
}

.kt-table td { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); vertical-align: middle;
}

.kt-dropdown.kt-scrollable { max-height: calc(100vh - 300px);
}

:is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn) { background-color: var(--primary); color: var(--primary-foreground);
}

.toggle-success:is(.kt-toggle-group .kt-btn):has(input:checked) { background-color: var(--color-green-500); color: var(--color-white);
}

.toggle-destructive:is(.kt-toggle-group .kt-btn):has(input:checked) { background-color: var(--destructive); color: var(--destructive-foreground, #fff);
}

.toggle-success:is(.kt-toggle-group .kt-btn):hover,.toggle-success:is(.kt-toggle-group .kt-btn):focus { background-color: var(--color-green-500); color: var(--color-white);
}

.toggle-success:is(.kt-toggle-group .kt-btn):has(input:checked) { background-color: var(--color-green-500); color: var(--color-white); border-color: var(--color-green-500);
}

.toggle-destructive:is(.kt-toggle-group .kt-btn):hover,.toggle-destructive:is(.kt-toggle-group .kt-btn):focus { background-color: var(--destructive); color: var(--destructive-foreground, #fff);
}

.toggle-destructive:is(.kt-toggle-group .kt-btn):has(input:checked) { background-color: var(--destructive); color: var(--destructive-foreground, #fff); border-color: var(--destructive);
}

.field-error { margin-top: var(--spacing); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); font-weight: var(--font-weight-normal); color: var(--destructive);
}

.input-invalid,.input-invalid + .kt-select-wrapper .kt-select-display { border-color: #f87171 !important; box-shadow: 0 0 0 3px rgba(248,113,113,0.08);
}

.money-invalid { border-color: #f87171 !important; box-shadow: 0 0 0 3px rgba(248,113,113,0.08);
}

.money-invalid + .kt-input-addon { border-color: #f87171 !important; background-color: #f87171 !important; color: #ffffff !important; box-shadow: 0 0 0 3px rgba(248,113,113,0.08);
}

.form-global-error { background: #fff1f2; border: 1px solid #fecaca; color: #991b1b; padding: .5rem .75rem; border-radius: 0.375rem; margin-bottom: 0.75rem; font-size: 0.9rem;
}

.filter-dropdown label:hover { background-color: var(--muted);
}

.filter-dropdown label:hover { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
}

@supports (color: color-mix(in lab, red, red)) {

  .filter-dropdown label:hover { background-color: var(--muted);
  }

  .filter-dropdown label:hover { background-color: rgba(95.686%, 95.686%, 96.078%, 0.5);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .filter-dropdown label:hover { background-color: color-mix(in oklab, var(--color-zinc-100)  50%, transparent);
    }
  }
}

@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0;
}

@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0;
}

@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0;
}

@property --tw-rotate-x { syntax: "*"; inherits: false;
}

@property --tw-rotate-y { syntax: "*"; inherits: false;
}

@property --tw-rotate-z { syntax: "*"; inherits: false;
}

@property --tw-skew-x { syntax: "*"; inherits: false;
}

@property --tw-skew-y { syntax: "*"; inherits: false;
}

@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0;
}

@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid;
}

@property --tw-leading { syntax: "*"; inherits: false;
}

@property --tw-font-weight { syntax: "*"; inherits: false;
}

@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000;
}

@property --tw-shadow-color { syntax: "*"; inherits: false;
}

@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%;
}

@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color { syntax: "*"; inherits: false;
}

@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%;
}

@property --tw-ring-color { syntax: "*"; inherits: false;
}

@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color { syntax: "*"; inherits: false;
}

@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000;
}

@property --tw-ring-inset { syntax: "*"; inherits: false;
}

@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px;
}

@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff;
}

@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000;
}

@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid;
}

@property --tw-blur { syntax: "*"; inherits: false;
}

@property --tw-brightness { syntax: "*"; inherits: false;
}

@property --tw-contrast { syntax: "*"; inherits: false;
}

@property --tw-grayscale { syntax: "*"; inherits: false;
}

@property --tw-hue-rotate { syntax: "*"; inherits: false;
}

@property --tw-invert { syntax: "*"; inherits: false;
}

@property --tw-opacity { syntax: "*"; inherits: false;
}

@property --tw-saturate { syntax: "*"; inherits: false;
}

@property --tw-sepia { syntax: "*"; inherits: false;
}

@property --tw-drop-shadow { syntax: "*"; inherits: false;
}

@property --tw-drop-shadow-color { syntax: "*"; inherits: false;
}

@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%;
}

@property --tw-drop-shadow-size { syntax: "*"; inherits: false;
}

@property --tw-backdrop-blur { syntax: "*"; inherits: false;
}

@property --tw-backdrop-brightness { syntax: "*"; inherits: false;
}

@property --tw-backdrop-contrast { syntax: "*"; inherits: false;
}

@property --tw-backdrop-grayscale { syntax: "*"; inherits: false;
}

@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false;
}

@property --tw-backdrop-invert { syntax: "*"; inherits: false;
}

@property --tw-backdrop-opacity { syntax: "*"; inherits: false;
}

@property --tw-backdrop-saturate { syntax: "*"; inherits: false;
}

@property --tw-backdrop-sepia { syntax: "*"; inherits: false;
}

@property --tw-duration { syntax: "*"; inherits: false;
}

@property --tw-tracking { syntax: "*"; inherits: false;
}

@property --tw-ease { syntax: "*"; inherits: false;
}

@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1;
}

@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1;
}

@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1;
}

@property --tw-content { syntax: "*"; inherits: false; initial-value: "";
}

@keyframes spin {

  to { transform: rotate(360deg);
  }
}

@keyframes pulse {

  50% { opacity: 0.5;
  }
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-tracking: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: "";
    }
  }
}

@supports not (translate: 0) {

  .-translate-x-1\/2 { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .-translate-y-1\/2 { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .rtl\:rotate-180 { transform: rotate3d(0,0,1,180deg);
  }

  :scope:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { transform: rotate3d(0,0,1,180deg);
  }

  .kt-accordion-menu-indicator { transform: rotate3d(0,0,1,180deg) rotate3d(0,0,1,180deg) rotate3d(0,0,1,180deg);
  }

  .active[data-kt-accordion-item]:scope { transform: rotate3d(0,0,1,180deg);
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] :scope { transform: rotate3d(0,0,1,180deg);
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle]:scope { transform: rotate3d(0,0,1,180deg);
  }

  [dir='rtl'] .kt-accordion-menu-indicator { transform: rotate3d(0,0,1,calc(180deg * -1)) rotate3d(0,0,1,calc(180deg * -1)) rotate3d(0,0,1,calc(180deg * -1));
  }

  .active[data-kt-accordion-item]:scope { transform: rotate3d(0,0,1,calc(180deg * -1));
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle] :scope { transform: rotate3d(0,0,1,calc(180deg * -1));
  }

  .active[data-kt-accordion-item] > [data-kt-accordion-toggle]:scope { transform: rotate3d(0,0,1,calc(180deg * -1));
  }

  .kt-drawer-start { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized]:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized] :scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer-end { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized]:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized] :scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer-top { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized]:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized] :scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer-bottom { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized]:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .open[data-kt-drawer-initialized] :scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer.open .kt-drawer-start { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer.open .kt-drawer-end { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer.open .kt-drawer-top { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-drawer.open .kt-drawer-bottom { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-dropdown-menu-separator { transform: rotate3d(0,0,1,180deg);
  }

  :scope:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { transform: rotate3d(0,0,1,180deg);
  }

  .kt-modal-dialog { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-modal-center:not(.kt-modal-fit) { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-modal-content { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-modal-fit { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-modal-center:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-select-tag-remove { transform: scale3d(var(--tw-scale-x),var(--tw-scale-y),1);
  }

  :scope:hover { transform: scale3d(var(--tw-scale-x),var(--tw-scale-y),1);
  }

  .kt-select-tag-remove:hover svg { transform: scale3d(var(--tw-scale-x),var(--tw-scale-y),1);
  }

  .kt-switch { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-switch { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-switch-sm { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-switch-lg { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  [dir='rtl'] .kt-switch { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-switch-sm:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-switch-lg:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:checked,[aria-checked='true']:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  :scope:before { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0) translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast-top-center:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast-middle-end:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast-middle-center:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast-middle-start:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }

  .kt-toast-bottom-center:scope { transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0);
  }
}

@supports not (background: paint(something)) {
                    :root { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-shadow: 0 0 #0000; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-alpha: 100%; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-drop-shadow-alpha: 100%; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; }
                }