/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap");
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --shadow-sm: var(--shadow-sm);
    --shadow-md: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --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-xs: 4px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --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-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
    --color-sidebar: var(--sidebar);
    --color-sidebar-foreground: var(--sidebar-foreground);
    --color-sidebar-accent: var(--sidebar-accent);
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
    --color-sidebar-border: var(--sidebar-border);
    --color-sidebar-ring: var(--sidebar-ring);
  }
}
@layer base {
  *, ::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%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, 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:where(:not(iframe)) {
    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;
  }
  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;
  }
  ::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)) {
        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;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-\[8rem\] {
    top: 8rem;
  }
  .top-\[10rem\] {
    top: 10rem;
  }
  .top-\[calc\(100\%\+var\(--space-2\)\)\] {
    top: calc(100% + var(--space-2));
  }
  .top-\[calc\(var\(--space-6\)\+var\(--space-5\)\)\] {
    top: calc(var(--space-6) + var(--space-5));
  }
  .top-\[var\(--space-3\)\] {
    top: var(--space-3);
  }
  .-right-px {
    right: -1px;
  }
  .right-0 {
    right: 0px;
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[-2rem\] {
    right: -2rem;
  }
  .right-\[1rem\] {
    right: 1rem;
  }
  .right-\[var\(--space-2\)\] {
    right: var(--space-2);
  }
  .right-\[var\(--space-3\)\] {
    right: var(--space-3);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-\[-2rem\] {
    bottom: -2rem;
  }
  .bottom-\[var\(--space-3\)\] {
    bottom: var(--space-3);
  }
  .bottom-\[var\(--space-5\)\] {
    bottom: var(--space-5);
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-\[-2rem\] {
    left: -2rem;
  }
  .left-\[1rem\] {
    left: 1rem;
  }
  .left-\[5rem\] {
    left: 5rem;
  }
  .left-\[calc\(var\(--space-6\)\*2\)\] {
    left: calc(var(--space-6) * 2);
  }
  .left-\[calc\(var\(--space-6\)\*2\+var\(--space-4\)\)\] {
    left: calc(var(--space-6) * 2 + var(--space-4));
  }
  .left-\[calc\(var\(--space-6\)\+var\(--space-2\)\)\] {
    left: calc(var(--space-6) + var(--space-2));
  }
  .left-\[var\(--space-3\)\] {
    left: var(--space-3);
  }
  .left-\[var\(--space-4\)\] {
    left: var(--space-4);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[99\] {
    z-index: 99;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0\! {
    margin: 0px !important;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-\[var\(--space-3\)\] {
    margin-inline: calc(var(--space-3) * -1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-\[var\(--space-5\)\] {
    margin-inline: var(--space-5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[calc\(var\(--space-6\)\*2\)\] {
    margin-top: calc(var(--space-6) * 2);
  }
  .mt-\[calc\(var\(--space-6\)\*3\)\] {
    margin-top: calc(var(--space-6) * 3);
  }
  .mt-\[var\(--space-1\)\] {
    margin-top: var(--space-1);
  }
  .mt-\[var\(--space-2\)\] {
    margin-top: var(--space-2);
  }
  .mt-\[var\(--space-3\)\] {
    margin-top: var(--space-3);
  }
  .mt-\[var\(--space-4\)\] {
    margin-top: var(--space-4);
  }
  .mt-\[var\(--space-5\)\] {
    margin-top: var(--space-5);
  }
  .mt-\[var\(--space-6\)\] {
    margin-top: var(--space-6);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .mr-\[var\(--space-1\)\] {
    margin-right: var(--space-1);
  }
  .mb-\[calc\(var\(--space-6\)\*2\)\] {
    margin-bottom: calc(var(--space-6) * 2);
  }
  .mb-\[var\(--space-1\)\] {
    margin-bottom: var(--space-1);
  }
  .mb-\[var\(--space-2\)\] {
    margin-bottom: var(--space-2);
  }
  .mb-\[var\(--space-3\)\] {
    margin-bottom: var(--space-3);
  }
  .mb-\[var\(--space-4\)\] {
    margin-bottom: var(--space-4);
  }
  .mb-\[var\(--space-5\)\] {
    margin-bottom: var(--space-5);
  }
  .mb-\[var\(--space-6\)\] {
    margin-bottom: var(--space-6);
  }
  .ml-\[var\(--space-1\)\] {
    margin-left: var(--space-1);
  }
  .ml-\[var\(--space-2\)\] {
    margin-left: var(--space-2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[6\/5\] {
    aspect-ratio: 6/5;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-48 {
    width: calc(var(--spacing) * 48);
    height: calc(var(--spacing) * 48);
  }
  .size-\[calc\(var\(--space-4\)\+var\(--space-1\)\)\] {
    width: calc(var(--space-4) + var(--space-1));
    height: calc(var(--space-4) + var(--space-1));
  }
  .size-\[calc\(var\(--space-4\)\+var\(--space-2\)\)\] {
    width: calc(var(--space-4) + var(--space-2));
    height: calc(var(--space-4) + var(--space-2));
  }
  .size-\[calc\(var\(--space-5\)\*2\)\] {
    width: calc(var(--space-5) * 2);
    height: calc(var(--space-5) * 2);
  }
  .size-\[calc\(var\(--space-5\)\*2-var\(--space-1\)\)\] {
    width: calc(var(--space-5) * 2 - var(--space-1));
    height: calc(var(--space-5) * 2 - var(--space-1));
  }
  .size-\[calc\(var\(--space-5\)\+var\(--space-1\)\)\] {
    width: calc(var(--space-5) + var(--space-1));
    height: calc(var(--space-5) + var(--space-1));
  }
  .size-\[calc\(var\(--space-5\)\+var\(--space-2\)\)\] {
    width: calc(var(--space-5) + var(--space-2));
    height: calc(var(--space-5) + var(--space-2));
  }
  .size-\[calc\(var\(--space-6\)\*2\)\] {
    width: calc(var(--space-6) * 2);
    height: calc(var(--space-6) * 2);
  }
  .size-\[calc\(var\(--space-6\)\*2\+var\(--space-4\)\)\] {
    width: calc(var(--space-6) * 2 + var(--space-4));
    height: calc(var(--space-6) * 2 + var(--space-4));
  }
  .size-\[calc\(var\(--space-6\)\*3\)\] {
    width: calc(var(--space-6) * 3);
    height: calc(var(--space-6) * 3);
  }
  .size-\[calc\(var\(--space-6\)\*7\)\] {
    width: calc(var(--space-6) * 7);
    height: calc(var(--space-6) * 7);
  }
  .size-\[calc\(var\(--space-6\)\+var\(--space-2\)\)\] {
    width: calc(var(--space-6) + var(--space-2));
    height: calc(var(--space-6) + var(--space-2));
  }
  .size-\[calc\(var\(--space-6\)\+var\(--space-3\)\)\] {
    width: calc(var(--space-6) + var(--space-3));
    height: calc(var(--space-6) + var(--space-3));
  }
  .size-\[var\(--space-1\)\] {
    width: var(--space-1);
    height: var(--space-1);
  }
  .size-\[var\(--space-2\)\] {
    width: var(--space-2);
    height: var(--space-2);
  }
  .size-\[var\(--space-3\)\] {
    width: var(--space-3);
    height: var(--space-3);
  }
  .size-\[var\(--space-4\)\] {
    width: var(--space-4);
    height: var(--space-4);
  }
  .size-\[var\(--space-5\)\] {
    width: var(--space-5);
    height: var(--space-5);
  }
  .size-\[var\(--space-6\)\] {
    width: var(--space-6);
    height: var(--space-6);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-\[calc\(var\(--space-5\)\*2\)\] {
    height: calc(var(--space-5) * 2);
  }
  .h-\[calc\(var\(--space-5\)\+var\(--space-3\)\)\] {
    height: calc(var(--space-5) + var(--space-3));
  }
  .h-\[calc\(var\(--space-6\)\*2\)\] {
    height: calc(var(--space-6) * 2);
  }
  .h-\[calc\(var\(--space-6\)\*2\+var\(--space-1\)\)\] {
    height: calc(var(--space-6) * 2 + var(--space-1));
  }
  .h-\[calc\(var\(--space-6\)\*3\)\] {
    height: calc(var(--space-6) * 3);
  }
  .h-\[calc\(var\(--space-6\)\*5\)\] {
    height: calc(var(--space-6) * 5);
  }
  .h-\[calc\(var\(--space-6\)\*7\)\] {
    height: calc(var(--space-6) * 7);
  }
  .h-\[calc\(var\(--space-6\)\*9\)\] {
    height: calc(var(--space-6) * 9);
  }
  .h-\[calc\(var\(--space-6\)\*12\)\] {
    height: calc(var(--space-6) * 12);
  }
  .h-\[calc\(var\(--space-6\)\+var\(--space-4\)\)\] {
    height: calc(var(--space-6) + var(--space-4));
  }
  .h-\[calc\(var\(--space-6\)\+var\(--space-5\)\)\] {
    height: calc(var(--space-6) + var(--space-5));
  }
  .h-\[var\(--space-1\)\] {
    height: var(--space-1);
  }
  .h-\[var\(--space-2\)\] {
    height: var(--space-2);
  }
  .h-\[var\(--space-3\)\] {
    height: var(--space-3);
  }
  .h-\[var\(--space-4\)\] {
    height: var(--space-4);
  }
  .h-\[var\(--space-5\)\] {
    height: var(--space-5);
  }
  .h-\[var\(--space-6\)\] {
    height: var(--space-6);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .\!max-h-\[calc\(100dvh-var\(--space-6\)\*2\)\] {
    max-height: calc(100dvh - var(--space-6) * 2) !important;
  }
  .max-h-\[calc\(100dvh-var\(--space-4\)\)\] {
    max-height: calc(100dvh - var(--space-4));
  }
  .max-h-\[calc\(100dvh-var\(--space-6\)\*2\)\] {
    max-height: calc(100dvh - var(--space-6) * 2);
  }
  .max-h-\[calc\(100vh-var\(--space-6\)\*2\)\] {
    max-height: calc(100vh - var(--space-6) * 2);
  }
  .max-h-\[calc\(100vh-var\(--space-6\)\*3\)\] {
    max-height: calc(100vh - var(--space-6) * 3);
  }
  .max-h-\[calc\(var\(--space-6\)\*7\)\] {
    max-height: calc(var(--space-6) * 7);
  }
  .max-h-\[calc\(var\(--space-6\)\*8\)\] {
    max-height: calc(var(--space-6) * 8);
  }
  .max-h-\[calc\(var\(--space-6\)\*12\)\] {
    max-height: calc(var(--space-6) * 12);
  }
  .max-h-\[calc\(var\(--space-6\)\*17\)\] {
    max-height: calc(var(--space-6) * 17);
  }
  .max-h-\[min\(720px\,calc\(100vh-var\(--space-6\)\*2\)\)\] {
    max-height: min(720px, calc(100vh - var(--space-6) * 2));
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-\[26rem\] {
    min-height: 26rem;
  }
  .min-h-\[32rem\] {
    min-height: 32rem;
  }
  .min-h-\[34rem\] {
    min-height: 34rem;
  }
  .min-h-\[calc\(100vh-var\(--space-6\)\*6\)\] {
    min-height: calc(100vh - var(--space-6) * 6);
  }
  .min-h-\[calc\(100vh-var\(--space-6\)-var\(--space-5\)\)\] {
    min-height: calc(100vh - var(--space-6) - var(--space-5));
  }
  .min-h-\[calc\(var\(--space-5\)\*2\)\] {
    min-height: calc(var(--space-5) * 2);
  }
  .min-h-\[calc\(var\(--space-6\)\*3\)\] {
    min-height: calc(var(--space-6) * 3);
  }
  .min-h-\[calc\(var\(--space-6\)\*3\+var\(--space-3\)\)\] {
    min-height: calc(var(--space-6) * 3 + var(--space-3));
  }
  .min-h-\[calc\(var\(--space-6\)\*4\)\] {
    min-height: calc(var(--space-6) * 4);
  }
  .min-h-\[calc\(var\(--space-6\)\*5\)\] {
    min-height: calc(var(--space-6) * 5);
  }
  .min-h-\[calc\(var\(--space-6\)\*6\)\] {
    min-height: calc(var(--space-6) * 6);
  }
  .min-h-\[calc\(var\(--space-6\)\*7\)\] {
    min-height: calc(var(--space-6) * 7);
  }
  .min-h-\[calc\(var\(--space-6\)\*10\)\] {
    min-height: calc(var(--space-6) * 10);
  }
  .min-h-\[calc\(var\(--space-6\)\*12\)\] {
    min-height: calc(var(--space-6) * 12);
  }
  .min-h-\[calc\(var\(--space-6\)\*16\)\] {
    min-height: calc(var(--space-6) * 16);
  }
  .min-h-\[calc\(var\(--space-6\)\*20\)\] {
    min-height: calc(var(--space-6) * 20);
  }
  .min-h-\[calc\(var\(--space-6\)\+var\(--space-2\)\)\] {
    min-height: calc(var(--space-6) + var(--space-2));
  }
  .min-h-\[calc\(var\(--space-6\)\+var\(--space-5\)\)\] {
    min-height: calc(var(--space-6) + var(--space-5));
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[calc\(100\%-var\(--space-4\)\)\] {
    width: calc(100% - var(--space-4));
  }
  .w-\[calc\(100vw-var\(--space-4\)\)\] {
    width: calc(100vw - var(--space-4));
  }
  .w-\[calc\(var\(--space-6\)\*2\)\] {
    width: calc(var(--space-6) * 2);
  }
  .w-\[calc\(var\(--space-6\)\*2\+var\(--space-2\)\)\] {
    width: calc(var(--space-6) * 2 + var(--space-2));
  }
  .w-\[calc\(var\(--space-6\)\*2-var\(--space-2\)\)\] {
    width: calc(var(--space-6) * 2 - var(--space-2));
  }
  .w-\[calc\(var\(--space-6\)\*4\)\] {
    width: calc(var(--space-6) * 4);
  }
  .w-\[calc\(var\(--space-6\)\*7\)\] {
    width: calc(var(--space-6) * 7);
  }
  .w-\[calc\(var\(--space-6\)\*8\)\] {
    width: calc(var(--space-6) * 8);
  }
  .w-\[calc\(var\(--space-6\)\*8\+var\(--space-2\)\)\] {
    width: calc(var(--space-6) * 8 + var(--space-2));
  }
  .w-\[calc\(var\(--space-6\)\*9\)\] {
    width: calc(var(--space-6) * 9);
  }
  .w-\[calc\(var\(--space-6\)\*9\+var\(--space-4\)\)\] {
    width: calc(var(--space-6) * 9 + var(--space-4));
  }
  .w-\[calc\(var\(--space-6\)\*12\)\] {
    width: calc(var(--space-6) * 12);
  }
  .w-\[calc\(var\(--space-6\)\+var\(--space-1\)\)\] {
    width: calc(var(--space-6) + var(--space-1));
  }
  .w-\[calc\(var\(--space-6\)\+var\(--space-4\)\)\] {
    width: calc(var(--space-6) + var(--space-4));
  }
  .w-\[min\(calc\(100vw-var\(--space-4\)\*2\)\,calc\(var\(--space-6\)\*16\)\)\] {
    width: min(calc(100vw - var(--space-4) * 2), calc(var(--space-6) * 16));
  }
  .w-\[min\(calc\(var\(--space-6\)\*24\)\,100vw\)\] {
    width: min(calc(var(--space-6) * 24), 100vw);
  }
  .w-\[var\(--space-1\)\] {
    width: var(--space-1);
  }
  .w-\[var\(--space-5\)\] {
    width: var(--space-5);
  }
  .w-\[var\(--space-6\)\] {
    width: var(--space-6);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .\!max-w-sm {
    max-width: var(--container-sm) !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[calc\(100vw-var\(--space-4\)\)\] {
    max-width: calc(100vw - var(--space-4));
  }
  .max-w-\[calc\(var\(--space-6\)\*2\)\] {
    max-width: calc(var(--space-6) * 2);
  }
  .max-w-\[calc\(var\(--space-6\)\*3\)\] {
    max-width: calc(var(--space-6) * 3);
  }
  .max-w-\[calc\(var\(--space-6\)\*5\)\] {
    max-width: calc(var(--space-6) * 5);
  }
  .max-w-\[calc\(var\(--space-6\)\*12\)\] {
    max-width: calc(var(--space-6) * 12);
  }
  .max-w-\[calc\(var\(--space-6\)\*13\)\] {
    max-width: calc(var(--space-6) * 13);
  }
  .max-w-\[calc\(var\(--space-6\)\*16\)\] {
    max-width: calc(var(--space-6) * 16);
  }
  .max-w-\[calc\(var\(--space-6\)\*17\)\] {
    max-width: calc(var(--space-6) * 17);
  }
  .max-w-\[calc\(var\(--space-6\)\*18\)\] {
    max-width: calc(var(--space-6) * 18);
  }
  .max-w-\[calc\(var\(--space-6\)\*19\)\] {
    max-width: calc(var(--space-6) * 19);
  }
  .max-w-\[calc\(var\(--space-6\)\*20\)\] {
    max-width: calc(var(--space-6) * 20);
  }
  .max-w-\[calc\(var\(--space-6\)\*22\)\] {
    max-width: calc(var(--space-6) * 22);
  }
  .max-w-\[calc\(var\(--space-6\)\*24\)\] {
    max-width: calc(var(--space-6) * 24);
  }
  .max-w-\[calc\(var\(--space-6\)\*25\)\] {
    max-width: calc(var(--space-6) * 25);
  }
  .max-w-\[calc\(var\(--space-6\)\*26\)\] {
    max-width: calc(var(--space-6) * 26);
  }
  .max-w-\[calc\(var\(--space-6\)\*28\)\] {
    max-width: calc(var(--space-6) * 28);
  }
  .max-w-\[calc\(var\(--space-6\)\*28\)\]\! {
    max-width: calc(var(--space-6) * 28) !important;
  }
  .max-w-\[calc\(var\(--space-6\)\*30\)\] {
    max-width: calc(var(--space-6) * 30);
  }
  .max-w-\[calc\(var\(--space-6\)\*32\)\] {
    max-width: calc(var(--space-6) * 32);
  }
  .max-w-\[calc\(var\(--space-6\)\*36\)\] {
    max-width: calc(var(--space-6) * 36);
  }
  .max-w-\[calc\(var\(--space-6\)\*42\)\] {
    max-width: calc(var(--space-6) * 42);
  }
  .max-w-\[calc\(var\(--space-6\)\*44\)\] {
    max-width: calc(var(--space-6) * 44);
  }
  .max-w-\[calc\(var\(--space-6\)\*48\)\] {
    max-width: calc(var(--space-6) * 48);
  }
  .max-w-\[calc\(var\(--space-6\)\*50\)\] {
    max-width: calc(var(--space-6) * 50);
  }
  .max-w-\[calc\(var\(--space-6\)\*54\)\] {
    max-width: calc(var(--space-6) * 54);
  }
  .max-w-\[calc\(var\(--space-6\)\*58\)\] {
    max-width: calc(var(--space-6) * 58);
  }
  .max-w-\[calc\(var\(--space-6\)\*62\)\] {
    max-width: calc(var(--space-6) * 62);
  }
  .max-w-\[calc\(var\(--space-6\)\*72\)\] {
    max-width: calc(var(--space-6) * 72);
  }
  .max-w-\[calc\(var\(--space-6\)\*76\)\] {
    max-width: calc(var(--space-6) * 76);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[calc\(var\(--space-5\)\+var\(--space-1\)\)\] {
    min-width: calc(var(--space-5) + var(--space-1));
  }
  .min-w-\[calc\(var\(--space-6\)\*3\)\] {
    min-width: calc(var(--space-6) * 3);
  }
  .min-w-\[calc\(var\(--space-6\)\*6\)\] {
    min-width: calc(var(--space-6) * 6);
  }
  .min-w-\[calc\(var\(--space-6\)\*8\)\] {
    min-width: calc(var(--space-6) * 8);
  }
  .min-w-\[calc\(var\(--space-6\)\*11\)\] {
    min-width: calc(var(--space-6) * 11);
  }
  .min-w-\[calc\(var\(--space-6\)\*28\)\] {
    min-width: calc(var(--space-6) * 28);
  }
  .min-w-\[calc\(var\(--space-6\)\*30\)\] {
    min-width: calc(var(--space-6) * 30);
  }
  .min-w-\[calc\(var\(--space-6\)\*34\)\] {
    min-width: calc(var(--space-6) * 34);
  }
  .min-w-\[calc\(var\(--space-6\)\*36\)\] {
    min-width: calc(var(--space-6) * 36);
  }
  .min-w-\[calc\(var\(--space-6\)\*38\)\] {
    min-width: calc(var(--space-6) * 38);
  }
  .min-w-\[calc\(var\(--space-6\)\*39\)\] {
    min-width: calc(var(--space-6) * 39);
  }
  .min-w-\[calc\(var\(--space-6\)\*42\)\] {
    min-width: calc(var(--space-6) * 42);
  }
  .min-w-\[calc\(var\(--space-6\)\*46\)\] {
    min-width: calc(var(--space-6) * 46);
  }
  .min-w-\[calc\(var\(--space-6\)\*48\)\] {
    min-width: calc(var(--space-6) * 48);
  }
  .min-w-\[calc\(var\(--space-6\)\*50\)\] {
    min-width: calc(var(--space-6) * 50);
  }
  .min-w-\[calc\(var\(--space-6\)\*64\)\] {
    min-width: calc(var(--space-6) * 64);
  }
  .min-w-\[calc\(var\(--space-6\)\*70\)\] {
    min-width: calc(var(--space-6) * 70);
  }
  .min-w-\[calc\(var\(--space-6\)\*78\)\] {
    min-width: calc(var(--space-6) * 78);
  }
  .min-w-\[calc\(var\(--space-6\)\*82\)\] {
    min-width: calc(var(--space-6) * 82);
  }
  .min-w-\[var\(--space-3\)\] {
    min-width: var(--space-3);
  }
  .min-w-\[var\(--space-6\)\] {
    min-width: var(--space-6);
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[2px\] {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[14px\] {
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[var\(--space-4\)\] {
    --tw-translate-x: var(--space-4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    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);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-\[3deg\] {
    rotate: calc(3deg * -1);
  }
  .rotate-\[8deg\] {
    rotate: 8deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-disc {
    list-style-type: disc;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[1\.5fr_1fr_1fr_auto\] {
    grid-template-columns: 1.5fr 1fr 1fr auto;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }
  .grid-cols-\[1fr_calc\(var\(--space-6\)\*5\)_calc\(var\(--space-6\)\*9\)\] {
    grid-template-columns: 1fr calc(var(--space-6) * 5) calc(var(--space-6) * 9);
  }
  .grid-cols-\[1fr_calc\(var\(--space-6\)\*10\)_calc\(var\(--space-6\)\*10\)_calc\(var\(--space-6\)\*3\)\] {
    grid-template-columns: 1fr calc(var(--space-6) * 10) calc(var(--space-6) * 10) calc(var(--space-6) * 3);
  }
  .grid-cols-\[1fr_calc\(var\(--space-6\)\*14\)_calc\(var\(--space-6\)\*3\)\] {
    grid-template-columns: 1fr calc(var(--space-6) * 14) calc(var(--space-6) * 3);
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[calc\(var\(--space-6\)\*2\)_1fr\] {
    grid-template-columns: calc(var(--space-6) * 2) 1fr;
  }
  .grid-cols-\[calc\(var\(--space-6\)\*2\)_1fr_calc\(var\(--space-6\)\*2\)\] {
    grid-template-columns: calc(var(--space-6) * 2) 1fr calc(var(--space-6) * 2);
  }
  .grid-cols-\[calc\(var\(--space-6\)\*5\)_1fr_calc\(var\(--space-6\)\*6\)_calc\(var\(--space-6\)\*5\)_calc\(var\(--space-6\)\*4\)\] {
    grid-template-columns: calc(var(--space-6) * 5) 1fr calc(var(--space-6) * 6) calc(var(--space-6) * 5) calc(var(--space-6) * 4);
  }
  .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.7fr) minmax(0,1.4fr) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1.1fr) minmax(0,0.7fr) minmax(0,1.4fr) minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_calc\(var\(--space-6\)\*4\)_calc\(var\(--space-6\)\*5\)\] {
    grid-template-columns: minmax(0,1fr) calc(var(--space-6) * 4) calc(var(--space-6) * 5);
  }
  .grid-cols-\[minmax\(0\,3fr\)_minmax\(calc\(var\(--space-6\)\*8\)\,2fr\)\] {
    grid-template-columns: minmax(0,3fr) minmax(calc(var(--space-6) * 8),2fr);
  }
  .grid-cols-\[minmax\(0\,3fr\)_minmax\(calc\(var\(--space-6\)\*9\)\,2fr\)\] {
    grid-template-columns: minmax(0,3fr) minmax(calc(var(--space-6) * 9),2fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .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;
  }
  .gap-0\! {
    gap: 0px !important;
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-\[calc\(var\(--space-6\)\*2\)\] {
    gap: calc(var(--space-6) * 2);
  }
  .gap-\[calc\(var\(--space-6\)\*3\)\] {
    gap: calc(var(--space-6) * 3);
  }
  .gap-\[var\(--space-1\)\] {
    gap: var(--space-1);
  }
  .gap-\[var\(--space-2\)\] {
    gap: var(--space-2);
  }
  .gap-\[var\(--space-3\)\] {
    gap: var(--space-3);
  }
  .gap-\[var\(--space-4\)\] {
    gap: var(--space-4);
  }
  .gap-\[var\(--space-5\)\] {
    gap: var(--space-5);
  }
  .gap-\[var\(--space-6\)\] {
    gap: var(--space-6);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[2px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(2px * var(--tw-space-y-reverse));
    margin-block-end: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[calc\(var\(--space-5\)\+var\(--space-2\)\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--space-5) + var(--space-2)) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--space-5) + var(--space-2)) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[var\(--space-1\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-1) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[var\(--space-2\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[var\(--space-3\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[var\(--space-4\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-4) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[var\(--space-5\)\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-5) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .\[column-gap\:var\(--space-4\)\] {
    column-gap: var(--space-4);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-\[var\(--space-6\)\] {
    column-gap: var(--space-6);
  }
  .gap-y-\[var\(--space-4\)\] {
    row-gap: var(--space-4);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-border > :not(:last-child)) {
    border-color: var(--border);
  }
  :where(.divide-destructive\/20 > :not(:last-child)) {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[var\(--radius-lg\)\] {
    border-radius: var(--radius-lg);
  }
  .rounded-\[var\(--radius-md\)\] {
    border-radius: var(--radius-md);
  }
  .rounded-\[var\(--radius-sm\)\] {
    border-radius: var(--radius-sm);
  }
  .rounded-\[var\(--radius-sm\)\]\! {
    border-radius: var(--radius-sm) !important;
  }
  .rounded-\[var\(--radius-xl\)\] {
    border-radius: var(--radius-xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none\! {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: 4px;
  }
  .rounded-xl {
    border-radius: 16px;
  }
  .rounded-t-\[var\(--radius-sm\)\] {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .rounded-l-\[var\(--radius-sm\)\] {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .rounded-r-\[var\(--radius-sm\)\] {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/60 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .border-border\/70 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }
  .border-chart-2\/30 {
    border-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--chart-2) 30%, transparent);
    }
  }
  .border-chart-4 {
    border-color: var(--chart-4);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-current\/20 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .border-destructive {
    border-color: var(--destructive);
  }
  .border-destructive\/30 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }
  .border-destructive\/40 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-input {
    border-color: var(--input);
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-primary\/20 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .border-primary\/25 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .border-primary\/30 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .border-primary\/40 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .border-primary\/50 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-t-primary {
    border-top-color: var(--primary);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\! {
    background-color: var(--background) !important;
  }
  .bg-background\/60 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }
  .bg-background\/90 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-border\/80 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-chart-1 {
    background-color: var(--chart-1);
  }
  .bg-chart-1\/10 {
    background-color: var(--chart-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-1) 10%, transparent);
    }
  }
  .bg-chart-2 {
    background-color: var(--chart-2);
  }
  .bg-chart-2\/10 {
    background-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-2) 10%, transparent);
    }
  }
  .bg-chart-2\/15 {
    background-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-2) 15%, transparent);
    }
  }
  .bg-chart-4 {
    background-color: var(--chart-4);
  }
  .bg-chart-4\/10 {
    background-color: var(--chart-4);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-4) 10%, transparent);
    }
  }
  .bg-chart-4\/20 {
    background-color: var(--chart-4);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-4) 20%, transparent);
    }
  }
  .bg-chart-4\/70 {
    background-color: var(--chart-4);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-4) 70%, transparent);
    }
  }
  .bg-chart-5 {
    background-color: var(--chart-5);
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-destructive\/5 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }
  .bg-destructive\/10 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-foreground\/10 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .bg-foreground\/20 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .bg-foreground\/70 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }
  .bg-muted-foreground\/40 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .bg-muted\/20 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }
  .bg-muted\/30 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .bg-muted\/30\! {
    background-color: var(--muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent) !important;
    }
  }
  .bg-muted\/40 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }
  .bg-muted\/50 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-muted\/60 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }
  .bg-muted\/70 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }
  .bg-primary-foreground\/10 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
    }
  }
  .bg-primary-foreground\/15 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
    }
  }
  .bg-primary-foreground\/20 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }
  .bg-primary\/5 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-primary\/30 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .bg-primary\/45 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }
  .bg-primary\/60 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .bg-primary\/70 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }
  .bg-primary\/80 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .bg-primary\/90 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-secondary\! {
    background-color: var(--secondary) !important;
  }
  .bg-secondary\/50 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
    }
  }
  .bg-sidebar {
    background-color: var(--sidebar);
  }
  .bg-sidebar-accent {
    background-color: var(--sidebar-accent);
  }
  .bg-success {
    background-color: var(--success);
  }
  .bg-success\/10 {
    background-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning {
    background-color: var(--warning);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-background {
    --tw-gradient-from: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-muted {
    --tw-gradient-from: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-border {
    --tw-gradient-to: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-muted\/40 {
    --tw-gradient-to: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .stroke-primary {
    stroke: var(--primary);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\! {
    padding: 0px !important;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-\[calc\(var\(--space-6\)\*2\)\] {
    padding: calc(var(--space-6) * 2);
  }
  .p-\[var\(--space-1\)\] {
    padding: var(--space-1);
  }
  .p-\[var\(--space-2\)\] {
    padding: var(--space-2);
  }
  .p-\[var\(--space-3\)\] {
    padding: var(--space-3);
  }
  .p-\[var\(--space-4\)\] {
    padding: var(--space-4);
  }
  .p-\[var\(--space-4\)\]\! {
    padding: var(--space-4) !important;
  }
  .p-\[var\(--space-5\)\] {
    padding: var(--space-5);
  }
  .p-\[var\(--space-6\)\] {
    padding: var(--space-6);
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-\[var\(--space-1\)\] {
    padding-inline: var(--space-1);
  }
  .px-\[var\(--space-2\)\] {
    padding-inline: var(--space-2);
  }
  .px-\[var\(--space-3\)\] {
    padding-inline: var(--space-3);
  }
  .px-\[var\(--space-4\)\] {
    padding-inline: var(--space-4);
  }
  .px-\[var\(--space-5\)\] {
    padding-inline: var(--space-5);
  }
  .px-\[var\(--space-6\)\] {
    padding-inline: var(--space-6);
  }
  .px-px {
    padding-inline: 1px;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[calc\(var\(--space-6\)\*2\)\] {
    padding-block: calc(var(--space-6) * 2);
  }
  .py-\[calc\(var\(--space-6\)\*3\)\] {
    padding-block: calc(var(--space-6) * 3);
  }
  .py-\[calc\(var\(--space-6\)\*4\)\] {
    padding-block: calc(var(--space-6) * 4);
  }
  .py-\[var\(--space-1\)\] {
    padding-block: var(--space-1);
  }
  .py-\[var\(--space-2\)\] {
    padding-block: var(--space-2);
  }
  .py-\[var\(--space-3\)\] {
    padding-block: var(--space-3);
  }
  .py-\[var\(--space-4\)\] {
    padding-block: var(--space-4);
  }
  .py-\[var\(--space-5\)\] {
    padding-block: var(--space-5);
  }
  .py-\[var\(--space-6\)\] {
    padding-block: var(--space-6);
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-\[calc\(var\(--space-6\)\*3\)\] {
    padding-top: calc(var(--space-6) * 3);
  }
  .pt-\[calc\(var\(--space-6\)\+var\(--space-5\)\)\] {
    padding-top: calc(var(--space-6) + var(--space-5));
  }
  .pt-\[var\(--space-2\)\] {
    padding-top: var(--space-2);
  }
  .pt-\[var\(--space-3\)\] {
    padding-top: var(--space-3);
  }
  .pt-\[var\(--space-4\)\] {
    padding-top: var(--space-4);
  }
  .pt-\[var\(--space-5\)\] {
    padding-top: var(--space-5);
  }
  .pt-\[var\(--space-6\)\] {
    padding-top: var(--space-6);
  }
  .pr-\[calc\(var\(--space-6\)\+var\(--space-2\)\)\] {
    padding-right: calc(var(--space-6) + var(--space-2));
  }
  .pr-\[var\(--space-1\)\] {
    padding-right: var(--space-1);
  }
  .pr-\[var\(--space-2\)\] {
    padding-right: var(--space-2);
  }
  .pr-\[var\(--space-3\)\] {
    padding-right: var(--space-3);
  }
  .pb-\[calc\(var\(--space-6\)\*4\)\] {
    padding-bottom: calc(var(--space-6) * 4);
  }
  .pb-\[var\(--space-1\)\] {
    padding-bottom: var(--space-1);
  }
  .pb-\[var\(--space-2\)\] {
    padding-bottom: var(--space-2);
  }
  .pb-\[var\(--space-3\)\] {
    padding-bottom: var(--space-3);
  }
  .pb-\[var\(--space-4\)\] {
    padding-bottom: var(--space-4);
  }
  .pb-\[var\(--space-5\)\] {
    padding-bottom: var(--space-5);
  }
  .pl-\[calc\(var\(--space-4\)\+var\(--space-1\)\)\] {
    padding-left: calc(var(--space-4) + var(--space-1));
  }
  .pl-\[calc\(var\(--space-6\)\+var\(--space-1\)\)\] {
    padding-left: calc(var(--space-6) + var(--space-1));
  }
  .pl-\[calc\(var\(--space-6\)\+var\(--space-2\)\)\] {
    padding-left: calc(var(--space-6) + var(--space-2));
  }
  .pl-\[var\(--space-2\)\] {
    padding-left: var(--space-2);
  }
  .pl-\[var\(--space-4\)\] {
    padding-left: var(--space-4);
  }
  .pl-\[var\(--space-6\)\] {
    padding-left: var(--space-6);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-display {
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  }
  .font-sans {
    font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[clamp\(2rem\,4vw\,3rem\)\] {
    font-size: clamp(2rem, 4vw, 3rem);
  }
  .text-\[clamp\(3rem\,7vw\,5\.5rem\)\] {
    font-size: clamp(3rem, 7vw, 5.5rem);
  }
  .text-\[clamp\(4rem\,8vw\,7rem\)\] {
    font-size: clamp(4rem, 8vw, 7rem);
  }
  .text-\[clamp\(4rem\,14vw\,10rem\)\] {
    font-size: clamp(4rem, 14vw, 10rem);
  }
  .text-\[length\:calc\(var\(--text-2xl\)\*1\.2\)\] {
    font-size: calc(var(--text-2xl) * 1.2);
  }
  .text-\[length\:calc\(var\(--text-2xl\)\*2\)\] {
    font-size: calc(var(--text-2xl) * 2);
  }
  .text-\[length\:var\(--space-3\)\] {
    font-size: var(--space-3);
  }
  .text-\[length\:var\(--text-2xl\)\] {
    font-size: var(--text-2xl);
  }
  .text-\[length\:var\(--text-base\)\] {
    font-size: var(--text-base);
  }
  .text-\[length\:var\(--text-lg\)\] {
    font-size: var(--text-lg);
  }
  .text-\[length\:var\(--text-sm\)\] {
    font-size: var(--text-sm);
  }
  .text-\[length\:var\(--text-xl\)\] {
    font-size: var(--text-xl);
  }
  .text-\[length\:var\(--text-xs\)\] {
    font-size: var(--text-xs);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[var\(--space-4\)\] {
    --tw-leading: var(--space-4);
    line-height: var(--space-4);
  }
  .leading-\[var\(--space-6\)\] {
    --tw-leading: var(--space-6);
    line-height: var(--space-6);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .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);
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-background {
    color: var(--background);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-chart-1 {
    color: var(--chart-1);
  }
  .text-chart-2 {
    color: var(--chart-2);
  }
  .text-chart-3 {
    color: var(--chart-3);
  }
  .text-chart-4 {
    color: var(--chart-4);
  }
  .text-chart-5 {
    color: var(--chart-5);
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-primary\/80 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-sidebar-accent-foreground {
    color: var(--sidebar-accent-foreground);
  }
  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }
  .text-success {
    color: var(--success);
  }
  .text-success-foreground {
    color: var(--success-foreground);
  }
  .text-warning {
    color: var(--warning);
  }
  .text-warning-foreground {
    color: var(--warning-foreground);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .accent-primary {
    accent-color: var(--primary);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .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-inner {
    --tw-shadow: inset 0 2px 4px 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);
  }
  .shadow-lg {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: var(--shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --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);
  }
  .shadow-sm {
    --tw-shadow: var(--shadow-sm);
    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);
  }
  .ring-1 {
    --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);
  }
  .ring-2 {
    --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);
  }
  .ring-border {
    --tw-ring-color: var(--border);
  }
  .ring-primary\/20 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .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,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .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-\[width\,background-color\] {
    transition-property: width,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    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));
  }
  .transition-transform {
    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));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[column-count\:1\] {
    column-count: 1;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    .group-hover\:translate-x-\[var\(--space-1\)\]:is(:where(.group):hover *) {
      --tw-translate-x: var(--space-1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--primary);
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
  .peer-checked\:border-primary:is(:where(.peer):checked ~ *) {
    border-color: var(--primary);
  }
  .peer-checked\:bg-primary:is(:where(.peer):checked ~ *) {
    background-color: var(--primary);
  }
  .peer-checked\:text-primary-foreground:is(:where(.peer):checked ~ *) {
    color: var(--primary-foreground);
  }
  .file\:mr-\[var\(--space-3\)\]::file-selector-button {
    margin-right: var(--space-3);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .file\:bg-muted::file-selector-button {
    background-color: var(--muted);
  }
  .file\:px-\[var\(--space-3\)\]::file-selector-button {
    padding-inline: var(--space-3);
  }
  .file\:py-\[var\(--space-2\)\]::file-selector-button {
    padding-block: var(--space-2);
  }
  .file\:text-\[length\:var\(--text-sm\)\]::file-selector-button {
    font-size: var(--text-sm);
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }
  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
  .backdrop\:bg-background\/50::backdrop {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }
  .backdrop\:bg-foreground\/60::backdrop {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .backdrop\:bg-foreground\/70::backdrop {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .first\:pt-0:first-child {
    padding-top: 0px;
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-border:hover {
      border-color: var(--border);
    }
    .hover\:border-primary:hover {
      border-color: var(--primary);
    }
    .hover\:border-primary\/40:hover {
      border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/40:hover {
        border-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }
    .hover\:bg-background:hover {
      background-color: var(--background);
    }
    .hover\:bg-destructive:hover {
      background-color: var(--destructive);
    }
    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }
    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
    .hover\:bg-muted\/20:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/20:hover {
        background-color: color-mix(in oklab, var(--muted) 20%, transparent);
      }
    }
    .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }
    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .hover\:bg-muted\/80:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/80:hover {
        background-color: color-mix(in oklab, var(--muted) 80%, transparent);
      }
    }
    .hover\:bg-primary-foreground\/90:hover {
      background-color: var(--primary-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-foreground\/90:hover {
        background-color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
      }
    }
    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }
    .hover\:bg-warning\/90:hover {
      background-color: var(--warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/90:hover {
        background-color: color-mix(in oklab, var(--warning) 90%, transparent);
      }
    }
    .hover\:text-destructive:hover {
      color: var(--destructive);
    }
    .hover\:text-destructive-foreground:hover {
      color: var(--destructive-foreground);
    }
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
    .hover\:text-primary:hover {
      color: var(--primary);
    }
    .hover\:text-primary\/80:hover {
      color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
    .hover\:shadow-md:hover {
      --tw-shadow: var(--shadow-md);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:border-0:focus {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .focus\:border-ring:focus {
    border-color: var(--ring);
  }
  .focus\:opacity-100:focus {
    opacity: 100%;
  }
  .focus\:ring-0:focus {
    --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);
  }
  .focus\:ring-2: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);
  }
  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }
  .focus\:ring-ring\/20:focus {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
    }
  }
  .focus\:ring-ring\/30:focus {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:border-primary:focus-visible {
    border-color: var(--primary);
  }
  .focus-visible\:bg-muted:focus-visible {
    background-color: var(--muted);
  }
  .focus-visible\:bg-muted\/30:focus-visible {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .focus-visible\:ring-2: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);
  }
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }
  .focus-visible\:ring-ring\/20:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
    }
  }
  .focus-visible\:ring-ring\/30:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
    }
  }
  .focus-visible\:ring-sidebar-ring\/40:focus-visible {
    --tw-ring-color: var(--sidebar-ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--sidebar-ring) 40%, transparent);
    }
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (hover: hover) {
    .enabled\:hover\:bg-muted:enabled:hover {
      background-color: var(--muted);
    }
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-muted:disabled {
    background-color: var(--muted);
  }
  .disabled\:text-muted-foreground:disabled {
    color: var(--muted-foreground);
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .has-\[\:checked\]\:border-primary:has(:is(:checked)) {
    border-color: var(--primary);
  }
  .has-\[\:checked\]\:bg-primary\/5:has(:is(:checked)) {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .has-\[\:checked\]\:bg-primary\/10:has(:is(:checked)) {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .has-\[\:checked\]\:text-primary:has(:is(:checked)) {
    color: var(--primary);
  }
  .has-\[\:disabled\]\:cursor-not-allowed:has(:is(:disabled)) {
    cursor: not-allowed;
  }
  .has-\[\:disabled\]\:opacity-50:has(:is(:disabled)) {
    opacity: 50%;
  }
  .has-\[\:focus-visible\]\:relative:has(:is(:focus-visible)) {
    position: relative;
  }
  .has-\[\:focus-visible\]\:z-10:has(:is(:focus-visible)) {
    z-index: 10;
  }
  .has-\[\:focus-visible\]\:ring-2:has(:is(: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);
  }
  .has-\[\:focus-visible\]\:ring-ring:has(:is(:focus-visible)) {
    --tw-ring-color: var(--ring);
  }
  @media (width >= 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:h-\[calc\(var\(--space-6\)\*14\)\] {
      height: calc(var(--space-6) * 14);
    }
    .sm\:max-h-\[calc\(100dvh-var\(--space-6\)\)\] {
      max-height: calc(100dvh - var(--space-6));
    }
    .sm\:\!w-\[calc\(100\%-var\(--space-6\)\*2\)\] {
      width: calc(100% - var(--space-6) * 2) !important;
    }
    .sm\:w-\[calc\(var\(--space-6\)\*10\)\] {
      width: calc(var(--space-6) * 10);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-lg {
      width: var(--container-lg);
    }
    .sm\:max-w-\[calc\(var\(--space-6\)\*4\)\] {
      max-width: calc(var(--space-6) * 4);
    }
    .sm\:max-w-\[calc\(var\(--space-6\)\*14\)\] {
      max-width: calc(var(--space-6) * 14);
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }
    .sm\:grid-cols-\[1fr_7rem_auto\] {
      grid-template-columns: 1fr 7rem auto;
    }
    .sm\:grid-cols-\[calc\(var\(--space-6\)\*5\)_1fr\] {
      grid-template-columns: calc(var(--space-6) * 5) 1fr;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:p-\[var\(--space-3\)\] {
      padding: var(--space-3);
    }
    .sm\:px-\[var\(--space-4\)\] {
      padding-inline: var(--space-4);
    }
    .sm\:px-\[var\(--space-5\)\] {
      padding-inline: var(--space-5);
    }
    .sm\:px-\[var\(--space-6\)\] {
      padding-inline: var(--space-6);
    }
    .sm\:py-\[var\(--space-6\)\] {
      padding-block: var(--space-6);
    }
    .sm\:pl-\[var\(--space-6\)\] {
      padding-left: var(--space-6);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1\.4fr_1fr_1fr_1fr\] {
      grid-template-columns: 1.4fr 1fr 1fr 1fr;
    }
    .md\:grid-cols-\[1\.5fr_1fr\] {
      grid-template-columns: 1.5fr 1fr;
    }
    .md\:grid-cols-\[1\.5fr_1fr_1fr\] {
      grid-template-columns: 1.5fr 1fr 1fr;
    }
    .md\:grid-cols-\[1\.5fr_1fr_1fr_auto\] {
      grid-template-columns: 1.5fr 1fr 1fr auto;
    }
    .md\:grid-cols-\[1fr_16rem_auto\] {
      grid-template-columns: 1fr 16rem auto;
    }
    .md\:grid-cols-\[15rem_1fr\] {
      grid-template-columns: 15rem 1fr;
    }
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .md\:pl-\[calc\(var\(--space-6\)\*2\)\] {
      padding-left: calc(var(--space-6) * 2);
    }
  }
  @media (width >= 64rem) {
    .lg\:order-1 {
      order: 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:ml-auto {
      margin-left: auto;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline {
      display: inline;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:h-screen {
      height: 100vh;
    }
    .lg\:min-h-0 {
      min-height: 0px;
    }
    .lg\:w-\[calc\(var\(--space-5\)\*2\)\] {
      width: calc(var(--space-5) * 2);
    }
    .lg\:w-\[calc\(var\(--space-6\)\*18\)\] {
      width: calc(var(--space-6) * 18);
    }
    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: 0.9fr 1.1fr;
    }
    .lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr_1fr_auto\] {
      grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr auto;
    }
    .lg\:grid-cols-\[1\.5fr_1fr_1fr_1fr_auto\] {
      grid-template-columns: 1.5fr 1fr 1fr 1fr auto;
    }
    .lg\:grid-cols-\[1\.5fr_1fr_1fr_auto\] {
      grid-template-columns: 1.5fr 1fr 1fr auto;
    }
    .lg\:grid-cols-\[1\.5fr_1fr_auto\] {
      grid-template-columns: 1.5fr 1fr auto;
    }
    .lg\:grid-cols-\[1fr_0\.9fr_1fr_1fr\] {
      grid-template-columns: 1fr 0.9fr 1fr 1fr;
    }
    .lg\:grid-cols-\[1fr_1\.4fr\] {
      grid-template-columns: 1fr 1.4fr;
    }
    .lg\:grid-cols-\[1fr_1fr_1fr\] {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .lg\:grid-cols-\[calc\(var\(--space-6\)\*9\)_minmax\(0\,1fr\)\] {
      grid-template-columns: calc(var(--space-6) * 9) minmax(0,1fr);
    }
    .lg\:grid-cols-\[calc\(var\(--space-6\)\*13\)_1fr_1fr_1fr\] {
      grid-template-columns: calc(var(--space-6) * 13) 1fr 1fr 1fr;
    }
    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    }
    .lg\:grid-cols-\[minmax\(180px\,220px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(180px,220px) minmax(0,1fr);
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .lg\:rounded-\[var\(--radius-xl\)\] {
      border-radius: var(--radius-xl);
    }
    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .lg\:px-\[calc\(var\(--space-6\)\*3\)\] {
      padding-inline: calc(var(--space-6) * 3);
    }
    .lg\:py-\[calc\(var\(--space-6\)\*2\)\] {
      padding-block: calc(var(--space-6) * 2);
    }
    .lg\:\[column-count\:2\] {
      column-count: 2;
    }
  }
  @media (width >= 80rem) {
    .xl\:ml-16 {
      margin-left: calc(var(--spacing) * 16);
    }
    .xl\:inline {
      display: inline;
    }
    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .xl\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(18rem\,1fr\)\] {
      grid-template-columns: minmax(0,1.7fr) minmax(18rem,1fr);
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-center {
      align-items: center;
    }
    .xl\:justify-between {
      justify-content: space-between;
    }
    .xl\:\[column-count\:2\] {
      column-count: 2;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .\32 xl\:max-w-7xl {
      max-width: var(--container-7xl);
    }
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .\32 xl\:px-\[calc\(var\(--space-6\)\*2\)\] {
      padding-inline: calc(var(--space-6) * 2);
    }
  }
  .\[\&\>input\]\:min-w-0 > input {
    min-width: 0px;
  }
  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }
  .\[\&\>select\]\:max-w-20 > select {
    max-width: calc(var(--spacing) * 20);
  }
  .peer-checked\:\[\&\>svg\]\:block:is(:where(.peer):checked ~ *) > svg {
    display: block;
  }
}
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@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-border-style: solid;
      --tw-content: "";
      --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-space-x-reverse: 0;
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --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;
    }
  }
}
@layer theme {
  :root,:host {
    --font-sans: "Geist Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --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);
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 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-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
    --color-sidebar: var(--sidebar);
    --color-sidebar-foreground: var(--sidebar-foreground);
    --color-sidebar-accent: var(--sidebar-accent);
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
    --color-sidebar-border: var(--sidebar-border);
    --color-sidebar-ring: var(--sidebar-ring);
  }
}
@layer base {
  *,:after,:before,::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,:host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -.25em;
  }
  sup {
    top: -.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-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 {
    vertical-align: middle;
    display: block;
  }
  img,video {
    max-width: 100%;
    height: auto;
  }
  button,input,select,optgroup,textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::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 {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
  * {
    border-color: var(--color-border);
    outline-color: var(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    overscroll-behavior: none;
    background-color: var(--color-background);
    color: var(--color-foreground);
  }
}
@layer components {
  .accordion {
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  .accordion>details>summary {
    cursor: pointer;
    border-style: var(--tw-border-style);
    width: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-outline-style: none;
    border-width: 1px;
    border-color: #0000;
    outline-style: none;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    list-style-type: none;
    display: flex;
    position: relative;
  }
  .accordion>details>summary>svg:last-child {
    pointer-events: none;
    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));
    flex-shrink: 0;
  }
  .accordion>details[open]>summary>svg:last-child {
    rotate: 180deg;
  }
  .accordion>details[aria-disabled=true]>summary,.accordion>details>summary[aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .accordion>details>:not(summary) {
    overflow: hidden;
  }
  .alert {
    width: 100%;
    position: relative;
  }
  .alert:has(>footer) {
    padding-inline-end: 4.5rem;
  }
  .alert>:is(h2,h3,h4,h5,h6,strong,[data-title]) {
    min-height: calc(var(--spacing) * 4);
  }
  .alert>section {
    justify-items: start;
    gap: var(--spacing);
    display: grid;
  }
  .alert>section :where(p,ul,ol) {
    margin: 0;
  }
  .alert>section :where(p,ul,ol):not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .alert>section ul {
    list-style-type: disc;
    list-style-position: inside;
  }
  .alert>section ol {
    list-style-type: decimal;
    list-style-position: inside;
  }
  .alert>footer {
    position: absolute;
  }
  .avatar {
    appearance: none;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex-shrink: 0;
    padding: 0;
    display: inline-flex;
    position: relative;
  }
  .avatar:after {
    border-radius: inherit;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    content: var(--tw-content);
    mix-blend-mode: darken;
    position: absolute;
    inset: 0;
  }
  .avatar: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);
    --tw-ring-color: var(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .avatar:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .avatar:is(html.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }
  .avatar>img {
    aspect-ratio: 1;
    border-radius: inherit;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .avatar>span:not(.avatar-badge) {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .avatar[data-size=sm]>span:not(.avatar-badge) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .avatar>.avatar-badge {
    z-index: 10;
    background-blend-mode: color;
    --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);
    -webkit-user-select: none;
    user-select: none;
    inset-inline-end: calc(var(--spacing) * 0);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    bottom: 0;
  }
  .avatar[data-size=sm]>.avatar-badge {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .avatar[data-size=sm]>.avatar-badge>svg {
    display: none;
  }
  .avatar>.avatar-badge {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .avatar>.avatar-badge>svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .avatar[data-size=lg]>.avatar-badge {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .avatar[data-size=lg]>.avatar-badge>svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .avatar-group {
    display: flex;
  }
  :where(.avatar-group>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }
  .avatar-group>.avatar,.avatar-group>[data-count] {
    --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);
    --tw-ring-color: var(--color-background);
  }
  .avatar-group>[data-count] {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .badge {
    white-space: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    display: inline-flex;
    overflow: hidden;
  }
  .badge:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .badge[aria-invalid=true] {
    border-color: var(--color-destructive);
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .badge:is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge:is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .badge>svg {
    pointer-events: none;
  }
  .breadcrumb>ol {
    overflow-wrap: break-word;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }
  .breadcrumb li {
    align-items: center;
    display: inline-flex;
  }
  .breadcrumb a {
    border-radius: var(--radius-sm);
    --tw-outline-style: none;
    outline-style: none;
  }
  .breadcrumb a: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);
    --tw-ring-color: var(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .breadcrumb a:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .breadcrumb [aria-current=page] {
    cursor: default;
  }
  .breadcrumb li[aria-hidden=true] {
    -webkit-user-select: none;
    user-select: none;
  }
  .breadcrumb li>span[aria-hidden=true] {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .breadcrumb [data-rtl-flip]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
    rotate: 180deg;
  }
  .btn {
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .btn:disabled {
    pointer-events: none;
    opacity: .5;
  }
  .btn svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .button-group {
    isolation: isolate;
    align-items: stretch;
    width: fit-content;
    display: inline-flex;
  }
  .button-group:has(>:is(.dropdown-menu,.popover,.select)>[data-popover][aria-hidden=false]) {
    z-index: 50;
    position: relative;
  }
  .button-group>.input {
    flex: 1;
  }
  .button-group>:focus-visible,.button-group>:is(.dropdown-menu,.popover,.select)>button:focus-visible {
    z-index: 10;
    position: relative;
  }
  .button-group>hr[role=separator] {
    border-style: var(--tw-border-style);
    border-width: 0;
    flex-shrink: 0;
    align-self: stretch;
    width: 1px;
    height: auto;
    margin-block: 1px;
    margin-inline: 0;
    position: relative;
  }
  .button-group:not([data-orientation=vertical])>:not(:first-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:first-child)>button {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .button-group:not([data-orientation=vertical])>:not(:last-child),.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):not(:last-child)>button {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .button-group[data-orientation=vertical] {
    flex-direction: column;
  }
  .button-group[data-orientation=vertical]>hr[role=separator] {
    width: auto;
    height: 1px;
    margin-block: 0;
    margin-inline: 1px;
  }
  .button-group[data-orientation=vertical]>:not(:first-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:first-child)>button {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .button-group[data-orientation=vertical]>:not(:last-child),.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):not(:last-child)>button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .button-group>:is(span,label,output) {
    align-items: center;
    display: flex;
  }
  .button-group>:is(span,label,output) svg {
    pointer-events: none;
  }
  .card {
    flex-direction: column;
    display: flex;
  }
  .card>header {
    grid-auto-rows: min-content;
    align-items: flex-start;
    display: grid;
    container: card-header/inline-size;
  }
  .card>header:has(>[data-slot=card-action],>.card-action) {
    grid-template-columns: 1fr auto;
  }
  .card>header:has(>p) {
    grid-template-rows: auto auto;
  }
  .card>header>:is(h2,h3,[data-title],.card-title) {
    --tw-leading: 1;
    line-height: 1;
  }
  .card>header>:is([data-slot=card-action],.card-action) {
    grid-row: 1/span 2;
    grid-column-start: 2;
    place-self: flex-start flex-end;
  }
  .card>header>menu.card-action {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .card>footer {
    align-items: center;
    display: flex;
  }
  .chart {
    aspect-ratio: var(--aspect-video);
    width: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    justify-content: center;
    display: flex;
    position: relative;
  }
  .chart>canvas {
    width: 100%;
    height: 100%;
    display: block;
  }
  .chart-tooltip {
    pointer-events: none;
    z-index: 50;
    min-width: calc(var(--spacing) * 32);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transition-property: left,top,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .15s;
    --tw-ease: var(--ease-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-out);
    align-items: flex-start;
    display: grid;
    position: fixed;
  }
  .chart-tooltip[hidden] {
    opacity: 0;
  }
  .chart-tooltip-items {
    gap: calc(var(--spacing) * 1.5);
    display: grid;
  }
  .chart-tooltip-item {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    width: 100%;
    display: flex;
  }
  .chart-tooltip-indicator {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    background-color: var(--chart-indicator-color);
    border-radius: 2px;
    flex-shrink: 0;
  }
  .chart-legend-indicator {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    background-color: var(--chart-indicator-color);
    border-radius: 2px;
    flex-shrink: 0;
  }
  .chart-tooltip-label {
    --tw-leading: 1;
    color: var(--color-muted-foreground);
    line-height: 1;
  }
  .chart-tooltip-value {
    font-family: var(--font-mono);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    margin-inline-start: auto;
  }
  .chart-legend {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
  }
  .chart-legend-item {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    display: flex;
  }
  .chart-legend-item[aria-pressed=false] {
    opacity: .7;
  }
  details::details-content {
    opacity: 0;
    block-size: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
    display: block;
  }
  details[open]::details-content {
    block-size: auto;
    block-size: calc-size(auto, size);
    opacity: 1;
  }
  details summary {
    cursor: pointer;
    align-items: center;
    display: inline-flex;
  }
  details>summary::-webkit-details-marker {
    display: none;
  }
  .command-dialog {
    color: inherit;
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
    background-color: #0000;
    max-width: none;
    max-height: none;
    padding: 0;
    inset-block: 0;
  }
  .command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop {
    opacity: 1;
  }
  .command-dialog:is([open],:popover-open)>.command {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @starting-style {
    .command-dialog:is([open],:popover-open),.command-dialog:is([open],:popover-open)::backdrop {
      opacity: 0;
    }
    .command-dialog:is([open],:popover-open)>.command {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .command-dialog::backdrop {
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }
  .command-dialog>.command {
    z-index: 50;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 0;
    width: 100%;
    max-width: calc(100% - 2rem);
    max-height: min(640px,100% - 2rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 33.3333%;
    left: 50%;
    overflow: hidden;
  }
  @media (min-width:40rem) {
    .command-dialog>.command {
      max-width: var(--container-sm);
    }
  }
  .command-dialog>.command>:is(button,form[method=dialog]) {
    position: absolute;
  }
  .command-dialog>.command>:is(button,form[method=dialog]>button) {
    opacity: .7;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  @media (hover:hover) {
    .command-dialog>.command>:is(button,form[method=dialog]>button):hover {
      opacity: 1;
    }
  }
  .command-dialog>.command>:is(button,form[method=dialog]>button):focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    .command-dialog>.command>:is(button,form[method=dialog]>button):focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .command-dialog>.command>:is(button,form[method=dialog]>button):disabled,.command-dialog>.command>:is(button,form[method=dialog]>button) svg {
    pointer-events: none;
  }
  .command-dialog>.command>:is(button,form[method=dialog]>button) svg {
    flex-shrink: 0;
  }
  .command-dialog>.command>:is(button,form[method=dialog]>button)>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .command {
    flex-direction: column;
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  .command>header {
    align-items: center;
    display: flex;
  }
  .command>header svg {
    flex-shrink: 0;
  }
  .command>header input {
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
    width: 100%;
  }
  @media (forced-colors:active) {
    .command>header input {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .command>header input:disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  .command [role=menu] {
    --tw-outline-style: none;
    outline-style: none;
    overflow: hidden auto;
  }
  @media (forced-colors:active) {
    .command [role=menu] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .command [role=menu] {
    scrollbar-width: none;
  }
  .command [role=menu]::-webkit-scrollbar {
    display: none;
  }
  .command [role=menuitem] {
    cursor: default;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }
  @media (forced-colors:active) {
    .command [role=menuitem] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .command [role=menuitem] {
    -webkit-user-select: none;
    user-select: none;
  }
  .command [role=menuitem]:disabled,.command [role=menuitem][aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .command [role=menuitem][aria-hidden=true] {
    display: none;
  }
  .command [role=menuitem][data-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .command [role=menuitem] svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .command [role=menuitem].active,.command [role=menuitem][data-selected=true] {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  .command [role=group] {
    overflow: hidden;
  }
  .command [role=group]:not(:has([role=menuitem]:not([aria-hidden=true]))) {
    display: none;
  }
  .command [role=heading] {
    display: flex;
  }
  .command [role=separator] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .command [data-shortcut] {
    margin-inline-start: auto;
  }
  .command [data-indicator] {
    opacity: 0;
    margin-inline-start: auto;
  }
  .command [role=menuitem][data-checked=true] [data-indicator],.command [role=menuitem][aria-selected=true] [data-indicator],.command [role=menuitem][data-selected=true] [data-indicator] {
    opacity: 1;
  }
  .command [role=menuitem]:has([data-shortcut]) [data-indicator] {
    display: none;
  }
  .command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before {
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }
  .command [role=menu][data-empty]:not(:has([role=menuitem]:not([aria-hidden=true]))):before {
    --tw-content: attr(data-empty);
    content: var(--tw-content);
  }
  .command [role=menu]:not([data-empty]):not(:has([role=menuitem]:not([aria-hidden=true]))):before {
    --tw-content: "No results found";
    content: var(--tw-content);
  }
  .command:not([data-command-initialized]) [role=menuitem]:not([aria-disabled=true]):not(:disabled):hover {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  .command:has(>header input:not(:placeholder-shown)) [role=separator] {
    display: none;
  }
  .combobox {
    flex-direction: column;
    width: fit-content;
    display: inline-flex;
    position: relative;
  }
  .combobox>input[role=combobox] {
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    min-width: 0;
  }
  @media (forced-colors:active) {
    .combobox>input[role=combobox] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .combobox>input[role=combobox]::placeholder {
    color: var(--color-muted-foreground);
  }
  .combobox>input[role=combobox]:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }
  .combobox .input-group input[role=combobox],.combobox [data-popover] input[role=combobox] {
    --tw-outline-style: none;
    outline-style: none;
    min-width: 0;
  }
  @media (forced-colors:active) {
    .combobox .input-group input[role=combobox],.combobox [data-popover] input[role=combobox] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.combobox .input-group input[role=combobox],.combobox [data-popover] input[role=combobox])::placeholder {
    color: var(--color-muted-foreground);
  }
  :is(.combobox .input-group input[role=combobox],.combobox [data-popover] input[role=combobox]):disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }
  .combobox>svg,.combobox-trigger-icon {
    pointer-events: none;
    flex-shrink: 0;
    position: absolute;
  }
  .combobox:has(>.combobox-chips)>.combobox-trigger-icon {
    display: none;
  }
  .combobox [data-clear] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    cursor: default;
    appearance: none;
    border-style: var(--tw-border-style);
    color: currentColor;
    background-color: #0000;
    border-width: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }
  .combobox [data-clear]:disabled {
    pointer-events: none;
    opacity: .5;
  }
  .combobox [data-clear][hidden],.combobox .input-group:has([data-clear]:not([hidden])) button[aria-haspopup=listbox] {
    display: none;
  }
  .combobox [data-popover] {
    isolation: isolate;
    min-width: max(100%,9rem);
    overflow: hidden;
  }
  .combobox [role=listbox] {
    --tw-outline-style: none;
    outline-style: none;
    overflow: hidden auto;
  }
  @media (forced-colors:active) {
    .combobox [role=listbox] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .combobox [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))) {
    display: none;
  }
  .combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before {
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }
  .combobox [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before {
    --tw-content: attr(data-empty);
    content: var(--tw-content);
  }
  .combobox [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before {
    --tw-content: "No results found";
    content: var(--tw-content);
  }
  .combobox [role=option] {
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  @media (forced-colors:active) {
    .combobox [role=option] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .combobox [role=option] {
    -webkit-user-select: none;
    user-select: none;
  }
  .combobox [role=option]:disabled,.combobox [role=option][aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .combobox [role=option][aria-hidden=true] {
    display: none;
  }
  .combobox [role=option] svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .combobox [role=option][aria-selected=true] {
    background-image: var(--check-icon);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: .875rem;
  }
  .combobox [role=option][aria-selected=true]:dir(rtl) {
    background-position: .5rem;
  }
  .combobox [role=separator] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .combobox [role=option].active,.combobox [role=option]:focus-visible,.combobox:not([data-combobox-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover {
    background-color: var(--color-accent);
    color: var(--color-accent-foreground);
  }
  .combobox-chips {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }
  .combobox-chips>input[role=combobox] {
    min-width: calc(var(--spacing) * 16);
    --tw-outline-style: none;
    background-color: #0000;
    outline-style: none;
    flex: 1;
  }
  @media (forced-colors:active) {
    .combobox-chips>input[role=combobox] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .combobox-chips>input[role=combobox]::placeholder {
    color: var(--color-muted-foreground);
  }
  .combobox-chips>input[role=combobox]:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }
  .combobox-chip {
    white-space: nowrap;
    flex-shrink: 0;
    align-items: center;
    width: fit-content;
    display: inline-flex;
  }
  .combobox-chip-remove {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .dialog,.alert-dialog {
    color: inherit;
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
    background-color: #0000;
    padding: 0;
  }
  :is(.dialog,.alert-dialog)::backdrop {
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
  }
  .dialog,.alert-dialog {
    max-width: none;
    max-height: none;
  }
  :is(.dialog,.alert-dialog):is([open],:popover-open),:is(.dialog,.alert-dialog):is([open],:popover-open)::backdrop {
    opacity: 1;
  }
  :is(.dialog,.alert-dialog):is([open],:popover-open)>* {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  @starting-style {
    :is(.dialog,.alert-dialog):is([open],:popover-open),:is(.dialog,.alert-dialog):is([open],:popover-open)::backdrop {
      opacity: 0;
    }
    :is(.dialog,.alert-dialog):is([open],:popover-open)>* {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  :is(.dialog,.alert-dialog)>* {
    z-index: 50;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 100%;
    max-height: calc(100% - 2rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
  }
  @media (forced-colors:active) {
    :is(.dialog,.alert-dialog)>* {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.dialog,.alert-dialog)>* {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .dialog>*>header {
    flex-direction: column;
    display: flex;
  }
  .dialog>*>section {
    flex: 1;
  }
  .dialog>*>footer {
    flex-direction: column-reverse;
    display: flex;
  }
  @media (min-width:40rem) {
    .dialog>*>footer {
      flex-direction: row;
      justify-content: flex-end;
    }
  }
  .dialog>*>:is(button,form[method=dialog]) {
    position: absolute;
  }
  .dialog>*>:is(button,form[method=dialog]>button) {
    opacity: .7;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  @media (hover:hover) {
    .dialog>*>:is(button,form[method=dialog]>button):hover {
      opacity: 1;
    }
  }
  .dialog>*>:is(button,form[method=dialog]>button):focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    .dialog>*>:is(button,form[method=dialog]>button):focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .dialog>*>:is(button,form[method=dialog]>button):disabled,.dialog>*>:is(button,form[method=dialog]>button) svg {
    pointer-events: none;
  }
  .dialog>*>:is(button,form[method=dialog]>button) svg {
    flex-shrink: 0;
  }
  .dialog>*>:is(button,form[method=dialog]>button)>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .alert-dialog>*>header {
    text-align: center;
    grid-template-rows: auto 1fr;
    place-items: center;
    display: grid;
  }
  @media (min-width:40rem) {
    .alert-dialog>*>header {
      text-align: start;
      place-items: start;
    }
  }
  .alert-dialog>*>header:has(>figure) {
    grid-template-rows: auto auto 1fr;
  }
  @media (min-width:40rem) {
    .alert-dialog>*>header:has(>figure) {
      grid-template-rows: auto 1fr;
    }
  }
  .alert-dialog>*>header>figure {
    flex-shrink: 0;
    margin: 0;
  }
  @media (min-width:40rem) {
    .alert-dialog>*>header>figure {
      grid-row: span 2/span 2;
    }
  }
  .alert-dialog>*>header>figure svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .alert-dialog>*>header>figure:has(img) {
    overflow: hidden;
  }
  .alert-dialog>*>header>figure:has(img) img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  @media (min-width:40rem) {
    .alert-dialog>*>header:has(>figure)>:is(h2,p) {
      grid-column-start: 2;
    }
  }
  .alert-dialog>*>footer {
    flex-direction: column-reverse;
    display: flex;
  }
  @media (min-width:40rem) {
    .alert-dialog>*>footer {
      flex-direction: row;
      justify-content: flex-end;
    }
    .alert-dialog[data-size=sm]>*>header,.alert-dialog>[data-size=sm]>header {
      text-align: center;
      place-items: center;
    }
    .alert-dialog[data-size=sm]>*>header:has(>figure),.alert-dialog>[data-size=sm]>header:has(>figure) {
      grid-template-rows: auto auto 1fr;
    }
    .alert-dialog[data-size=sm]>*>header:has(>figure)>:is(h2,p),.alert-dialog>[data-size=sm]>header:has(>figure)>:is(h2,p) {
      grid-column-start: auto;
    }
  }
  .alert-dialog[data-size=sm]>*>footer,.alert-dialog>[data-size=sm]>footer {
    grid-template-columns: repeat(2,minmax(0,1fr));
    display: grid;
  }
  @media (min-width:40rem) {
    .alert-dialog[data-size=sm]>*>footer,.alert-dialog>[data-size=sm]>footer {
      grid-template-columns: repeat(2,minmax(0,1fr));
      display: grid;
    }
  }
  .drawer {
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    color: inherit;
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
    --tw-duration: .5s;
    --tw-ease: cubic-bezier(.32,.72,0,1);
    background-color: #0000;
    margin: 0;
    padding: 0;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.32,.72,0,1);
    position: fixed;
    inset: 0;
    overflow: visible;
  }
  .drawer::backdrop {
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    transition-behavior: allow-discrete;
    --tw-duration: .5s;
    --tw-ease: cubic-bezier(.32,.72,0,1);
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.32,.72,0,1);
  }
  .drawer>* {
    z-index: 50;
    --tw-outline-style: none;
    outline-style: none;
    flex-direction: column;
    height: auto;
    display: flex;
    position: fixed;
  }
  @media (forced-colors:active) {
    .drawer>* {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .drawer>* {
    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: .5s;
    --tw-ease: cubic-bezier(.32,.72,0,1);
    will-change: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.32,.72,0,1);
  }
  .drawer:not([data-side])>*,.drawer[data-side=bottom]>* {
    margin-top: calc(var(--spacing) * 24);
    --tw-translate-y: 100%;
    max-height: 80vh;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-inline: 0;
    bottom: 0;
  }
  .drawer[data-side=top]>* {
    margin-bottom: calc(var(--spacing) * 24);
    --tw-translate-y: -100%;
    max-height: 80vh;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-inline: 0;
    top: 0;
  }
  .drawer[data-side=left]>* {
    width: 75%;
    max-width: var(--container-sm);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-block: 0;
    left: 0;
  }
  .drawer[data-side=right]>* {
    width: 75%;
    max-width: var(--container-sm);
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-block: 0;
    right: 0;
  }
  .drawer[data-closing],.drawer[data-closing]::backdrop {
    opacity: 0;
  }
  .drawer[data-closing]:not([data-side])>*,.drawer[data-closing][data-side=bottom]>* {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .drawer[data-closing][data-side=top]>* {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .drawer[data-closing][data-side=left]>* {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .drawer[data-closing][data-side=right]>* {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .drawer:is([open],:popover-open):not([data-closing]),.drawer:is([open],:popover-open):not([data-closing])::backdrop {
    opacity: 1;
  }
  .drawer:is([open],:popover-open):not([data-closing])>* {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @starting-style {
    .drawer:is([open],:popover-open):not([data-closing]),.drawer:is([open],:popover-open):not([data-closing])::backdrop {
      opacity: 0;
    }
    .drawer:is([open],:popover-open):not([data-closing]):not([data-side])>*,.drawer:is([open],:popover-open):not([data-closing])[data-side=bottom]>* {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .drawer:is([open],:popover-open):not([data-closing])[data-side=top]>* {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .drawer:is([open],:popover-open):not([data-closing])[data-side=left]>* {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .drawer:is([open],:popover-open):not([data-closing])[data-side=right]>* {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .drawer>*>header {
    flex-direction: column;
    display: flex;
  }
  .drawer>*>section {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  .drawer>*>footer {
    flex-direction: column;
    margin-top: auto;
    display: flex;
  }
  .dropdown-menu {
    display: inline-flex;
    position: relative;
  }
  .dropdown-menu>[data-popover] {
    min-width: anchor-size(width);
  }
  .dropdown-menu [role=menu] {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    .dropdown-menu [role=menu] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) {
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  @media (forced-colors:active) {
    .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) {
    -webkit-user-select: none;
    user-select: none;
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):disabled,.dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[aria-hidden=true] {
    display: none;
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .dropdown-menu [role=menu] [role=heading] {
    display: flex;
  }
  .dropdown-menu [role=separator] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .dropdown-menu :is([data-shortcut],kbd:last-child,.kbd:last-child) {
    text-align: end;
    flex-shrink: 0;
    margin-inline-start: auto;
  }
  .dropdown-menu [data-shortcut],.dropdown-menu :is(kbd:last-child,.kbd:last-child):not([data-shortcut]) {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .dropdown-menu [data-indicator] {
    pointer-events: none;
    visibility: hidden;
  }
  .dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio])[aria-checked=true] [data-indicator] {
    visibility: visible;
  }
  .dropdown-menu [data-rtl-flip]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
    rotate: 180deg;
  }
  .dropdown-menu:not([data-dropdown-menu-initialized]) :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):not([aria-disabled=true]):not(:disabled):hover {
    background-color: var(--color-accent);
    color: var(--color-accent-foreground);
  }
  .empty {
    text-align: center;
    text-wrap: balance;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }
  .empty>header {
    max-width: var(--container-sm);
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  .empty figure {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .empty figure svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .empty figure:has(img) {
    overflow: hidden;
  }
  .empty figure:has(img) img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .empty>:is(section,footer) {
    width: 100%;
    max-width: var(--container-sm);
    text-wrap: balance;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    display: flex;
  }
  .empty>header>p>a {
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }
  .empty>header>p>a:hover {
    color: var(--color-primary);
  }
  .fieldset {
    flex-direction: column;
    display: flex;
  }
  .fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field) {
    flex-direction: column;
    width: 100%;
    display: flex;
    container: field-group/inline-size;
  }
  .field {
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  .field>* {
    width: 100%;
  }
  .field>.sr-only {
    width: auto;
  }
  .field[data-orientation=horizontal] {
    flex-direction: row;
    align-items: center;
  }
  .field[data-orientation=horizontal]:has(>section) {
    align-items: flex-start;
  }
  .field[data-orientation=horizontal] p {
    text-wrap: balance;
  }
  .field[data-orientation=horizontal]>* {
    width: auto;
  }
  .field[data-orientation=horizontal]:has(>section)>[type=checkbox],.field[data-orientation=horizontal]:has(>section) [type=radio] {
    margin-top: 1px;
  }
  .field[data-orientation=horizontal]>label {
    flex: auto;
  }
  .field[data-orientation=horizontal]:has(>section)>section {
    flex: 1;
  }
  .field[data-orientation=responsive] {
    flex-direction: column;
  }
  @container field-group (min-width:28rem) {
    .field[data-orientation=responsive] {
      flex-direction: row;
      align-items: center;
    }
    .field[data-orientation=responsive]:has(>section) {
      align-items: flex-start;
    }
    .field[data-orientation=responsive]>* {
      width: auto;
    }
    .field[data-orientation=responsive]:has(>section)>[type=checkbox],.field[data-orientation=responsive]:has(>section) [type=radio] {
      margin-top: 1px;
    }
    .field[data-orientation=responsive]>label {
      flex: auto;
    }
  }
  .field section {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    flex-direction: column;
    flex: 1;
    display: flex;
  }
  .field h2,.field h3 {
    align-items: center;
    width: fit-content;
    display: flex;
  }
  .field [role=alert] {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .field [role=alert] ul {
    gap: var(--spacing);
    flex-direction: column;
    margin-inline-start: calc(var(--spacing) * 4);
    list-style-type: disc;
    display: flex;
  }
  .field>label,.field>section>label,label:has(>.field) {
    width: fit-content;
  }
  .field>label:has(>.field),.field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),label:has(>.field) {
    width: 100%;
  }
  .field>label:has(>.field),label:has(>.field) {
    flex-direction: column;
  }
  .fieldset legend+p,.field>p,.field section>p {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :is(.fieldset legend+p,.field>p,.field section>p)>a {
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }
  :is(.fieldset legend+p,.field>p,.field section>p)>a:hover {
    color: var(--color-primary);
  }
  :is(.field>p,.field section>p):last-child {
    margin-top: 0;
  }
  :is(.field>p,.field section>p):nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }
  .field-separator {
    position: relative;
  }
  .field-separator>hr[role=separator] {
    inset-inline: 0;
    position: absolute;
    top: 50%;
  }
  .field-separator>span {
    background-color: var(--color-background);
    width: fit-content;
    margin-inline: auto;
    display: block;
    position: relative;
  }
  .field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]) {
    appearance: none;
    --tw-outline-style: none;
    outline-style: none;
    flex-shrink: 0;
    position: relative;
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after {
    --tw-content: "";
    content: var(--tw-content);
    -webkit-mask-image: var(--check-icon);
    mask-image: var(--check-icon);
    background-color: currentColor;
    display: block;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: .875rem;
    mask-size: .875rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]) {
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    min-width: 0;
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button {
    display: inline-flex;
    border-style: var(--tw-border-style);
    border-width: 0;
    background-color: #0000;
    color: var(--color-foreground);
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::placeholder {
    color: var(--color-muted-foreground);
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }
  .item-group {
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  .item-group>hr {
    border-style: var(--tw-border-style);
    border-width: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    flex-shrink: 0;
    width: 100%;
  }
  .item {
    border-style: var(--tw-border-style);
    width: 100%;
    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));
    --tw-duration: .1s;
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
    flex-wrap: wrap;
    align-items: center;
    transition-duration: .1s;
    display: flex;
  }
  .item:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .item:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  @media (hover:hover) {
    a.item:hover {
      background-color: var(--color-muted);
    }
  }
  .item>figure {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .item>figure svg {
    pointer-events: none;
  }
  .item>figure:has(>img) {
    overflow: hidden;
  }
  .item>figure:has(>img) img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .item>section {
    flex-direction: column;
    flex: 1;
    display: flex;
  }
  .item>section+section {
    flex: none;
  }
  .item>aside {
    align-items: center;
    display: flex;
  }
  .item>:is(header,footer) {
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .item :is(h2,h3,h4) {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    align-items: center;
    width: fit-content;
    display: flex;
    overflow: hidden;
  }
  .item p {
    -webkit-line-clamp: 2;
    text-align: start;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-muted-foreground);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .item p>a {
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }
  .item p>a:hover {
    color: var(--color-primary);
  }
  .kbd {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .field>label,.field>section>label,.label {
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
  }
  :is(.field>label,.field>section>label,.label):is(:where(.peer):disabled~*),:is(.field>label,.field>section>label,.label):has(>:disabled),:is(.field>label,.field>section>label,.label):has(+:disabled) {
    pointer-events: none;
  }
  .field>select,select.select {
    appearance: none;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    min-width: 0;
  }
  :is(.field>select,select.select):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  :is(.field>select,select.select) option,:is(.field>select,select.select) optgroup {
    color: canvastext;
    background-color: canvas;
  }
  [data-popover] {
    visibility: visible;
    z-index: 50;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    width: max-content;
    min-width: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
    --tw-outline-style: none;
    outline-style: none;
    position: absolute;
    overflow: hidden auto;
  }
  @media (forced-colors:active) {
    [data-popover] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  [data-popover] {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  [data-popover][aria-hidden=true] {
    visibility: hidden;
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
  }
  [data-popover][aria-hidden=true]:not([data-side]),[data-popover][aria-hidden=true][data-side=bottom] {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=top] {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=left] {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=right] {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=inline-start] {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=inline-start]:dir(rtl) {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=inline-end] {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover][aria-hidden=true][data-side=inline-end]:dir(rtl) {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  [data-popover]:not([data-side]),[data-popover][data-side=bottom] {
    margin-top: var(--spacing);
    top: 100%;
  }
  [data-popover][data-side=top] {
    margin-bottom: var(--spacing);
    bottom: 100%;
  }
  [data-popover][data-side=left] {
    margin-inline-end: var(--spacing);
    inset-inline-end: 100%;
  }
  [data-popover][data-side=right] {
    margin-inline-start: var(--spacing);
    inset-inline-start: 100%;
  }
  [data-popover][data-side=inline-start] {
    margin-inline-end: var(--spacing);
    inset-inline-end: 100%;
  }
  [data-popover][data-side=inline-end] {
    margin-inline-start: var(--spacing);
    inset-inline-start: 100%;
  }
  :is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top]):not([data-align]),:is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=start] {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  :is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=end] {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  :is([data-popover]:not([data-side]),[data-popover][data-side=bottom],[data-popover][data-side=top])[data-align=center] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-inline-start: 50%;
  }
  :is([data-popover][data-side=left],[data-popover][data-side=right],[data-popover][data-side=inline-start],[data-popover][data-side=inline-end]):not([data-align]),:is([data-popover][data-side=left],[data-popover][data-side=right],[data-popover][data-side=inline-start],[data-popover][data-side=inline-end])[data-align=start] {
    top: 0;
  }
  :is([data-popover][data-side=left],[data-popover][data-side=right],[data-popover][data-side=inline-start],[data-popover][data-side=inline-end])[data-align=end] {
    bottom: 0;
  }
  :is([data-popover][data-side=left],[data-popover][data-side=right],[data-popover][data-side=inline-start],[data-popover][data-side=inline-end])[data-align=center] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 50%;
  }
  .popover {
    display: inline-flex;
    position: relative;
  }
  .progress {
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  .progress:dir(rtl) {
    flex-direction: row-reverse;
  }
  .progress>span {
    height: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  .field>input[type=radio],.input[type=radio] {
    appearance: none;
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
    flex-shrink: 0;
    position: relative;
  }
  :is(.field>input[type=radio],.input[type=radio]):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  :is(.field>input[type=radio],.input[type=radio]):checked:before {
    --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);
    --tw-content: "";
    content: var(--tw-content);
    border-radius: 3.40282e38px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .field>input[type=range],.input[type=range] {
    appearance: none;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    padding: 0;
    display: flex;
  }
  :is(.field>input[type=range],.input[type=range]):disabled {
    pointer-events: none;
    opacity: .5;
  }
  .field>input[type=range],.input[type=range] {
    --slider-value: 20%;
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb {
    appearance: none;
    flex-shrink: 0;
    display: block;
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track {
    appearance: none;
    background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
    width: 100%;
  }
  :is(.field>input[type=range],.input[type=range]):dir(rtl)::-webkit-slider-runnable-track {
    background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-thumb {
    appearance: none;
    flex-shrink: 0;
    display: block;
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-track {
    appearance: none;
    background: linear-gradient(to right, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
    width: 100%;
  }
  :is(.field>input[type=range],.input[type=range]):dir(rtl)::-moz-range-track {
    background: linear-gradient(to left, var(--primary) var(--slider-value), var(--muted) var(--slider-value));
  }
  :is(.field>input[type=range],.input[type=range])::-ms-thumb {
    appearance: none;
    flex-shrink: 0;
    display: block;
  }
  :is(.field>input[type=range],.input[type=range])::-ms-track {
    appearance: none;
    width: 100%;
  }
  :is(.field>input[type=range],.input[type=range])::-ms-fill-lower {
    background-color: var(--color-primary);
  }
  :is(.field>input[type=range],.input[type=range])::-ms-fill-upper {
    background-color: var(--color-muted);
  }
  .select:not(select) {
    display: inline-flex;
    position: relative;
  }
  .select:not(select)>button {
    --tw-font-weight: var(--font-weight-normal);
    width: fit-content;
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  @media (forced-colors:active) {
    .select:not(select)>button {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .select:not(select)>button:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }
  .select:not(select)>button svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .select:not(select)>button>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    flex: 1;
    display: flex;
    overflow: hidden;
  }
  .select:not(select)>button>svg {
    flex-shrink: 0;
  }
  .select:not(select) [data-popover] {
    isolation: isolate;
    min-width: max(100%,9rem);
    overflow-x: hidden;
  }
  .select:not(select) [role=listbox] {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    .select:not(select) [role=listbox] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .select:not(select) [role=listbox] [role=group]:not(:has([role=option]:not([aria-hidden=true]))) {
    display: none;
  }
  .select:not(select) [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before {
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }
  .select:not(select) [role=listbox][data-empty]:not(:has([data-value]:not([aria-hidden=true]))):before {
    --tw-content: attr(data-empty);
    content: var(--tw-content);
  }
  .select:not(select) [role=listbox]:not([data-empty]):not(:has([data-value]:not([aria-hidden=true]))):before {
    --tw-content: "No results found";
    content: var(--tw-content);
  }
  .select:not(select) [role=option] {
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  @media (forced-colors:active) {
    .select:not(select) [role=option] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .select:not(select) [role=option] {
    -webkit-user-select: none;
    user-select: none;
  }
  .select:not(select) [role=option]:disabled,.select:not(select) [role=option][aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .select:not(select) [role=option][aria-hidden=true] {
    display: none;
  }
  .select:not(select) [role=option] svg {
    pointer-events: none;
    flex-shrink: 0;
  }
  .select:not(select) [role=option][aria-selected=true] {
    background-image: var(--check-icon);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: .875rem;
  }
  .select:not(select) [role=option][aria-selected=true]:dir(rtl) {
    background-position: .5rem;
  }
  .select:not(select) [role=separator] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .select:not(select):not([data-select-initialized]) [role=option]:not([aria-disabled=true]):not(:disabled):hover,.select:not(select) [role=option].active {
    background-color: var(--color-accent);
    color: var(--color-accent-foreground);
  }
  @media not all and (min-width:48rem) {
    .sidebar:not([data-sidebar-initialized]) {
      display: none;
    }
    .sidebar:not([aria-hidden]),.sidebar[aria-hidden=false] {
      z-index: 40;
      background-color: #00000080;
      position: fixed;
      inset: 0;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .sidebar:not([aria-hidden]),.sidebar[aria-hidden=false] {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .sidebar nav {
    z-index: 50;
    width: var(--sidebar-mobile-width);
    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: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    flex-direction: column;
    display: flex;
    position: fixed;
    inset-block: 0;
  }
  @media (min-width:48rem) {
    .sidebar nav {
      width: var(--sidebar-width);
    }
  }
  .sidebar+* {
    transition-property: margin;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
  }
  :is(.sidebar:not([data-side]),.sidebar[data-side=left]) nav {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    left: 0;
  }
  :is(.sidebar:not([data-side]),.sidebar[data-side=left])+* {
    position: relative;
  }
  @media (min-width:48rem) {
    :is(.sidebar:not([data-side]),.sidebar[data-side=left])+* {
      margin-left: var(--sidebar-width);
    }
  }
  :is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true] nav {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (min-width:48rem) {
    :is(.sidebar:not([data-side]),.sidebar[data-side=left])[aria-hidden=true]+* {
      margin-left: 0;
    }
  }
  .sidebar[data-side=right] nav {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    right: 0;
  }
  .sidebar[data-side=right]+* {
    position: relative;
  }
  @media (min-width:48rem) {
    .sidebar[data-side=right]+* {
      margin-right: var(--sidebar-width);
    }
  }
  .sidebar[data-side=right][aria-hidden=true] nav {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (min-width:48rem) {
    .sidebar[data-side=right][aria-hidden=true]+* {
      margin-right: 0;
    }
  }
  .sidebar nav>header,.sidebar nav>footer {
    flex-direction: column;
    display: flex;
  }
  .sidebar nav [role=separator] {
    width: auto;
  }
  .sidebar nav>section {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }
  .sidebar nav>section>[role=group] {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }
  .sidebar nav>section h3 {
    --tw-outline-style: none;
    outline-style: none;
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  @media (forced-colors:active) {
    .sidebar nav>section h3 {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .sidebar nav>section h3 {
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }
  .sidebar nav>section h3>svg {
    flex-shrink: 0;
  }
  .sidebar nav>section ul {
    flex-direction: column;
    width: 100%;
    min-width: 0;
    display: flex;
  }
  .sidebar nav>section ul li {
    position: relative;
  }
  .sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary {
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  @media (forced-colors:active) {
    .sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary {
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
  }
  :is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary):disabled,:is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)[aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  :is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  :is(.sidebar nav>section ul li>a,.sidebar nav>section ul li>button,.sidebar nav>section ul li>details>summary)>svg {
    flex-shrink: 0;
  }
  .sidebar nav>section ul li>details:not([open])>summary:after {
    rotate: -90deg;
  }
  .sidebar nav>section ul li>details:not([open])>summary:after:where() {
    rotate: 90deg;
  }
  .sidebar nav>section ul li>details>summary:after {
    width: calc(var(--spacing) * 3.5);
    height: 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-ease: linear;
    --tw-content: "";
    content: var(--tw-content);
    -webkit-mask-image: var(--chevron-down-icon);
    mask-image: var(--chevron-down-icon);
    background-color: currentColor;
    margin-inline-start: auto;
    transition-timing-function: linear;
    display: block;
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1rem;
    mask-size: 1rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .sidebar nav>section ul ul {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }
  .scrollbar {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
  .scrollbar::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
  }
  .scrollbar::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
  }
  .scrollbar::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-radius);
    background-clip: padding-box;
    border: 1px solid #0000;
  }
  .scrollbar::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
  }
  .scrollbar-sm {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
  .scrollbar-sm::-webkit-scrollbar {
    width: var(--scrollbar-sm-width);
    height: var(--scrollbar-sm-width);
  }
  .scrollbar-sm::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
  }
  .scrollbar-sm::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-radius);
    background-clip: padding-box;
    border: 1px solid #0000;
  }
  .scrollbar-sm::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
  }
  .skeleton {
    animation: var(--animate-pulse);
  }
  .field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch] {
    appearance: none;
    transition-property: all;
    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;
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before {
    pointer-events: none;
    --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);
    display: block;
  }
  .table {
    caption-side: bottom;
    width: 100%;
  }
  .table tfoot {
    border-top-style: var(--tw-border-style);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-top-width: 1px;
  }
  .table th {
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
  }
  .table th>[role=checkbox] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .table td {
    vertical-align: middle;
    white-space: nowrap;
  }
  .table td>[role=checkbox] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .tabs {
    display: flex;
  }
  .tabs:has(>[role=tablist][aria-orientation=horizontal]),.tabs:not(:has(>[role=tablist][aria-orientation=vertical])) {
    flex-direction: column;
  }
  .tabs:has(>[role=tablist][aria-orientation=vertical]) {
    flex-direction: row;
  }
  .tabs>[role=tablist] {
    width: fit-content;
    color: var(--color-muted-foreground);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .tabs>[role=tablist][aria-orientation=vertical] {
    flex-direction: column;
    height: fit-content;
  }
  .tabs>[role=tablist]>[role=tab] {
    white-space: nowrap;
    transition-property: all;
    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;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .tabs>[role=tablist]>[role=tab]:disabled,.tabs>[role=tablist]>[role=tab][aria-disabled=true] {
    pointer-events: none;
    opacity: .5;
  }
  .tabs>[role=tablist]>[role=tab] svg {
    flex-shrink: 0;
  }
  .tabs>[role=tabpanel] {
    --tw-outline-style: none;
    outline-style: none;
    flex: 1;
  }
  .field>textarea,.textarea {
    field-sizing: content;
    min-height: calc(var(--spacing) * 16);
    --tw-outline-style: none;
    outline-style: none;
    width: 100%;
    display: flex;
  }
  :is(.field>textarea,.textarea)::placeholder {
    color: var(--color-muted-foreground);
  }
  :is(.field>textarea,.textarea):disabled {
    cursor: not-allowed;
    opacity: .5;
  }
  .input-group {
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }
  .input-group[data-orientation=vertical],.input-group:has(>[data-align=block-start]),.input-group:has(>[data-align=block-end]) {
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }
  .input-group>:is(input,textarea,select,[data-control]) {
    appearance: none;
    border-style: var(--tw-border-style);
    min-width: 0;
    color: var(--color-foreground);
    --tw-shadow: 0 0 #0000;
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
    display: block;
  }
  .input-group>:is(input,textarea,select,[data-control])::placeholder {
    color: var(--color-muted-foreground);
  }
  .input-group>:is(input,textarea,select,[data-control]):focus-visible,.input-group>:is(input,textarea,select,[data-control])[aria-invalid=true] {
    --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);
  }
  .input-group>:is(input,select,[data-control]) {
    height: 100%;
  }
  .input-group>[data-control] {
    width: 100%;
  }
  .input-group:is([data-orientation=vertical],:has(>[data-align=block-start]),:has(>[data-align=block-end]))>:is(input,select,[data-control]) {
    flex: none;
    height: auto;
  }
  .input-group[data-orientation=vertical]:has(>footer[data-align=end])>:is(input,select,[data-control]),.input-group:has(>[data-align=block-end])>:is(input,select,[data-control]) {
    padding-top: calc(var(--spacing) * 3);
  }
  .input-group[data-orientation=vertical]:has(>header[data-align=start])>:is(input,select,[data-control]),.input-group:has(>[data-align=block-start])>:is(input,select,[data-control]) {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .input-group>textarea {
    field-sizing: content;
    min-height: calc(var(--spacing) * 20);
    resize: none;
    width: 100%;
  }
  .input-group>:is(span,kbd,svg,[role=group],.popover,.dropdown-menu,button,footer,header,hr[role=separator]) {
    flex-shrink: 0;
  }
  .input-group>:is(span,[role=group],footer,header) {
    align-items: center;
    display: inline-flex;
  }
  .input-group>svg {
    pointer-events: none;
  }
  .input-group>:is([data-align=start],[data-align=inline-start],[data-align=block-start]) {
    order: -9999;
  }
  .input-group>:is([data-align=end],[data-align=inline-end],[data-align=block-end]) {
    order: 9999;
  }
  .input-group>:is([data-align=block-start],[data-align=block-end]) {
    justify-content: flex-start;
    width: 100%;
  }
  .input-group>button:is([data-align=start],[data-align=inline-start]) {
    margin-inline-start: var(--spacing);
  }
  .input-group>button:is([data-align=end],[data-align=inline-end]) {
    margin-inline-end: var(--spacing);
  }
  .toaster {
    pointer-events: none;
    z-index: 50;
    gap: calc(var(--spacing) * 4);
    width: 100%;
    padding: calc(var(--spacing) * 4);
    flex-direction: column-reverse;
    display: flex;
    position: fixed;
    bottom: 0;
  }
  @media (min-width:40rem) {
    .toaster {
      max-width: calc(var(--spacing) * 90);
    }
  }
  .toaster:not([data-align]),.toaster[data-align=end] {
    right: 0;
  }
  .toaster[data-align=start] {
    left: 0;
  }
  .toaster[data-align=center] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }
  .toaster .toast {
    pointer-events: auto;
    width: 100%;
    transition-property: grid-template-rows,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    grid-template-rows: 1fr;
    animation: .3s ease-in-out toast-up;
    display: grid;
  }
  .toaster .toast .toast-content {
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding: calc(var(--spacing) * 3);
    font-size: 13px;
    display: flex;
    overflow: hidden;
  }
  .toaster .toast .toast-content svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .toaster .toast .toast-content section h2 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .toaster .toast .toast-content section p {
    word-break: break-all;
    color: var(--color-muted-foreground);
  }
  .toaster .toast .toast-content footer {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    margin-inline-start: auto;
    display: flex;
  }
  .toaster .toast .toast-content footer [data-toast-action],.toaster .toast .toast-content footer [data-toast-cancel] {
    height: calc(var(--spacing) * 6);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .toaster .toast[aria-hidden=true] {
    border-style: var(--tw-border-style);
    opacity: 0;
    border-width: 0;
    grid-template-rows: 0fr;
    padding: 0;
    overflow: hidden;
  }
  .toaster .toast[aria-hidden=true] .toast-content {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  [data-tooltip] {
    position: relative;
  }
  [data-tooltip]:before {
    pointer-events: none;
    visibility: hidden;
    z-index: 60;
    width: fit-content;
    max-width: var(--container-xs);
    transform-origin: var(--transform-origin);
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-content: attr(data-tooltip);
    content: var(--tw-content);
    position: absolute;
    overflow: hidden;
  }
  [data-tooltip]:hover:before {
    visibility: visible;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }
  [data-tooltip]:focus-visible:not(:hover):before {
    display: none;
  }
  :is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):before {
    margin-bottom: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    bottom: 100%;
  }
  @media (hover:hover) {
    :is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top]):hover:before {
      content: var(--tw-content);
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=bottom]:before {
    margin-top: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=bottom]:hover:before {
      content: var(--tw-content);
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  :is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=start]:before {
    content: var(--tw-content);
    left: 0;
  }
  :is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=end]:before {
    content: var(--tw-content);
    right: 0;
  }
  :is(:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom]):not([data-align]),:is([data-tooltip]:not([data-side]),[data-tooltip][data-side=top],[data-tooltip][data-side=bottom])[data-align=center]):before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }
  [data-tooltip][data-side=left]:before {
    margin-right: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    right: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=left]:hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=right]:before {
    margin-left: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=right]:hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=inline-start]:before {
    margin-right: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    right: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=inline-start]:hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=inline-start]:dir(rtl):before {
    margin-right: 0;
    margin-left: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 100%;
    right: auto;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=inline-start]:dir(rtl):hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=inline-end]:before {
    margin-left: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=inline-end]:hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  [data-tooltip][data-side=inline-end]:dir(rtl):before {
    margin-right: calc(var(--spacing) * 1.5);
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    margin-left: 0;
    left: auto;
    right: 100%;
  }
  @media (hover:hover) {
    [data-tooltip][data-side=inline-end]:dir(rtl):hover:before {
      content: var(--tw-content);
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  :is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=start]:before {
    content: var(--tw-content);
    top: 0;
  }
  :is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=end]:before {
    content: var(--tw-content);
    bottom: 0;
  }
  :is(:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end]):not([data-align]),:is([data-tooltip][data-side=left],[data-tooltip][data-side=right],[data-tooltip][data-side=inline-start],[data-tooltip][data-side=inline-end])[data-align=center]):before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 50%;
  }
  .accordion>details:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .accordion>details>summary {
    border-radius: var(--radius-lg);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    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);
  }
  @media (hover:hover) {
    .accordion>details>summary:hover {
      text-decoration-line: underline;
    }
  }
  .accordion>details>summary:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .accordion>details>summary:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .accordion>details>summary>svg:last-child {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-muted-foreground);
    margin-inline-start: auto;
  }
  .accordion>details>:not(summary) {
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .btn {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    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);
    background-clip: padding-box;
    border-width: 1px;
    border-color: #0000;
  }
  .btn:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .btn:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .btn[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .btn:is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn:is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  .btn:is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn:is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .btn svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .btn:not([data-size]),.btn[data-size=default] {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
  }
  :is(.btn:not([data-size]),.btn[data-size=default]):has([data-icon=inline-end]) {
    padding-right: calc(var(--spacing) * 2);
  }
  :is(.btn:not([data-size]),.btn[data-size=default]):has([data-icon=inline-start]) {
    padding-left: calc(var(--spacing) * 2);
  }
  .btn[data-size=xs] {
    height: calc(var(--spacing) * 6);
    gap: var(--spacing);
    border-radius: min(var(--radius-md), 10px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .btn[data-size=xs]:has([data-icon=inline-end]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .btn[data-size=xs]:has([data-icon=inline-start]) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .btn[data-size=xs] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .btn[data-size=sm] {
    height: calc(var(--spacing) * 7);
    gap: var(--spacing);
    border-radius: min(var(--radius-md), 12px);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: .8rem;
  }
  .btn[data-size=sm]:has([data-icon=inline-end]) {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .btn[data-size=sm]:has([data-icon=inline-start]) {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .btn[data-size=sm] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .btn[data-size=lg] {
    height: calc(var(--spacing) * 9);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .btn[data-size=lg]:has([data-icon=inline-end]) {
    padding-right: calc(var(--spacing) * 2);
  }
  .btn[data-size=lg]:has([data-icon=inline-start]) {
    padding-left: calc(var(--spacing) * 2);
  }
  .btn[data-size=icon] {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .btn[data-size=icon-xs] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: min(var(--radius-md), 10px);
  }
  .btn[data-size=icon-xs] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .btn[data-size=icon-sm] {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    border-radius: min(var(--radius-md), 12px);
  }
  .btn[data-size=icon-lg] {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .btn:not([data-variant]),.btn[data-variant=primary] {
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
  }
  @media (hover:hover) {
    :is(.btn:not([data-variant]),.btn[data-variant=primary]):hover {
      background-color: var(--color-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.btn:not([data-variant]),.btn[data-variant=primary]):hover {
        background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
      }
    }
  }
  .btn[data-variant=secondary] {
    background-color: var(--color-secondary);
    color: var(--color-secondary-foreground);
  }
  @media (hover:hover) {
    .btn[data-variant=secondary]:hover {
      background-color: var(--secondary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .btn[data-variant=secondary]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }
  .btn[data-variant=secondary][aria-expanded=true] {
    background-color: var(--color-secondary);
    color: var(--color-secondary-foreground);
  }
  .btn[data-variant=outline] {
    border-color: var(--color-border);
    background-color: var(--color-background);
  }
  @media (hover:hover) {
    .btn[data-variant=outline]:hover {
      background-color: var(--color-muted);
      color: var(--color-foreground);
    }
  }
  .btn[data-variant=outline][aria-expanded=true] {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  .btn[data-variant=outline]:is(html.dark *) {
    border-color: var(--color-input);
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=outline]:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  @media (hover:hover) {
    .btn[data-variant=outline]:is(html.dark *):hover {
      background-color: var(--color-input);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .btn[data-variant=outline]:is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
      }
    }
    .btn[data-variant=ghost]:hover {
      background-color: var(--color-muted);
      color: var(--color-foreground);
    }
  }
  .btn[data-variant=ghost][aria-expanded=true] {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  @media (hover:hover) {
    .btn[data-variant=ghost]:is(html.dark *):hover {
      background-color: var(--color-muted);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .btn[data-variant=ghost]:is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }
  .btn[data-variant=link] {
    color: var(--color-primary);
    text-underline-offset: 4px;
  }
  @media (hover:hover) {
    .btn[data-variant=link]:hover {
      text-decoration-line: underline;
    }
  }
  .btn[data-variant=destructive] {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=destructive] {
      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
    }
  }
  .btn[data-variant=destructive] {
    color: var(--color-destructive);
  }
  @media (hover:hover) {
    .btn[data-variant=destructive]:hover {
      background-color: var(--color-destructive);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .btn[data-variant=destructive]:hover {
        background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
      }
    }
  }
  .btn[data-variant=destructive]:focus-visible {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=destructive]:focus-visible {
      border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .btn[data-variant=destructive]:focus-visible {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=destructive]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .btn[data-variant=destructive]:is(html.dark *) {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=destructive]:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  @media (hover:hover) {
    .btn[data-variant=destructive]:is(html.dark *):hover {
      background-color: var(--color-destructive);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .btn[data-variant=destructive]:is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
      }
    }
  }
  .btn[data-variant=destructive]:is(html.dark *):focus-visible {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .btn[data-variant=destructive]:is(html.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .button-group:has(>.button-group) {
    gap: calc(var(--spacing) * 2);
  }
  .button-group:not([data-orientation=vertical])>:last-child,.button-group:not([data-orientation=vertical])>:is(.dropdown-menu,.popover,.select):last-child>button {
    border-start-end-radius: var(--radius-lg) !important;
    border-end-end-radius: var(--radius-lg) !important;
  }
  .button-group[data-orientation=vertical]>:last-child,.button-group[data-orientation=vertical]>:is(.dropdown-menu,.popover,.select):last-child>button {
    border-bottom-right-radius: var(--radius-lg) !important;
    border-bottom-left-radius: var(--radius-lg) !important;
  }
  .button-group>:is(span,label,output) {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    background-color: var(--color-muted);
    padding-inline: calc(var(--spacing) * 2.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-width: 1px;
  }
  .button-group>:is(span,label,output) svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .button-group>hr[role=separator] {
    background-color: var(--color-input);
  }
  .tabs {
    gap: calc(var(--spacing) * 2);
  }
  .tabs>[role=tablist] {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    padding: 3px;
  }
  .tabs>[role=tablist]:not([data-variant=line]) {
    background-color: var(--color-muted);
  }
  .tabs>[role=tablist][data-variant=line] {
    gap: var(--spacing);
    background-color: #0000;
    border-radius: 0;
  }
  .tabs>[role=tablist][aria-orientation=vertical] {
    height: fit-content;
  }
  .tabs>[role=tablist]>[role=tab] {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .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);
    color: var(--color-foreground);
    border-width: 1px;
    border-color: #0000;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .tabs>[role=tablist]>[role=tab] {
      color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
    }
  }
  @media (hover:hover) {
    .tabs>[role=tablist]>[role=tab]:hover {
      color: var(--color-foreground);
    }
  }
  .tabs>[role=tablist]>[role=tab]:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .tabs>[role=tablist]>[role=tab]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .tabs>[role=tablist]>[role=tab]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--color-ring);
  }
  .tabs>[role=tablist]>[role=tab]:is(html.dark *) {
    color: var(--color-muted-foreground);
  }
  @media (hover:hover) {
    .tabs>[role=tablist]>[role=tab]:is(html.dark *):hover {
      color: var(--color-foreground);
    }
  }
  .tabs>[role=tablist]>[role=tab] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .tabs>[role=tablist]>[role=tab]:after {
    background-color: var(--color-foreground);
    opacity: 0;
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    position: absolute;
  }
  .tabs>[role=tablist][aria-orientation=vertical]>[role=tab] {
    justify-content: flex-start;
    width: 100%;
  }
  .tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab] {
    --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);
    background-color: #0000;
  }
  .tabs>[role=tablist][data-variant=line][aria-orientation=horizontal]>[role=tab]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
    inset-inline: 0;
    bottom: -5px;
  }
  .tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab] {
    --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);
    background-color: #0000;
  }
  .tabs>[role=tablist][data-variant=line][aria-orientation=vertical]>[role=tab]:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
    inset-block: 0;
    inset-inline-end: -4px;
  }
  .tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true] {
    background-color: var(--color-background);
    color: var(--color-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(html.dark *) {
    border-color: var(--color-input);
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .tabs>[role=tablist]:not([data-variant=line])>[role=tab][aria-selected=true]:is(html.dark *) {
    color: var(--color-foreground);
  }
  .tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true] {
    color: var(--color-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);
    background-color: #0000;
  }
  .tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:after {
    content: var(--tw-content);
    opacity: 1;
  }
  .tabs>[role=tablist][data-variant=line]>[role=tab][aria-selected=true]:is(html.dark *) {
    color: var(--color-foreground);
    background-color: #0000;
    border-color: #0000;
  }
  .tabs>[role=tablist]>[role=tab]:has(>svg:first-child) {
    padding-inline-start: var(--spacing);
  }
  .tabs>[role=tablist]>[role=tab]:has(>svg:last-child) {
    padding-inline-end: var(--spacing);
  }
  .tabs>[role=tabpanel] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .field>textarea,.textarea {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    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));
    background-color: #0000;
  }
  :is(.field>textarea,.textarea):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>textarea,.textarea):disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):disabled {
      background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
    }
  }
  :is(.field>textarea,.textarea)[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  @media (min-width:48rem) {
    .field>textarea,.textarea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading,var(--text-sm--line-height));
    }
  }
  :is(.field>textarea,.textarea):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  :is(.field>textarea,.textarea):is(html.dark *):disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):is(html.dark *):disabled {
      background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
    }
  }
  :is(.field>textarea,.textarea):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>textarea,.textarea):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>textarea,.textarea):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]) {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    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));
    background-color: #0000;
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))::file-selector-button {
    height: calc(var(--spacing) * 6);
    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);
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):disabled {
      background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]))[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  @media (min-width:48rem) {
    .field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type]) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading,var(--text-sm--line-height));
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *):disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *):disabled {
      background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=text]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=email],.field>input[type=password],.field>input[type=number],.field>input[type=file],.field>input[type=tel],.field>input[type=url],.field>input[type=search]:not(:is(.command>header input,.dialog>*>header input)),.field>input[type=date],.field>input[type=datetime-local],.field>input[type=month],.field>input[type=week],.field>input[type=time],.field>input:not([type]),.input[type=text],.input[type=email],.input[type=password],.input[type=number],.input[type=file],.input[type=tel],.input[type=url],.input[type=search],.input[type=date],.input[type=datetime-local],.input[type=month],.input[type=week],.input[type=time],.input:not([type])):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .field>select,select.select {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    width: fit-content;
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    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));
    background-color: #0000;
    padding-inline-start: calc(var(--spacing) * 2.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }
  :is(.field>select,select.select) ::selection {
    background-color: var(--color-primary);
  }
  :is(.field>select,select.select)::selection {
    background-color: var(--color-primary);
  }
  :is(.field>select,select.select) ::selection {
    color: var(--color-primary-foreground);
  }
  :is(.field>select,select.select)::selection {
    color: var(--color-primary-foreground);
  }
  :is(.field>select,select.select)::placeholder {
    color: var(--color-muted-foreground);
  }
  :is(.field>select,select.select):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>select,select.select):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>select,select.select)[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>select,select.select)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  :is(.field>select,select.select)[data-size=sm] {
    height: calc(var(--spacing) * 7);
    border-radius: min(var(--radius-md), 10px);
    padding-block: calc(var(--spacing) * .5);
  }
  :is(.field>select,select.select):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>select,select.select):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  @media (hover:hover) {
    :is(.field>select,select.select):is(html.dark *):hover {
      background-color: var(--color-input);
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.field>select,select.select):is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
      }
    }
  }
  :is(.field>select,select.select):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>select,select.select):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>select,select.select):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>select,select.select):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .field>select,select.select {
    background-image: var(--chevron-down-icon-50);
    background-position: right .625rem center;
    background-repeat: no-repeat;
    background-size: 1rem;
  }
  :is(.field>select,select.select):dir(rtl) {
    background-position: .625rem;
  }
  .alert {
    gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    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));
    border-width: 1px;
    display: grid;
  }
  .alert:has(>svg) {
    column-gap: calc(var(--spacing) * 2);
    grid-template-columns: auto 1fr;
  }
  .alert>svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: currentColor;
    grid-row: span 2/span 2;
  }
  .alert>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .alert {
    background-color: var(--color-card);
    color: var(--color-card-foreground);
  }
  .alert[data-variant=destructive] {
    background-color: var(--color-card);
    color: var(--color-destructive);
  }
  .alert[data-variant=destructive]>svg {
    color: currentColor;
  }
  .alert>:is(h2,h3,h4,h5,h6,strong,[data-title]),.alert[data-variant=destructive]>:is(h2,h3,h4,h5,h6,strong,[data-title]) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .alert:has(>svg)>:is(h2,h3,h4,h5,h6,strong,[data-title]) {
    grid-column-start: 2;
  }
  .alert>section {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--color-muted-foreground);
  }
  @media (min-width:48rem) {
    .alert>section {
      text-wrap: pretty;
    }
  }
  .alert>section p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .alert[data-variant=destructive]>section {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .alert[data-variant=destructive]>section {
      color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
    }
  }
  @media (min-width:48rem) {
    .alert[data-variant=destructive]>section {
      text-wrap: pretty;
    }
  }
  .alert[data-variant=destructive]>section p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .alert>footer,.alert[data-variant=destructive]>footer {
    inset-inline-end: calc(var(--spacing) * 2);
    top: calc(var(--spacing) * 2);
  }
  .avatar {
    border-radius: 3.40282e38px;
  }
  .avatar:after {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .avatar {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .avatar[data-size=sm] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .avatar[data-size=lg] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .avatar>span:not(.avatar-badge) {
    border-radius: inherit;
    background-color: var(--color-muted);
    color: var(--color-muted-foreground);
  }
  .avatar>img {
    border-radius: inherit;
  }
  .avatar>.avatar-badge {
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
    --tw-ring-color: var(--color-background);
  }
  .avatar-group>[data-count] {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    background-color: var(--color-muted);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
    border-radius: 3.40282e38px;
  }
  .avatar-group>[data-count]>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .avatar-group:has(>.avatar[data-size=sm])>[data-count] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .avatar-group:has(>.avatar[data-size=sm])>[data-count]>svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .avatar-group:has(>.avatar[data-size=lg])>[data-count] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .avatar-group:has(>.avatar[data-size=lg])>[data-count]>svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .badge {
    height: calc(var(--spacing) * 5);
    gap: var(--spacing);
    border-radius: var(--radius-4xl);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    border-width: 1px;
    border-color: #0000;
  }
  .badge>svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .badge:not([data-variant]),.badge[data-variant=primary] {
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
  }
  @media (hover:hover) {
    :is(.badge:not([data-variant]),.badge[data-variant=primary]):is(a):hover {
      background-color: var(--color-primary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      :is(.badge:not([data-variant]),.badge[data-variant=primary]):is(a):hover {
        background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
      }
    }
  }
  .badge[data-variant=secondary] {
    background-color: var(--color-secondary);
    color: var(--color-secondary-foreground);
  }
  @media (hover:hover) {
    .badge[data-variant=secondary]:is(a):hover {
      background-color: var(--color-secondary);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .badge[data-variant=secondary]:is(a):hover {
        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
      }
    }
  }
  .badge[data-variant=outline] {
    border-color: var(--color-border);
    color: var(--color-foreground);
  }
  @media (hover:hover) {
    .badge[data-variant=outline]:is(a):hover {
      background-color: var(--color-muted);
      color: var(--color-muted-foreground);
    }
  }
  .badge[data-variant=destructive] {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge[data-variant=destructive] {
      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
    }
  }
  .badge[data-variant=destructive] {
    color: var(--color-destructive);
  }
  .badge[data-variant=destructive]:focus-visible {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge[data-variant=destructive]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .badge[data-variant=destructive]:is(html.dark *) {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge[data-variant=destructive]:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .badge[data-variant=destructive]:is(html.dark *):focus-visible {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .badge[data-variant=destructive]:is(html.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  @media (hover:hover) {
    .badge[data-variant=destructive]:is(a):hover {
      background-color: var(--color-destructive);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .badge[data-variant=destructive]:is(a):hover {
        background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
      }
    }
    .badge[data-variant=ghost]:hover {
      background-color: var(--color-muted);
      color: var(--color-muted-foreground);
    }
    .badge[data-variant=ghost]:is(html.dark *):hover {
      background-color: var(--color-muted);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .badge[data-variant=ghost]:is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }
  .badge[data-variant=link] {
    color: var(--color-primary);
    text-underline-offset: 4px;
  }
  @media (hover:hover) {
    .badge[data-variant=link]:hover {
      text-decoration-line: underline;
    }
  }
  .breadcrumb>ol {
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .breadcrumb li {
    gap: var(--spacing);
  }
  .breadcrumb a {
    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) {
    .breadcrumb a:hover {
      color: var(--color-foreground);
    }
  }
  .breadcrumb [aria-current=page] {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-foreground);
  }
  .breadcrumb li[aria-hidden=true]>svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .breadcrumb li>span[aria-hidden=true] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .breadcrumb li>span[aria-hidden=true]>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .command {
    background-color: var(--color-popover);
    padding: var(--spacing);
    color: var(--color-popover-foreground);
    border-radius: var(--radius-xl) !important;
  }
  .command-dialog>.command {
    background-color: var(--color-popover);
    color: var(--color-popover-foreground);
    --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);
    --tw-ring-color: var(--color-foreground);
    border-radius: var(--radius-xl) !important;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .command-dialog>.command {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .command-dialog>.command {
    --tw-duration: .1s;
    transition-duration: .1s;
  }
  .command>header {
    margin: var(--spacing);
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    gap: 0;
    margin-bottom: 0;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .command>header {
      border-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .command>header {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .command>header {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .command>header {
    padding-inline: calc(var(--spacing) * 2);
  }
  .command>header svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    opacity: .5;
  }
  .command>header input {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .command>header input::placeholder {
    color: var(--color-muted-foreground);
  }
  .command [role=menu] {
    max-height: calc(var(--spacing) * 72);
    scroll-padding-block: var(--spacing);
  }
  .command [role=menu]:not(:has([role=menuitem]:not([aria-hidden=true]))):before {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .command [role=group] {
    padding: var(--spacing);
    color: var(--color-foreground);
  }
  .command [role=heading] {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-muted-foreground);
  }
  .command [role=separator] {
    margin-inline: calc(var(--spacing) * -1);
    background-color: var(--color-border);
    height: 1px;
  }
  .command [role=menuitem] {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  :where(.command-dialog) :is(.command [role=menuitem]) {
    border-radius: var(--radius-lg);
  }
  .command [role=menuitem] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .command [role=menuitem].active {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  .command [role=menuitem].active svg {
    color: var(--color-foreground);
  }
  .command [data-shortcut] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-muted-foreground);
  }
  .command [role=menuitem].active [data-shortcut] {
    color: var(--color-foreground);
  }
  .combobox>input[role=combobox] {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    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));
    background-color: #0000;
    padding-inline-start: calc(var(--spacing) * 2.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .combobox>input[role=combobox]:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .combobox>input[role=combobox]:disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:disabled {
      background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
    }
  }
  .combobox>input[role=combobox][aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox][aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .combobox>input[role=combobox]:is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .combobox>input[role=combobox]:is(html.dark *):disabled {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:is(html.dark *):disabled {
      background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
    }
  }
  .combobox>input[role=combobox]:is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  .combobox>input[role=combobox]:is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox>input[role=combobox]:is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .combobox>svg,.combobox-trigger-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-muted-foreground);
    inset-inline-end: calc(var(--spacing) * 2.5);
    top: 50%;
  }
  .combobox [data-popover] {
    max-height: calc(var(--spacing) * 72);
    border-radius: var(--radius-lg);
    background-color: var(--color-popover);
    color: var(--color-popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    --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);
    --tw-ring-color: var(--color-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
    --tw-duration: .1s;
    gap: 0;
    padding: 0;
    transition-duration: .1s;
  }
  .combobox [role=listbox] {
    max-height: min(18rem, var(--available-height,18rem));
    scroll-padding-block: var(--spacing);
    padding: var(--spacing);
    overflow-y: auto;
  }
  .combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))) {
    padding: 0;
  }
  .combobox [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .combobox [role=heading] {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-muted-foreground);
  }
  .combobox [role=option] {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    padding-inline-start: calc(var(--spacing) * 1.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .combobox [role=option] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .combobox [role=option].active,.combobox [role=option]:focus-visible {
    background-color: var(--color-accent);
    color: var(--color-accent-foreground);
  }
  :is(.combobox [role=option].active,.combobox [role=option]:focus-visible) svg {
    color: var(--color-accent-foreground);
  }
  .combobox [role=group] {
    scroll-margin-block: var(--spacing);
    padding: var(--spacing);
  }
  .combobox [role=separator] {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: var(--spacing);
    background-color: var(--color-border);
    height: 1px;
  }
  .combobox-chips {
    min-height: calc(var(--spacing) * 8);
    gap: var(--spacing);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-inline: var(--spacing);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    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));
    background-color: #0000;
    background-clip: padding-box;
  }
  .combobox-chips:focus-within {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox-chips:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .combobox-chips:has([aria-invalid=true]) {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox-chips:has([aria-invalid=true]) {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .combobox-chips:is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox-chips:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .combobox-chips:is(html.dark *):has([aria-invalid=true]) {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox-chips:is(html.dark *):has([aria-invalid=true]) {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  .combobox-chips:is(html.dark *):has([aria-invalid=true]) {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox-chips:is(html.dark *):has([aria-invalid=true]) {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .combobox-chip {
    height: calc(var(--spacing) * 5.25);
    gap: var(--spacing);
    border-radius: var(--radius-sm);
    background-color: var(--color-muted);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-foreground);
  }
  .combobox-chip:has(>.combobox-chip-remove) {
    padding-inline-end: 0;
  }
  .combobox-chip-remove {
    opacity: .5;
    margin-inline-start: calc(var(--spacing) * -1);
  }
  @media (hover:hover) {
    .combobox-chip-remove:hover {
      opacity: 1;
    }
  }
  .combobox-chip-remove svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .combobox [data-popover]>.input-group {
    margin: var(--spacing);
    height: calc(var(--spacing) * 8);
    border-color: var(--color-input);
    width: auto;
    margin-bottom: 0;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox [data-popover]>.input-group {
      border-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .combobox [data-popover]>.input-group {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .combobox [data-popover]>.input-group {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .combobox [data-popover]>.input-group {
    --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);
  }
  .combobox [data-popover]>.input-group:focus-within {
    border-color: inherit;
    --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);
  }
  .combobox [data-popover]>input[role=combobox] {
    margin-bottom: var(--spacing);
    width: 100%;
  }
  .select:not(select)>button {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    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));
    -webkit-user-select: none;
    user-select: none;
    background-color: #0000;
    padding-inline-start: calc(var(--spacing) * 2.5);
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .select:not(select)>button:focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .select:not(select)>button:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .select:not(select)>button[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .select:not(select)>button[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .select:not(select)>button[data-size=sm] {
    height: calc(var(--spacing) * 7);
    border-radius: min(var(--radius-md), 10px);
  }
  .select:not(select)>button:is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .select:not(select)>button:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  @media (hover:hover) {
    .select:not(select)>button:is(html.dark *):hover {
      background-color: var(--color-input);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .select:not(select)>button:is(html.dark *):hover {
        background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
      }
    }
  }
  .select:not(select)>button:is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .select:not(select)>button:is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  .select:not(select)>button:is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .select:not(select)>button:is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .select:not(select)>button svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .select:not(select)>button>span {
    gap: calc(var(--spacing) * 1.5);
  }
  .select:not(select)>button>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--color-muted-foreground);
  }
  .select:not(select) [data-popover] {
    border-radius: var(--radius-lg);
    background-color: var(--color-popover);
    padding: var(--spacing);
    color: var(--color-popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    --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);
    --tw-ring-color: var(--color-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
    --tw-duration: .1s;
    transition-duration: .1s;
  }
  .select:not(select) [role=listbox] {
    scroll-padding-block: var(--spacing);
  }
  .select:not(select) [role=listbox]:not(:has([data-value]:not([aria-hidden=true]))):before {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .select:not(select) [role=heading] {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-muted-foreground);
  }
  .select:not(select) [role=option] {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    padding-inline-start: calc(var(--spacing) * 1.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .select:not(select) [role=option] svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .select:not(select) [role=option].active,.select:not(select) [role=option]:focus-visible {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  :is(.select:not(select) [role=option].active,.select:not(select) [role=option]:focus-visible) svg {
    color: var(--color-foreground);
  }
  .select:not(select) [role=group] {
    scroll-margin-block: var(--spacing);
    padding: var(--spacing);
  }
  .select:not(select) [role=separator] {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: var(--spacing);
    background-color: var(--color-border);
    height: 1px;
  }
  .dialog::backdrop,.alert-dialog::backdrop,.command-dialog::backdrop {
    background-color: #0000001a;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dialog::backdrop,.alert-dialog::backdrop,.command-dialog::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .dialog::backdrop,.alert-dialog::backdrop,.command-dialog::backdrop {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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,);
    --tw-duration: .1s;
    transition-duration: .1s;
  }
  .alert-dialog>* {
    max-width: var(--container-xs);
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    background-color: var(--color-popover);
    padding: calc(var(--spacing) * 4);
    color: var(--color-popover-foreground);
    --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);
    --tw-ring-color: var(--color-foreground);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .alert-dialog>* {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .alert-dialog>* {
    --tw-duration: .1s;
    transition-duration: .1s;
  }
  @media (min-width:40rem) {
    .alert-dialog>* {
      max-width: var(--container-sm);
    }
    .alert-dialog[data-size=sm]>*,.alert-dialog>[data-size=sm] {
      max-width: var(--container-xs);
    }
  }
  .dialog>* {
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    background-color: var(--color-popover);
    max-width: calc(100% - 2rem);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-popover-foreground);
    --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);
    --tw-ring-color: var(--color-foreground);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dialog>* {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .dialog>* {
    --tw-duration: .1s;
    transition-duration: .1s;
  }
  @media (min-width:40rem) {
    .dialog>* {
      max-width: var(--container-sm);
    }
  }
  .dialog>*>:is(button,form[method=dialog]) {
    inset-inline-end: calc(var(--spacing) * 2);
    top: calc(var(--spacing) * 2);
  }
  .dialog>*>header {
    gap: calc(var(--spacing) * 2);
  }
  .alert-dialog>*>header {
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1.5);
  }
  .alert-dialog>*>header>figure {
    margin-bottom: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: var(--radius-md);
    background-color: var(--color-muted);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .alert-dialog>*>header>figure>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .alert-dialog>*>footer,.dialog>*>footer {
    margin-inline: calc(var(--spacing) * -4);
    margin-bottom: calc(var(--spacing) * -4);
    gap: calc(var(--spacing) * 2);
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-top-style: var(--tw-border-style);
    background-color: var(--color-muted);
    border-top-width: 1px;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .alert-dialog>*>footer,.dialog>*>footer {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }
  .alert-dialog>*>footer,.dialog>*>footer {
    padding: calc(var(--spacing) * 4);
  }
  .dialog>*>header>h2,.dialog>*>[data-title] {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
  }
  .alert-dialog>*>header>h2,.alert-dialog>*>[data-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);
  }
  .dialog>*>header>p,.dialog>*>[data-description] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--color-muted-foreground);
  }
  :is(.dialog>*>header>p,.dialog>*>[data-description]) a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }
  :is(.dialog>*>header>p,.dialog>*>[data-description]) a:hover {
    color: var(--color-foreground);
  }
  .alert-dialog>*>header>p,.alert-dialog>*>[data-description] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--color-muted-foreground);
  }
  @media (min-width:48rem) {
    .alert-dialog>*>header>p,.alert-dialog>*>[data-description] {
      text-wrap: pretty;
    }
  }
  :is(.alert-dialog>*>header>p,.alert-dialog>*>[data-description]) a {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }
  :is(.alert-dialog>*>header>p,.alert-dialog>*>[data-description]) a:hover {
    color: var(--color-foreground);
  }
  .drawer::backdrop {
    background-color: #0000001a;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .drawer::backdrop {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .drawer::backdrop {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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,);
  }
  .drawer>* {
    background-color: var(--color-popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-popover-foreground);
  }
  .drawer:not([data-side])>*,.drawer[data-side=bottom]>* {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .drawer[data-side=top]>* {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .drawer[data-side=left]>* {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .drawer[data-side=right]>* {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .drawer>*>header {
    gap: calc(var(--spacing) * .5);
    padding: calc(var(--spacing) * 4);
    text-align: start;
  }
  .drawer:not([data-side])>*>header,.drawer[data-side=bottom]>*>header,.drawer[data-side=top]>*>header {
    text-align: center;
  }
  .drawer>*>footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 4);
  }
  .drawer>*>header>h2,.drawer>*>[data-title] {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold);
    line-height: 1;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .drawer>*>header>p,.drawer>*>[data-description] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .dropdown-menu>[data-popover] {
    border-radius: var(--radius-lg);
    background-color: var(--color-popover);
    padding: var(--spacing);
    color: var(--color-popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    --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);
    --tw-ring-color: var(--color-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
    --tw-duration: .1s;
    gap: 0;
    transition-duration: .1s;
    overflow: hidden auto;
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):focus-visible {
    background-color: var(--color-accent);
    color: var(--color-accent-foreground);
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]) svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]).active {
    background-color: var(--color-muted);
    color: var(--color-foreground);
  }
  .dropdown-menu [data-variant=destructive] {
    color: var(--color-destructive);
  }
  .dropdown-menu [data-variant=destructive]:is(:focus-visible,.active) {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dropdown-menu [data-variant=destructive]:is(:focus-visible,.active) {
      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
    }
  }
  .dropdown-menu [data-variant=destructive]:is(:focus-visible,.active) {
    color: var(--color-destructive);
  }
  .dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(html.dark *) {
    background-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .dropdown-menu [data-variant=destructive]:is(:focus-visible,.active):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .dropdown-menu [data-variant=destructive] svg {
    color: var(--color-destructive);
  }
  .dropdown-menu :is([role=menuitemcheckbox],[role=menuitemradio]) {
    padding-block: var(--spacing);
    padding-inline-start: calc(var(--spacing) * 1.5);
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio])[data-inset],.dropdown-menu [role=heading][data-inset] {
    padding-inline-start: calc(var(--spacing) * 7);
  }
  .dropdown-menu [data-indicator] {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .dropdown-menu [role=heading] {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-muted-foreground);
  }
  .dropdown-menu [role=separator] {
    margin-inline: calc(var(--spacing) * -1);
    margin-block: var(--spacing);
    background-color: var(--color-border);
    height: 1px;
  }
  .dropdown-menu :is([data-shortcut],kbd:last-child,.kbd:last-child) {
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-muted-foreground);
  }
  .dropdown-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio]):is(:focus-visible,.active) :is([data-shortcut],kbd:last-child,.kbd:last-child) {
    color: var(--color-accent-foreground);
  }
  [data-popover] {
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    background-color: var(--color-popover);
    padding: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-popover-foreground);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
    --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);
    --tw-ring-color: var(--color-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
    --tw-duration: .1s;
    flex-direction: column;
    transition-duration: .1s;
    display: flex;
  }
  .popover>[data-popover]>header,.popover>[data-popover]>[data-header] {
    gap: calc(var(--spacing) * .5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    flex-direction: column;
    display: flex;
  }
  .popover>[data-popover]>header>:is(h1,h2,h3,h4,h5,h6),.popover>[data-popover]>:is(h1,h2,h3,h4,h5,h6,[data-title]) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .popover>[data-popover]>header>p,.popover>[data-popover]>[data-description] {
    color: var(--color-muted-foreground);
  }
  .card {
    border-radius: var(--radius-xl);
    background-color: var(--color-card);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-card-foreground);
    --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);
    --tw-ring-color: var(--color-foreground);
    overflow: hidden;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .card {
      --tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }
  .card:has(>footer) {
    padding-bottom: 0;
  }
  .card:has(>img:first-child) {
    padding-top: 0;
  }
  .card>img:first-child {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .card>img:last-child {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .card {
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .card[data-size=sm] {
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
  }
  .card>header {
    gap: var(--spacing);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .card>header.border-b {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .card[data-size=sm]>header {
    padding-inline: calc(var(--spacing) * 3);
  }
  .card[data-size=sm]>header.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .card>header>:is(h2,h3,[data-title],.card-title) {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .card[data-size=sm]>header>:is(h2,h3,[data-title],.card-title) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .card>header>:is(p,[data-description],.card-description) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  .card>section {
    padding-inline: calc(var(--spacing) * 4);
  }
  .card[data-size=sm]>section {
    padding-inline: calc(var(--spacing) * 3);
  }
  .card>footer {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    border-top-style: var(--tw-border-style);
    background-color: var(--color-muted);
    border-top-width: 1px;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .card>footer {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }
  .card>footer {
    padding: calc(var(--spacing) * 4);
  }
  .card[data-size=sm]>footer {
    padding: calc(var(--spacing) * 3);
  }
  .chart {
    --chart-bar-radius: 6px;
  }
  .chart-tooltip {
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .chart-tooltip {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .chart-tooltip {
    background-color: var(--color-background);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-foreground);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .chart-tooltip-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .chart-legend-item {
    color: var(--color-foreground);
  }
  .chart-legend-item[aria-pressed=false] {
    color: var(--color-muted-foreground);
  }
  .field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    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));
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :where([data-disabled=true]) :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])) {
    opacity: .5;
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch]))[aria-invalid=true]:checked {
    border-color: var(--color-primary);
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *):checked {
    background-color: var(--color-primary);
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  :is(.field>input[type=checkbox]:not([role=switch]),.input[type=checkbox]:not([role=switch])):checked:after {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  [role=radiogroup] {
    gap: calc(var(--spacing) * 2);
    display: grid;
  }
  .field>input[type=radio],.input[type=radio] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-color: var(--color-input);
    border-radius: 3.40282e38px;
    display: flex;
  }
  :is(.field>input[type=radio],.input[type=radio]):checked {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-primary-foreground);
  }
  :is(.field>input[type=radio],.input[type=radio]):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=radio],.input[type=radio]):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=radio],.input[type=radio])[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=radio],.input[type=radio])[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  :is(.field>input[type=radio],.input[type=radio])[aria-invalid=true]:checked {
    border-color: var(--color-primary);
  }
  :is(.field>input[type=radio],.input[type=radio]):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=radio],.input[type=radio]):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  :is(.field>input[type=radio],.input[type=radio]):is(html.dark *):checked {
    background-color: var(--color-primary);
  }
  :is(.field>input[type=radio],.input[type=radio]):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=radio],.input[type=radio]):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>input[type=radio],.input[type=radio]):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=radio],.input[type=radio]):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  :is(.field>input[type=radio],.input[type=radio]):checked:before {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    background-color: var(--color-primary-foreground);
  }
  .field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000;
    border-radius: 3.40282e38px;
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked) {
    background-color: var(--color-input);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked {
    background-color: var(--color-primary);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true] {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *):not(:checked) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *):not(:checked) {
      background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
    }
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *)[aria-invalid=true] {
    border-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *)[aria-invalid=true] {
      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
    }
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):is(html.dark *)[aria-invalid=true] {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]) {
    width: 32px;
    height: 18.4px;
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm] {
    width: 24px;
    height: 14px;
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):before {
    background-color: var(--color-background);
    border-radius: 3.40282e38px;
  }
  html.dark :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked):before {
    background-color: var(--color-foreground);
  }
  html.dark :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked:before {
    background-color: var(--color-primary-foreground);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not([data-size=sm]):before {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch])[data-size=sm]:before {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked:not([data-size=sm]):before,:is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):checked[data-size=sm]:before {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked:not([data-size=sm]):before {
    --tw-translate-x: calc(calc(100% - 2px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):dir(rtl):checked[data-size=sm]:before {
    --tw-translate-x: calc(calc(100% - 2px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.field>input[type=checkbox][role=switch],.input[type=checkbox][role=switch]):not(:checked):before {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .fieldset {
    gap: calc(var(--spacing) * 4);
  }
  .fieldset:has(>[data-slot=checkbox-group]),.fieldset:has(>[data-slot=radio-group]) {
    gap: calc(var(--spacing) * 3);
  }
  .fieldset>legend {
    margin-bottom: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .fieldset>legend[data-variant=label] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .fieldset>legend[data-variant=legend] {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height));
  }
  .fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field) {
    gap: calc(var(--spacing) * 5);
  }
  :is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[role=radiogroup],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field)):has(>.field>input[type=checkbox]:not([role=switch])),:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field)):has(>.field>input[type=radio]),:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=checkbox-group],:is(.fieldset>:is([role=group],[role=radiogroup]):not(.field),.field>:is(fieldset,[role=group],[role=radiogroup]):not(.field))[data-slot=radio-group] {
    gap: calc(var(--spacing) * 3);
  }
  :is(.fieldset,.field)>:is([role=group],[role=radiogroup]):not(.field)>:is([role=group],[role=radiogroup]):not(.field),.field>fieldset:not(.field)>:is([role=group],[role=radiogroup]):not(.field) {
    gap: calc(var(--spacing) * 4);
  }
  .field {
    gap: calc(var(--spacing) * 2);
  }
  .field[data-invalid],.field[data-invalid=true] {
    color: var(--color-destructive);
  }
  .field>section {
    gap: calc(var(--spacing) * .5);
  }
  .field>label,.field>section>label,label:has(>.field) {
    gap: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  :where([data-disabled=true]) :is(.field>label,.field>section>label,label:has(>.field)) {
    opacity: .5;
  }
  :is(.field>label,.field>section>label,label:has(>.field)):has(:checked) {
    border-color: var(--color-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>label,.field>section>label,label:has(>.field)):has(:checked) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  :is(.field>label,.field>section>label,label:has(>.field)):has(:checked) {
    background-color: var(--color-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>label,.field>section>label,label:has(>.field)):has(:checked) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  :is(.field>label,.field>section>label,label:has(>.field)):is(html.dark *):has(:checked) {
    border-color: var(--color-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>label,.field>section>label,label:has(>.field)):is(html.dark *):has(:checked) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  :is(.field>label,.field>section>label,label:has(>.field)):is(html.dark *):has(:checked) {
    background-color: var(--color-primary);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>label,.field>section>label,label:has(>.field)):is(html.dark *):has(:checked) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),.field>label:has(>.field),label:has(>.field) {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .field>label:has(input[type=radio]),.field>label:has(input[type=checkbox]),.field>label:has(input[role=switch]),:is(.field>label,label:has(>.field))>.field {
    padding: calc(var(--spacing) * 2.5);
  }
  .field h2,.field h3 {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :where([data-disabled=true]) :is(.field h2,.field h3) {
    opacity: .5;
  }
  .fieldset legend+p,.field>p,.field section>p {
    text-align: start;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-muted-foreground);
  }
  [data-variant=legend]+:is(.fieldset legend+p,.field>p,.field section>p) {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .fieldset>legend[data-variant=label] {
    margin-bottom: 0;
  }
  .fieldset>legend:not([data-variant])+p,.fieldset>legend[data-variant=legend]+p {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .field-separator {
    margin-block: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  :where([data-variant=outline]) .field-separator {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .field-separator>span {
    padding-inline: calc(var(--spacing) * 2);
    color: var(--color-muted-foreground);
  }
  .field [role=alert] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-destructive);
  }
  .input-group {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-input);
    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));
  }
  .input-group:focus-within {
    border-color: var(--color-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(--color-ring);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  .input-group:has([aria-invalid=true]) {
    border-color: var(--color-destructive);
    --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(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:has([aria-invalid=true]) {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
    }
  }
  .input-group:has(>textarea) {
    height: auto;
  }
  .input-group:is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
    }
  }
  .input-group:is(html.dark *):has([aria-invalid=true]) {
    --tw-ring-color: var(--color-destructive);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:is(html.dark *):has([aria-invalid=true]) {
      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
    }
  }
  .input-group:has(>:is(input,textarea,select,[data-control]):disabled) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:has(>:is(input,textarea,select,[data-control]):disabled) {
      background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
    }
  }
  .input-group:has(>:is(input,textarea,select,[data-control]):disabled) {
    opacity: .5;
  }
  .input-group:has(>:is(input,textarea,select,[data-control]):disabled):is(html.dark *) {
    background-color: var(--color-input);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .input-group:has(>:is(input,textarea,select,[data-control]):disabled):is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
    }
  }
  .input-group>:is(input,select,[data-control]) {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .input-group:not([data-orientation=vertical]):has(>:is([data-align=start],[data-align=inline-start]))>:is(input,select,[data-control]) {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .input-group:not([data-orientation=vertical]):has(>:is([data-align=end],[data-align=inline-end]))>:is(input,select,[data-control]) {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .input-group>textarea {
    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));
  }
  .input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu) {
    gap: calc(var(--spacing) * 2);
    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);
    color: var(--color-muted-foreground);
    -webkit-user-select: none;
    user-select: none;
  }
  :is(.input-group>:is(span,[role=group],header,footer),.input-group>:is(svg,kbd,.popover,.dropdown-menu))>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .input-group>:is([data-align=start],[data-align=inline-start]) {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .input-group>:is([data-align=end],[data-align=inline-end]) {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .input-group>:is([data-align=start],[data-align=inline-start]):has(>button) {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .input-group>:is([data-align=end],[data-align=inline-end]):has(>button) {
    margin-inline-end: calc(var(--spacing) * -1);
  }
  .input-group>:is([data-align=start],[data-align=inline-start]):has(>kbd) {
    margin-inline-start: calc(var(--spacing) * -.5);
  }
  .input-group>:is([data-align=end],[data-align=inline-end]):has(>kbd) {
    margin-inline-end: calc(var(--spacing) * -.5);
  }
  .input-group>[data-align=block-start] {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2);
  }
  .input-group>[data-align=block-end] {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .input-group>[data-align=block-start].border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .input-group>[data-align=block-end].border-t {
    padding-top: calc(var(--spacing) * 2);
  }
  .input-group[data-orientation=vertical]>:is(header,footer,[role=group],[data-align]) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .input-group[data-orientation=vertical]>:is(header[data-align=start],[data-align=block-start]) {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2);
  }
  .input-group[data-orientation=vertical]>:is(footer[data-align=end],[data-align=block-end]) {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .input-group[data-orientation=vertical]:has(>input)>:is(header[data-align=start],[data-align=block-start]) {
    padding-top: calc(var(--spacing) * 2);
  }
  .input-group[data-orientation=vertical]:has(>input)>:is(footer[data-align=end],[data-align=block-end]),.input-group[data-orientation=vertical]>:is(header[data-align=start],[data-align=block-start]).border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .input-group[data-orientation=vertical]>:is(footer[data-align=end],[data-align=block-end]).border-t {
    padding-top: calc(var(--spacing) * 2);
  }
  .input-group>:is(kbd,span>kbd,[role=group]>kbd,header>kbd,footer>kbd) {
    border-radius: calc(var(--radius) - 5px);
  }
  .input-group>:is(button,[role=group]>button,header>button,footer>button) {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --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);
  }
  .input-group>:is(button,[role=group]>button,header>button,footer>button)>svg:not([class*=size-]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .input-group>:is(button,[role=group]>button,header>button,footer>button):has(>svg):not(:has(>:not(svg))) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) - 3px);
    padding: 0;
  }
  .empty {
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-xl);
    --tw-border-style: dashed;
    padding: calc(var(--spacing) * 6);
    border-style: dashed;
  }
  .empty>header {
    gap: calc(var(--spacing) * 2);
  }
  .empty figure {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .empty figure:has(>svg:only-child) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    background-color: var(--color-muted);
    color: var(--color-foreground);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .empty figure:has(>svg:only-child) svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .empty :is(h2,h3,h4) {
    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);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .empty>header>p {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-muted-foreground);
  }
  .empty>:is(section,footer) {
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .item {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    border-width: 1px;
  }
  .item:not([data-variant]),.item[data-variant=default] {
    border-color: #0000;
  }
  .item[data-variant=outline] {
    border-color: var(--color-border);
  }
  .item[data-variant=muted] {
    background-color: var(--color-muted);
    border-color: #0000;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .item[data-variant=muted] {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }
  .item:not([data-size]),.item[data-size=default],.item[data-size=sm] {
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .item[data-size=xs] {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
  }
  .item>figure {
    gap: calc(var(--spacing) * 2);
  }
  .item:has(p)>figure {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
  }
  .item>figure:has(>svg:only-child) svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .item>figure:has(>img) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: var(--radius-sm);
    overflow: hidden;
  }
  .item[data-size=sm]>figure:has(>img) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .item[data-size=xs]>figure:has(>img) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .item>section {
    gap: var(--spacing);
  }
  .item[data-size=xs]>section {
    gap: 0;
  }
  .item :is(h2,h3,h4) {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-underline-offset: 4px;
  }
  .item p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .item[data-size=xs] p {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .item>aside,.item>:is(header,footer) {
    gap: calc(var(--spacing) * 2);
  }
  .item-group {
    gap: calc(var(--spacing) * 4);
  }
  .item-group:has(>.item[data-size=sm]) {
    gap: calc(var(--spacing) * 2.5);
  }
  .item-group:has(>.item[data-size=xs]) {
    gap: calc(var(--spacing) * 2);
  }
  .item-group>hr {
    margin-block: calc(var(--spacing) * 2);
  }
  .kbd {
    height: calc(var(--spacing) * 5);
    width: fit-content;
    min-width: calc(var(--spacing) * 5);
    gap: var(--spacing);
    border-radius: var(--radius-sm);
    background-color: var(--color-muted);
    padding-inline: var(--spacing);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-muted-foreground);
  }
  :where([data-slot=tooltip-content]) .kbd {
    background-color: var(--color-background);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where([data-slot=tooltip-content]) .kbd {
      background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
    }
  }
  :where([data-slot=tooltip-content]) .kbd {
    color: var(--color-background);
  }
  :where([data-slot=tooltip-content]) .kbd:is(html.dark *) {
    background-color: var(--color-background);
  }
  @supports (color:color-mix(in lab, red, red)) {
    :where([data-slot=tooltip-content]) .kbd:is(html.dark *) {
      background-color: color-mix(in oklab, var(--color-background) 10%, transparent);
    }
  }
  .kbd svg:not([class*=size-]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .field>label,.label {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
  }
  :is(.field>label,.label):is(:where(.peer):disabled~*),:where([data-disabled=true]) :is(.field>label,.label) {
    opacity: .5;
  }
  .field>section>label {
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .field>section>label:is(:where(.peer):disabled~*),:where([data-disabled=true]) :is(.field>section>label) {
    opacity: .5;
  }
  .sidebar nav {
    background-color: var(--color-sidebar);
    color: var(--color-sidebar-foreground);
  }
  .sidebar nav>header,.sidebar nav>footer {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }
  .sidebar nav>section {
    gap: 0;
  }
  .sidebar nav [role=separator] {
    margin-inline: calc(var(--spacing) * 2);
    border-color: var(--color-sidebar-border);
  }
  .sidebar nav>section>[role=group] {
    padding: calc(var(--spacing) * 2);
  }
  .sidebar nav h3 {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sidebar-foreground);
  }
  @supports (color:color-mix(in lab, red, red)) {
    .sidebar nav h3 {
      color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
    }
  }
  .sidebar nav h3 {
    --tw-ring-color: var(--color-sidebar-ring);
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }
  .sidebar nav h3: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);
  }
  .sidebar nav h3>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .sidebar nav>section>[role=group]>ul {
    gap: 0;
  }
  .sidebar nav>section>[role=group] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .sidebar nav li>:is(a,button),.sidebar nav li>details>summary {
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    --tw-ring-color: var(--color-sidebar-ring);
  }
  @media (hover:hover) {
    :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary):hover {
      background-color: var(--color-sidebar-accent);
      color: var(--color-sidebar-accent-foreground);
    }
  }
  :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary):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);
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary):focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary):active {
    background-color: var(--color-sidebar-accent);
    color: var(--color-sidebar-accent-foreground);
  }
  @media (hover:hover) {
    :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary)[data-open]:hover {
      background-color: var(--color-sidebar-accent);
      color: var(--color-sidebar-accent-foreground);
    }
  }
  :is(.sidebar nav li>:is(a,button),.sidebar nav li>details>summary)>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .sidebar nav li>:is(a,button):is([aria-current=page],[data-active=true]),.sidebar nav li>details>summary:is([aria-current=page],[data-active=true]) {
    background-color: var(--color-sidebar-accent);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-sidebar-accent-foreground);
  }
  @media (hover:hover) {
    :is(.sidebar nav li>:is(a,button):not([data-variant]),.sidebar nav li>details>summary:not([data-variant]),.sidebar nav li>:is(a,button)[data-variant=default],.sidebar nav li>details>summary[data-variant=default]):hover {
      background-color: var(--color-sidebar-accent);
      color: var(--color-sidebar-accent-foreground);
    }
  }
  .sidebar nav li>:is(a,button)[data-variant=outline],.sidebar nav li>details>summary[data-variant=outline] {
    background-color: var(--color-background);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));
    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) {
    :is(.sidebar nav li>:is(a,button)[data-variant=outline],.sidebar nav li>details>summary[data-variant=outline]):hover {
      background-color: var(--color-sidebar-accent);
      color: var(--color-sidebar-accent-foreground);
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sidebar nav li>:is(a,button):not([data-size]),.sidebar nav li>details>summary:not([data-size]),.sidebar nav li>:is(a,button)[data-size=default],.sidebar nav li>details>summary[data-size=default] {
    height: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .sidebar nav li>:is(a,button)[data-size=sm],.sidebar nav li>details>summary[data-size=sm] {
    height: calc(var(--spacing) * 7);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
  }
  .sidebar nav li>:is(a,button)[data-size=lg],.sidebar nav li>details>summary[data-size=lg] {
    height: calc(var(--spacing) * 12);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .sidebar nav li>details>summary:after {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .sidebar nav li>details::details-content {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .sidebar nav ul ul {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    gap: var(--spacing);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--color-sidebar-border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * .5);
  }
  .sidebar nav ul ul:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .sidebar nav ul ul>li>:is(a,button),.sidebar nav ul ul>li>details>summary {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
    color: var(--color-sidebar-foreground);
    --tw-ring-color: var(--color-sidebar-ring);
  }
  @media (hover:hover) {
    :is(.sidebar nav ul ul>li>:is(a,button),.sidebar nav ul ul>li>details>summary):hover {
      background-color: var(--color-sidebar-accent);
      color: var(--color-sidebar-accent-foreground);
    }
  }
  :is(.sidebar nav ul ul>li>:is(a,button),.sidebar nav ul ul>li>details>summary):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);
  }
  :is(.sidebar nav ul ul>li>:is(a,button),.sidebar nav ul ul>li>details>summary):active {
    background-color: var(--color-sidebar-accent);
    color: var(--color-sidebar-accent-foreground);
  }
  :is(.sidebar nav ul ul>li>:is(a,button),.sidebar nav ul ul>li>details>summary)>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .progress {
    height: var(--spacing);
    background-color: var(--color-muted);
    border-radius: 3.40282e38px;
  }
  .progress>span {
    background-color: var(--color-primary);
  }
  .skeleton {
    border-radius: var(--radius-md);
    background-color: var(--color-muted);
  }
  .table-container {
    width: 100%;
    position: relative;
    overflow-x: auto;
  }
  .table {
    caption-side: bottom;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height));
  }
  .table thead tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .table tbody tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .table tfoot {
    border-top-style: var(--tw-border-style);
    background-color: var(--color-muted);
    border-top-width: 1px;
  }
  @supports (color:color-mix(in lab, red, red)) {
    .table tfoot {
      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
    }
  }
  .table tfoot {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .table tfoot>tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .table tr {
    border-bottom-style: var(--tw-border-style);
    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));
    border-bottom-width: 1px;
  }
  @media (hover:hover) {
    .table tr:hover {
      background-color: var(--color-muted);
    }
    @supports (color:color-mix(in lab, red, red)) {
      .table tr:hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }
  .table tr[data-state=selected] {
    background-color: var(--color-muted);
  }
  .table th {
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 2);
    text-align: start;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-foreground);
  }
  .table th:has([role=checkbox]) {
    padding-inline-end: 0;
  }
  .table td {
    padding: calc(var(--spacing) * 2);
    vertical-align: middle;
    white-space: nowrap;
  }
  .table td:has([role=checkbox]) {
    padding-inline-end: 0;
  }
  .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(--color-muted-foreground);
  }
  [data-tooltip]:before {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    background-color: var(--color-foreground);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height));
    color: var(--color-background);
    display: inline-flex;
  }
  [data-tooltip]:before:has() {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  [data-tooltip][data-arrow]:after {
    z-index: 60;
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    background-color: var(--color-foreground);
    border-radius: 2px;
    position: absolute;
    rotate: 45deg;
  }
  .toast-content {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    background-color: var(--color-popover);
    color: var(--color-popover-foreground);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
  }
  .field>input[type=range],.input[type=range] {
    height: calc(var(--spacing) * 5);
    --slider-track-height: .25rem;
    --slider-thumb-size: .75rem;
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-runnable-track {
    height: var(--spacing);
    background-color: var(--color-muted);
    border-radius: 3.40282e38px;
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-track {
    height: var(--spacing);
    background-color: var(--color-muted);
    border-radius: 3.40282e38px;
  }
  :is(.field>input[type=range],.input[type=range])::-ms-track {
    height: var(--spacing);
    background-color: var(--color-muted);
    border-radius: 3.40282e38px;
  }
  :is(.field>input[type=range],.input[type=range])::-ms-fill-lower {
    border-radius: inherit;
  }
  :is(.field>input[type=range],.input[type=range])::-ms-fill-upper {
    border-radius: inherit;
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb {
    margin-top: calc(calc((var(--slider-thumb-size) - var(--slider-track-height)) / 2) * -1);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-ring);
    background-color: var(--color-white);
    --tw-ring-color: var(--color-ring);
    border-radius: 3.40282e38px;
    position: relative;
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb {
    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));
  }
  @media (hover:hover) {
    :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:hover {
      --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);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb: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);
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.field>input[type=range],.input[type=range])::-webkit-slider-thumb:active {
    --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);
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-thumb {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-ring);
    background-color: var(--color-white);
    --tw-ring-color: var(--color-ring);
    border-radius: 3.40282e38px;
    position: relative;
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=range],.input[type=range])::-moz-range-thumb {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-thumb {
    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));
  }
  @media (hover:hover) {
    :is(.field>input[type=range],.input[type=range])::-moz-range-thumb:hover {
      --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);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-thumb: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);
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    :is(.field>input[type=range],.input[type=range])::-moz-range-thumb:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.field>input[type=range],.input[type=range])::-moz-range-thumb:active {
    --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);
  }
  :is(.field>input[type=range],.input[type=range])::-ms-thumb {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-ring);
    background-color: var(--color-white);
    --tw-ring-color: var(--color-ring);
    border-radius: 3.40282e38px;
    position: relative;
  }
  @supports (color:color-mix(in lab, red, red)) {
    :is(.field>input[type=range],.input[type=range])::-ms-thumb {
      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-ms-thumb {
    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));
  }
  @media (hover:hover) {
    :is(.field>input[type=range],.input[type=range])::-ms-thumb:hover {
      --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);
    }
  }
  :is(.field>input[type=range],.input[type=range])::-ms-thumb: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);
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors:active) {
    :is(.field>input[type=range],.input[type=range])::-ms-thumb:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  :is(.field>input[type=range],.input[type=range])::-ms-thumb:active {
    --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);
  }
}
@layer utilities;
:root {
  --radius: .625rem;
  --background: oklch(100% 0 0);
  --foreground: oklch(14.5% 0 0);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(14.5% 0 0);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(14.5% 0 0);
  --primary: oklch(20.5% 0 0);
  --primary-foreground: oklch(98.5% 0 0);
  --secondary: oklch(97% 0 0);
  --secondary-foreground: oklch(20.5% 0 0);
  --muted: oklch(97% 0 0);
  --muted-foreground: oklch(55.6% 0 0);
  --accent: oklch(97% 0 0);
  --accent-foreground: oklch(20.5% 0 0);
  --destructive: oklch(57.7% .245 27.325);
  --border: oklch(92.2% 0 0);
  --input: oklch(92.2% 0 0);
  --ring: oklch(70.8% 0 0);
  --chart-1: #93c5fd;
  --chart-2: #3b82f6;
  --chart-3: #2563eb;
  --chart-4: #1d4ed8;
  --chart-5: #1e40af;
  --sidebar: oklch(98.5% 0 0);
  --sidebar-foreground: oklch(14.5% 0 0);
  --sidebar-primary: oklch(20.5% 0 0);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(97% 0 0);
  --sidebar-accent-foreground: oklch(20.5% 0 0);
  --sidebar-border: oklch(92.2% 0 0);
  --sidebar-ring: oklch(70.8% 0 0);
  --sidebar-width: 16rem;
  --sidebar-mobile-width: 18rem;
  --scrollbar-track: transparent;
  --scrollbar-thumb: var(--border);
  --scrollbar-width: .625rem;
  --scrollbar-sm-width: .375rem;
  --scrollbar-radius: 9999px;
  --chevron-down-icon: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.556 0 0)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"/></svg>");
  --chevron-down-icon-50: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.556 0 0 / 0.5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"/></svg>");
  --check-icon: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.556 0 0)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check-icon lucide-check\"><path d=\"M20 6 9 17l-5-5\"/></svg>");
}
.dark {
  --background: oklch(14.5% 0 0);
  --foreground: oklch(98.5% 0 0);
  --card: oklch(20.5% 0 0);
  --card-foreground: oklch(98.5% 0 0);
  --popover: oklch(20.5% 0 0);
  --popover-foreground: oklch(98.5% 0 0);
  --primary: oklch(92.2% 0 0);
  --primary-foreground: oklch(20.5% 0 0);
  --secondary: oklch(26.9% 0 0);
  --secondary-foreground: oklch(98.5% 0 0);
  --muted: oklch(26.9% 0 0);
  --muted-foreground: oklch(70.8% 0 0);
  --accent: oklch(37.1% 0 0);
  --accent-foreground: oklch(98.5% 0 0);
  --destructive: oklch(70.4% .191 22.216);
  --border: oklch(100% 0 0/.1);
  --input: oklch(100% 0 0/.15);
  --ring: oklch(55.6% 0 0);
  --chart-1: #93c5fd;
  --chart-2: #3b82f6;
  --chart-3: #2563eb;
  --chart-4: #1d4ed8;
  --chart-5: #1e40af;
  --sidebar: oklch(20.5% 0 0);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(48.8% .243 264.376);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(26.9% 0 0);
  --sidebar-accent-foreground: oklch(98.5% 0 0);
  --sidebar-border: oklch(100% 0 0/.1);
  --sidebar-ring: oklch(43.9% 0 0);
  --chevron-down-icon: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.708 0 0)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"/></svg>");
  --chevron-down-icon-50: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.708 0 0 / 0.5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"/></svg>");
  --check-icon: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"oklch(0.708 0 0)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check-icon lucide-check\"><path d=\"M20 6 9 17l-5-5\"/></svg>");
  color-scheme: dark;
}
@keyframes toast-up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
:root {
  --background: oklch(0.985 0.003 250);
  --foreground: oklch(0.205 0.015 255);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.205 0.015 255);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.205 0.015 255);
  --primary: oklch(0.58 0.22 258);
  --primary-chart-shade: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-chart-shade: color-mix(in oklch, var(--primary) 65%, var(--background));
  }
  --primary-foreground: oklch(0.985 0.003 250);
  --secondary: oklch(0.94 0.008 250);
  --secondary-foreground: oklch(0.27 0.02 255);
  --muted: oklch(0.955 0.006 250);
  --muted-foreground: oklch(0.48 0.02 255);
  --accent: oklch(0.93 0.035 258);
  --accent-foreground: oklch(0.3 0.11 258);
  --destructive: oklch(0.59 0.2 25);
  --destructive-foreground: oklch(0.985 0.003 250);
  --success: oklch(0.55 0.15 155);
  --success-foreground: oklch(0.985 0.003 250);
  --warning: oklch(0.72 0.16 75);
  --warning-foreground: oklch(0.22 0.03 75);
  --info: oklch(0.62 0.16 235);
  --info-foreground: oklch(0.985 0.003 250);
  --border: oklch(0.88 0.012 250);
  --input: oklch(0.84 0.015 250);
  --ring: oklch(0.58 0.22 258);
  --chart-1: var(--primary);
  --chart-2: var(--success);
  --chart-3: var(--info);
  --chart-4: var(--warning);
  --chart-5: var(--destructive);
  --radius: 8px;
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --shadow-sm: 0 1px 2px 0 oklch(0.145 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px oklch(0.145 0 0 / 0.1), 0 2px 4px -2px oklch(0.145 0 0 / 0.1);
  --shadow-lg: 0 20px 25px -5px oklch(0.145 0 0 / 0.1), 0 8px 10px -6px oklch(0.145 0 0 / 0.1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark {
  --background: oklch(0.15 0.015 255);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.19 0.018 255);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.68 0.18 258);
  --primary-chart-shade: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-chart-shade: color-mix(in oklch, var(--primary) 65%, var(--background));
  }
  --primary-foreground: oklch(0.15 0.015 255);
  --secondary: oklch(0.25 0.02 255);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.24 0.018 255);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.27 0.055 258);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.65 0.18 25);
  --destructive-foreground: oklch(0.985 0.003 250);
  --success: oklch(0.67 0.14 155);
  --warning: oklch(0.8 0.14 75);
  --info: oklch(0.72 0.14 235);
  --border: oklch(1 0 0 / 12%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.68 0.18 258);
  --chart-1: var(--primary);
  --chart-2: var(--success);
  --chart-3: var(--info);
  --chart-4: var(--warning);
  --chart-5: var(--destructive);
  --sidebar: oklch(0.18 0.018 255);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  body {
    background-color: var(--background);
    font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;
    color: var(--foreground);
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  }
}
[x-cloak] {
  display: none;
}
.htmx-indicator {
  opacity: 0;
  visibility: hidden;
}
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
  opacity: 1;
  visibility: visible;
}
@layer components {
  @media (width < 64rem) {
    #app-sidebar-modules [data-tooltip]::before, #app-sidebar-modules [data-tooltip]::after {
      display: none !important;
    }
  }
  .drawer[data-side="right"] > .operation-workspace-drawer {
    width: 100%;
    max-width: none;
  }
  .drawer[data-side="right"] > .product-workflow-drawer {
    width: 100%;
    max-width: none;
  }
  @media (width >= 64rem) {
    .drawer[data-side="right"] > .operation-workspace-drawer {
      width: 75%;
      max-width: calc(var(--space-6) * 27);
    }
    .drawer[data-side="right"] > .product-workflow-drawer {
      width: 82%;
      max-width: calc(var(--space-6) * 31);
    }
  }
}
.htmx-request > .hide-on-request, .htmx-request.hide-on-request {
  display: none;
}
@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-ease {
  syntax: "*";
  inherits: false;
}
@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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-ease: initial;
      --tw-content: "";
      --tw-space-x-reverse: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}