/* Generated from packages/tokens/src by generate/css.ts. Не редактировать вручную. */
@layer theme, base, alet.tokens, alet.base, alet.components, alet.app, components, utilities;

@layer alet.tokens {
  :root {
    color-scheme: light;
    --alet-white: #ffffff;
    --alet-black: #000000;
    --alet-yellow-50: #fff8e0;
    --alet-yellow-100: #ffefb3;
    --alet-yellow-200: #ffe380;
    --alet-yellow-300: #ffd64d;
    --alet-yellow-400: #ffc826;
    --alet-yellow-500: #febd00;
    --alet-yellow-600: #e0a600;
    --alet-yellow-700: #b98a00;
    --alet-yellow-800: #8a6400;
    --alet-yellow-900: #5c4300;
    --alet-gray-50: #fbfaf8;
    --alet-gray-100: #f6f5f3;
    --alet-gray-200: #eceae6;
    --alet-gray-300: #dcd8d2;
    --alet-gray-400: #a8a6a0;
    --alet-gray-500: #6d6b67;
    --alet-gray-600: #5c5a57;
    --alet-gray-700: #454340;
    --alet-gray-800: #363533;
    --alet-gray-900: #2b2a29;
    --alet-gray-950: #1c1b1a;
    --alet-green-50: #e8f5ec;
    --alet-green-100: #c9e8d3;
    --alet-green-500: #1f9d55;
    --alet-green-600: #0f7a3d;
    --alet-green-700: #0b5f2f;
    --alet-amber-50: #fff4d6;
    --alet-amber-100: #ffe4a3;
    --alet-amber-500: #d19100;
    --alet-amber-600: #a87200;
    --alet-amber-700: #8a6400;
    --alet-red-50: #fdecea;
    --alet-red-100: #f9cfc8;
    --alet-red-500: #cf3a19;
    --alet-red-600: #a63316;
    --alet-red-700: #82260f;
    --alet-blue-50: #e8f1fa;
    --alet-blue-100: #c5dcf1;
    --alet-blue-500: #1d6fc0;
    --alet-blue-600: #0d5c9e;
    --alet-blue-700: #0a477a;
    --alet-color-background: var(--alet-gray-50);
    --alet-color-background-subtle: var(--alet-gray-100);
    --alet-color-surface: var(--alet-white);
    --alet-color-surface-raised: var(--alet-white);
    --alet-color-surface-overlay: var(--alet-white);
    --alet-color-surface-selected: var(--alet-yellow-50);
    --alet-color-surface-inverse: var(--alet-gray-900);
    --alet-color-text-primary: var(--alet-gray-900);
    --alet-color-text-secondary: var(--alet-gray-600);
    --alet-color-text-muted: var(--alet-gray-500);
    --alet-color-text-inverse: var(--alet-white);
    --alet-color-text-on-accent: var(--alet-gray-900);
    --alet-color-border: var(--alet-gray-200);
    --alet-color-border-subtle: var(--alet-gray-100);
    --alet-color-border-strong: var(--alet-gray-500);
    --alet-color-border-focus: var(--alet-blue-600);
    --alet-color-action-primary: var(--alet-yellow-500);
    --alet-color-action-primary-hover: var(--alet-yellow-600);
    --alet-color-action-primary-active: var(--alet-yellow-700);
    --alet-color-action-primary-text: var(--alet-gray-900);
    --alet-color-action-secondary: var(--alet-gray-900);
    --alet-color-action-secondary-hover: var(--alet-gray-800);
    --alet-color-action-secondary-active: var(--alet-gray-950);
    --alet-color-action-secondary-text: var(--alet-white);
    --alet-color-action-danger: var(--alet-red-600);
    --alet-color-action-danger-hover: var(--alet-red-700);
    --alet-color-action-danger-text: var(--alet-white);
    --alet-color-status-success: var(--alet-green-600);
    --alet-color-status-success-bg: var(--alet-green-50);
    --alet-color-status-success-text: var(--alet-green-700);
    --alet-color-status-warning: var(--alet-amber-600);
    --alet-color-status-warning-bg: var(--alet-amber-50);
    --alet-color-status-warning-text: var(--alet-amber-700);
    --alet-color-status-danger: var(--alet-red-600);
    --alet-color-status-danger-bg: var(--alet-red-50);
    --alet-color-status-danger-text: var(--alet-red-700);
    --alet-color-status-info: var(--alet-blue-600);
    --alet-color-status-info-bg: var(--alet-blue-50);
    --alet-color-status-info-text: var(--alet-blue-700);
    --alet-color-focus-ring: var(--alet-blue-600);
    --alet-color-disabled-bg: var(--alet-gray-100);
    --alet-color-disabled-text: var(--alet-gray-400);
    --alet-color-overlay-scrim: color-mix(in srgb, var(--alet-gray-950) 48%, transparent);
    --alet-space-0: 0;
    --alet-space-1: 0.25rem;
    --alet-space-2: 0.5rem;
    --alet-space-3: 0.75rem;
    --alet-space-4: 1rem;
    --alet-space-5: 1.25rem;
    --alet-space-6: 1.5rem;
    --alet-space-8: 2rem;
    --alet-space-10: 2.5rem;
    --alet-space-12: 3rem;
    --alet-space-16: 4rem;
    --alet-space-0-5: 0.125rem;
    --alet-space-1-5: 0.375rem;
    --alet-radius-none: 0;
    --alet-radius-sm: 6px;
    --alet-radius-md: 8px;
    --alet-radius-lg: 12px;
    --alet-radius-xl: 16px;
    --alet-radius-full: 9999px;
    --alet-shadow-sm: 0 1px 2px rgb(28 27 26 / 0.08);
    --alet-shadow-md: 0 4px 12px rgb(28 27 26 / 0.12);
    --alet-shadow-lg: 0 12px 32px rgb(28 27 26 / 0.16);
    --alet-shadow-overlay: 0 24px 64px rgb(28 27 26 / 0.24);
    --alet-z-base: 0;
    --alet-z-raised: 10;
    --alet-z-sticky: 100;
    --alet-z-drawer: 200;
    --alet-z-backdrop: 300;
    --alet-z-overlay: 400;
    --alet-z-popover: 500;
    --alet-z-toast: 600;
    --alet-z-viewer: 700;
    --alet-container-sm: 640px;
    --alet-container-md: 960px;
    --alet-container-lg: 1280px;
    --alet-overlay-dialog-sm: 400px;
    --alet-overlay-dialog-md: 560px;
    --alet-overlay-dialog-lg: 720px;
    --alet-overlay-popover-max: 400px;
    --alet-overlay-menu-min: 12rem;
    --alet-overlay-tooltip-max: 20rem;
    --alet-overlay-sheet-max: 640px;
    --alet-overlay-action-sheet-max: 480px;
    --alet-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    --alet-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
    --alet-font-weight-regular: 400;
    --alet-font-weight-medium: 500;
    --alet-font-weight-semibold: 600;
    --alet-font-weight-bold: 700;
    --alet-font-weight-extrabold: 800;
    --alet-text-display-size: 2rem;
    --alet-text-display-line-height: 1.15;
    --alet-text-display-weight: 700;
    --alet-text-display-tracking: -0.01em;
    --alet-text-heading-xl-size: 1.5rem;
    --alet-text-heading-xl-line-height: 1.2;
    --alet-text-heading-xl-weight: 700;
    --alet-text-heading-xl-tracking: -0.01em;
    --alet-text-heading-lg-size: 1.25rem;
    --alet-text-heading-lg-line-height: 1.25;
    --alet-text-heading-lg-weight: 700;
    --alet-text-heading-md-size: 1.0625rem;
    --alet-text-heading-md-line-height: 1.3;
    --alet-text-heading-md-weight: 600;
    --alet-text-heading-sm-size: 0.9375rem;
    --alet-text-heading-sm-line-height: 1.35;
    --alet-text-heading-sm-weight: 600;
    --alet-text-body-lg-size: 1rem;
    --alet-text-body-lg-line-height: 1.5;
    --alet-text-body-lg-weight: 400;
    --alet-text-body-size: 0.875rem;
    --alet-text-body-line-height: 1.45;
    --alet-text-body-weight: 400;
    --alet-text-body-sm-size: 0.8125rem;
    --alet-text-body-sm-line-height: 1.4;
    --alet-text-body-sm-weight: 400;
    --alet-text-label-size: 0.8125rem;
    --alet-text-label-line-height: 1.3;
    --alet-text-label-weight: 600;
    --alet-text-label-sm-size: 0.6875rem;
    --alet-text-label-sm-line-height: 1.3;
    --alet-text-label-sm-weight: 600;
    --alet-text-label-sm-tracking: 0.04em;
    --alet-text-caption-size: 0.75rem;
    --alet-text-caption-line-height: 1.35;
    --alet-text-caption-weight: 400;
    --alet-text-price-xl-size: 1.75rem;
    --alet-text-price-xl-line-height: 1.1;
    --alet-text-price-xl-weight: 800;
    --alet-text-price-xl-tracking: -0.01em;
    --alet-text-price-lg-size: 1.25rem;
    --alet-text-price-lg-line-height: 1.2;
    --alet-text-price-lg-weight: 700;
    --alet-text-price-size: 1rem;
    --alet-text-price-line-height: 1.25;
    --alet-text-price-weight: 700;
    --alet-text-price-sm-size: 0.8125rem;
    --alet-text-price-sm-line-height: 1.3;
    --alet-text-price-sm-weight: 600;
    --alet-text-numeric-size: 0.875rem;
    --alet-text-numeric-line-height: 1.45;
    --alet-text-numeric-weight: 400;
    --alet-text-mono-size: 0.8125rem;
    --alet-text-mono-line-height: 1.45;
    --alet-text-mono-weight: 400;
    --alet-motion-duration-fast: 120ms;
    --alet-motion-duration-normal: 200ms;
    --alet-motion-duration-slow: 320ms;
    --alet-motion-ease-enter: cubic-bezier(0.2, 0, 0, 1);
    --alet-motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --alet-motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --alet-safe-area-top: env(safe-area-inset-top, 0px);
    --alet-safe-area-right: env(safe-area-inset-right, 0px);
    --alet-safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --alet-safe-area-left: env(safe-area-inset-left, 0px);
    --alet-density: comfortable;
    --alet-control-height: 44px;
    --alet-control-height-sm: 36px;
    --alet-row-height: 48px;
    --alet-touch-target: 44px;
    --alet-field-gap: 1rem;
    --alet-inline-padding: 1rem;
    --alet-stack-gap: 0.75rem;
    --alet-badge-height: 36px;
    --alet-badge-padding-inline: 0.5rem;
    --alet-track-thickness: 0.5rem;
    --alet-overlay-padding: 1.5rem;
  }
  [data-alet-density='comfortable'] {
    --alet-density: comfortable;
    --alet-control-height: 44px;
    --alet-control-height-sm: 36px;
    --alet-row-height: 48px;
    --alet-touch-target: 44px;
    --alet-field-gap: 1rem;
    --alet-inline-padding: 1rem;
    --alet-stack-gap: 0.75rem;
    --alet-badge-height: 36px;
    --alet-badge-padding-inline: 0.5rem;
    --alet-track-thickness: 0.5rem;
    --alet-overlay-padding: 1.5rem;
  }
  [data-alet-density='compact'] {
    --alet-density: compact;
    --alet-control-height: 32px;
    --alet-control-height-sm: 28px;
    --alet-row-height: 32px;
    --alet-touch-target: 40px;
    --alet-field-gap: 0.75rem;
    --alet-inline-padding: 0.75rem;
    --alet-stack-gap: 0.5rem;
    --alet-badge-height: 24px;
    --alet-badge-padding-inline: 0.375rem;
    --alet-track-thickness: 0.375rem;
    --alet-overlay-padding: 1rem;
  }
}

@layer alet.base {
  .alet-text-display {
    font-size: var(--alet-text-display-size);
    line-height: var(--alet-text-display-line-height);
    font-weight: var(--alet-text-display-weight);
    letter-spacing: var(--alet-text-display-tracking);
  }
  .alet-text-heading-xl {
    font-size: var(--alet-text-heading-xl-size);
    line-height: var(--alet-text-heading-xl-line-height);
    font-weight: var(--alet-text-heading-xl-weight);
    letter-spacing: var(--alet-text-heading-xl-tracking);
  }
  .alet-text-heading-lg {
    font-size: var(--alet-text-heading-lg-size);
    line-height: var(--alet-text-heading-lg-line-height);
    font-weight: var(--alet-text-heading-lg-weight);
  }
  .alet-text-heading-md {
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--alet-text-heading-md-line-height);
    font-weight: var(--alet-text-heading-md-weight);
  }
  .alet-text-heading-sm {
    font-size: var(--alet-text-heading-sm-size);
    line-height: var(--alet-text-heading-sm-line-height);
    font-weight: var(--alet-text-heading-sm-weight);
  }
  .alet-text-body-lg {
    font-size: var(--alet-text-body-lg-size);
    line-height: var(--alet-text-body-lg-line-height);
    font-weight: var(--alet-text-body-lg-weight);
  }
  .alet-text-body {
    font-size: var(--alet-text-body-size);
    line-height: var(--alet-text-body-line-height);
    font-weight: var(--alet-text-body-weight);
  }
  .alet-text-body-sm {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--alet-text-body-sm-line-height);
    font-weight: var(--alet-text-body-sm-weight);
  }
  .alet-text-label {
    font-size: var(--alet-text-label-size);
    line-height: var(--alet-text-label-line-height);
    font-weight: var(--alet-text-label-weight);
  }
  .alet-text-label-sm {
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
  }
  .alet-text-caption {
    font-size: var(--alet-text-caption-size);
    line-height: var(--alet-text-caption-line-height);
    font-weight: var(--alet-text-caption-weight);
  }
  .alet-text-price-xl {
    font-size: var(--alet-text-price-xl-size);
    line-height: var(--alet-text-price-xl-line-height);
    font-weight: var(--alet-text-price-xl-weight);
    letter-spacing: var(--alet-text-price-xl-tracking);
    font-variant-numeric: tabular-nums;
  }
  .alet-text-price-lg {
    font-size: var(--alet-text-price-lg-size);
    line-height: var(--alet-text-price-lg-line-height);
    font-weight: var(--alet-text-price-lg-weight);
    font-variant-numeric: tabular-nums;
  }
  .alet-text-price {
    font-size: var(--alet-text-price-size);
    line-height: var(--alet-text-price-line-height);
    font-weight: var(--alet-text-price-weight);
    font-variant-numeric: tabular-nums;
  }
  .alet-text-price-sm {
    font-size: var(--alet-text-price-sm-size);
    line-height: var(--alet-text-price-sm-line-height);
    font-weight: var(--alet-text-price-sm-weight);
    font-variant-numeric: tabular-nums;
  }
  .alet-text-numeric {
    font-size: var(--alet-text-numeric-size);
    line-height: var(--alet-text-numeric-line-height);
    font-weight: var(--alet-text-numeric-weight);
    font-variant-numeric: tabular-nums;
  }
  .alet-text-mono {
    font-family: var(--alet-font-mono);
    font-size: var(--alet-text-mono-size);
    line-height: var(--alet-text-mono-line-height);
    font-weight: var(--alet-text-mono-weight);
    font-variant-numeric: tabular-nums;
  }
  .alet-safe-pt {
    padding-top: var(--alet-safe-area-top);
  }
  .alet-safe-pr {
    padding-right: var(--alet-safe-area-right);
  }
  .alet-safe-pb {
    padding-bottom: var(--alet-safe-area-bottom);
  }
  .alet-safe-pl {
    padding-left: var(--alet-safe-area-left);
  }
  .alet-safe-py {
    padding-top: var(--alet-safe-area-top);
    padding-bottom: var(--alet-safe-area-bottom);
  }
  .alet-safe-px {
    padding-left: var(--alet-safe-area-left);
    padding-right: var(--alet-safe-area-right);
  }
}
/*
 * @alet/tokens — handwritten часть `alet.base` (ADR-011).
 * Document defaults ALET look & feel. Consumer переопределяет в `@layer alet.app`.
 */
@layer alet.base {
  html {
    font-family: var(--alet-font-sans);
    color: var(--alet-color-text-primary);
    background-color: var(--alet-color-background);
    -webkit-text-size-adjust: 100%;
  }

  .alet-tabular {
    font-variant-numeric: tabular-nums;
  }
}
/*$vite$:1*//*! tailwindcss v4.3.3 | 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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --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-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-font-weight: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --default-font-family: var(--alet-font-sans);
    --default-mono-font-family: var(--alet-font-mono);
  }
}

@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, -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;
    -webkit-text-decoration: 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: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 {
    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;
  }
}

@layer alet.tokens, alet.base;

@layer alet.components {
  .pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: #4f4f4f66;
    --pswp-preloader-color-secondary: #ffffffe6;
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    touch-action: none;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: #0000;
    outline: 0;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .pswp:focus {
    outline: 0;
  }

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

  .pswp img {
    max-width: none;
  }

  .pswp--open {
    display: block;
  }

  .pswp, .pswp__bg {
    will-change: opacity;
    transform: translateZ(0);
  }

  .pswp__bg {
    opacity: .005;
    background: var(--pswp-bg);
  }

  .pswp, .pswp__scroll-wrap {
    overflow: hidden;
  }

  .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .pswp__img, .pswp__zoom-wrap {
    width: auto;
    height: auto;
  }

  .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }

  .pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
  }

  .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
  }

  .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
  }

  .pswp__container, .pswp__img, .pswp__button, .pswp__counter {
    -webkit-user-select: none;
    user-select: none;
  }

  .pswp__item {
    z-index: 1;
    overflow: hidden;
  }

  .pswp__hidden {
    display: none !important;
  }

  .pswp__content {
    pointer-events: none;
  }

  .pswp__content > * {
    pointer-events: auto;
  }

  .pswp__error-msg-container {
    display: grid;
  }

  .pswp__error-msg {
    color: var(--pswp-error-text-color);
    margin: auto;
    font-size: 1em;
    line-height: 1;
  }

  .pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none;
  }

  .pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto;
  }

  .pswp__button {
    cursor: pointer;
    width: 50px;
    height: 60px;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .pswp__button:hover, .pswp__button:active, .pswp__button:focus {
    box-shadow: none;
    opacity: 1;
    background: none;
    border: 0;
    padding: 0;
    transition: none;
  }

  .pswp__button:disabled {
    opacity: .3;
    cursor: auto;
  }

  .pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    pointer-events: none;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 14px;
    left: 9px;
    overflow: hidden;
  }

  .pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none;
  }

  .pswp__icn:focus {
    outline: 0;
  }

  div.pswp__img--placeholder, .pswp__img--with-bg {
    background: var(--pswp-placeholder-bg);
  }

  .pswp__top-bar {
    z-index: 10;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    height: 60px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none !important;
  }

  .pswp__top-bar > * {
    pointer-events: auto;
    will-change: opacity;
  }

  .pswp__button--close {
    margin-right: 6px;
  }

  .pswp__button--arrow {
    width: 75px;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
  }

  .pswp__button--arrow:disabled {
    cursor: default;
    display: none;
  }

  .pswp__button--arrow .pswp__icn {
    background: none;
    border-radius: 0;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    top: 50%;
  }

  .pswp--one-slide .pswp__button--arrow {
    display: none;
  }

  .pswp--touch .pswp__button--arrow {
    visibility: hidden;
  }

  .pswp--has_mouse .pswp__button--arrow {
    visibility: visible;
  }

  .pswp__button--arrow--prev {
    left: 0;
    right: auto;
  }

  .pswp__button--arrow--next {
    right: 0;
  }

  .pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scale(-1, 1);
  }

  .pswp__button--zoom {
    display: none;
  }

  .pswp--zoom-allowed .pswp__button--zoom {
    display: block;
  }

  .pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none;
  }

  .pswp__preloader {
    width: 50px;
    height: 60px;
    margin-right: auto;
    position: relative;
    overflow: hidden;
  }

  .pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: .6s linear infinite pswp-clockwise;
  }

  .pswp__preloader--active .pswp__icn {
    opacity: .85;
  }

  @keyframes pswp-clockwise {
    0% {
      transform: rotate(0);
    }

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

  .pswp__counter {
    height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
  }

  .pswp--one-slide .pswp__counter {
    display: none;
  }

  [data-alet-provider], [data-alet-overlay-root] {
    display: contents;
  }

  [data-alet-portal] {
    position: fixed;
  }

  [data-alet-portal][data-alet-layer="drawer"] {
    z-index: var(--alet-z-drawer);
  }

  [data-alet-portal][data-alet-layer="backdrop"] {
    z-index: var(--alet-z-backdrop);
  }

  [data-alet-portal][data-alet-layer="overlay"] {
    z-index: var(--alet-z-overlay);
  }

  [data-alet-portal][data-alet-layer="popover"] {
    z-index: var(--alet-z-popover);
  }

  [data-alet-portal][data-alet-layer="toast"] {
    z-index: var(--alet-z-toast);
  }

  [data-alet-portal][data-alet-layer="viewer"] {
    z-index: var(--alet-z-viewer);
  }

  .alet-button, .alet-icon-button {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    font-family: var(--alet-font-sans);
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    white-space: nowrap;
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), transform var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    border-width: 1px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-button:focus-visible, .alet-icon-button:focus-visible, .alet-link:focus-visible, .alet-textarea:focus-visible, .alet-checkbox__control:focus-visible, .alet-radio__control:focus-visible, .alet-switch__track:focus-visible, .alet-select:focus-visible, .alet-date-picker__trigger:focus-visible, .alet-calendar__day-button:focus-visible, .alet-calendar__dropdown:focus-visible + .alet-calendar__caption-label {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-button:active:not(:disabled, [aria-disabled="true"]), .alet-icon-button:active:not(:disabled, [aria-disabled="true"]) {
    transform: translateY(1px);
  }

  .alet-button[aria-disabled="true"], .alet-icon-button[aria-disabled="true"] {
    cursor: progress;
  }

  .alet-button:disabled, .alet-icon-button:disabled {
    cursor: not-allowed;
    border-color: var(--alet-color-disabled-bg);
    background-color: var(--alet-color-disabled-bg);
    color: var(--alet-color-disabled-text);
    transform: none;
  }

  .alet-button--primary, .alet-icon-button--primary {
    border-color: var(--alet-color-action-primary);
    background-color: var(--alet-color-action-primary);
    color: var(--alet-color-action-primary-text);
  }

  .alet-button--secondary, .alet-icon-button--secondary {
    border-color: var(--alet-color-action-secondary);
    background-color: var(--alet-color-action-secondary);
    color: var(--alet-color-action-secondary-text);
  }

  .alet-button--ghost, .alet-icon-button--ghost {
    color: var(--alet-color-text-primary);
    background-color: #0000;
    border-color: #0000;
  }

  .alet-button--danger, .alet-icon-button--danger {
    border-color: var(--alet-color-action-danger);
    background-color: var(--alet-color-action-danger);
    color: var(--alet-color-action-danger-text);
  }

  @media (hover: hover) {
    .alet-button--primary:hover:not(:disabled, [aria-disabled="true"]), .alet-icon-button--primary:hover:not(:disabled, [aria-disabled="true"]) {
      border-color: var(--alet-color-action-primary-hover);
      background-color: var(--alet-color-action-primary-hover);
    }

    .alet-button--secondary:hover:not(:disabled, [aria-disabled="true"]), .alet-icon-button--secondary:hover:not(:disabled, [aria-disabled="true"]) {
      border-color: var(--alet-color-action-secondary-hover);
      background-color: var(--alet-color-action-secondary-hover);
    }

    .alet-button--ghost:hover:not(:disabled, [aria-disabled="true"]), .alet-icon-button--ghost:hover:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--alet-color-background-subtle);
    }

    .alet-button--danger:hover:not(:disabled, [aria-disabled="true"]), .alet-icon-button--danger:hover:not(:disabled, [aria-disabled="true"]) {
      border-color: var(--alet-color-action-danger-hover);
      background-color: var(--alet-color-action-danger-hover);
    }
  }

  .alet-button {
    gap: var(--alet-space-2);
    min-inline-size: min-content;
    padding-inline: var(--alet-inline-padding);
  }

  .alet-button--md {
    min-block-size: var(--alet-control-height);
  }

  .alet-button--sm {
    min-block-size: var(--alet-control-height-sm);
    padding-inline: var(--alet-space-2);
  }

  .alet-button--block {
    inline-size: 100%;
  }

  .alet-button__icon, .alet-icon-button__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    block-size: 1.25em;
    inline-size: 1.25em;
    display: inline-flex;
  }

  .alet-button__icon--hidden {
    visibility: hidden;
  }

  .alet-button__icon > svg, .alet-icon-button__icon > svg {
    block-size: 100%;
    inline-size: 100%;
  }

  .alet-icon-button {
    padding: 0;
  }

  .alet-icon-button--md {
    inline-size: max(var(--alet-control-height), var(--alet-touch-target));
    block-size: max(var(--alet-control-height), var(--alet-touch-target));
  }

  .alet-icon-button--sm {
    inline-size: var(--alet-control-height-sm);
    block-size: var(--alet-control-height-sm);
  }

  .alet-link {
    cursor: pointer;
    font-family: var(--alet-font-sans);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-underline-offset: 3px;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    transition: color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), text-decoration-thickness var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
  }

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

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

  .alet-link--danger {
    color: var(--alet-color-status-danger-text);
  }

  @media (hover: hover) {
    .alet-link:hover {
      text-decoration-thickness: 2px;
    }

    .alet-input:hover:where(:not([data-disabled], [data-readonly])), .alet-textarea:hover:where(:not(:disabled, [readonly])) {
      border-color: var(--alet-color-border-focus);
    }
  }

  .alet-badge {
    border-radius: var(--alet-radius-full);
    max-width: 100%;
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    min-block-size: var(--alet-badge-height);
    padding-inline: var(--alet-badge-padding-inline);
    align-items: center;
    display: inline-flex;
  }

  .alet-badge--neutral {
    background-color: var(--alet-color-background-subtle);
    color: var(--alet-color-text-secondary);
  }

  .alet-badge--success {
    background-color: var(--alet-color-status-success-bg);
    color: var(--alet-color-status-success-text);
  }

  .alet-badge--warning {
    background-color: var(--alet-color-status-warning-bg);
    color: var(--alet-color-status-warning-text);
  }

  .alet-badge--danger {
    background-color: var(--alet-color-status-danger-bg);
    color: var(--alet-color-status-danger-text);
  }

  .alet-badge--info {
    background-color: var(--alet-color-status-info-bg);
    color: var(--alet-color-status-info-text);
  }

  .alet-separator {
    border-style: var(--tw-border-style);
    background-color: var(--alet-color-border);
    border-width: 0;
    flex-shrink: 0;
  }

  .alet-separator--horizontal {
    block-size: 1px;
    inline-size: 100%;
  }

  .alet-separator--vertical {
    block-size: 100%;
    min-block-size: 1em;
    inline-size: 1px;
  }

  .alet-spinner {
    border-radius: var(--alet-radius-full);
    border-style: var(--tw-border-style);
    animation: alet-spinner-rotate var(--alet-motion-duration-slow) linear infinite;
    border-width: 2px;
    border-color: currentColor;
    border-inline-end-color: #0000;
    flex-shrink: 0;
    display: inline-block;
  }

  .alet-spinner--sm {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-spinner--md {
    inline-size: var(--alet-space-6);
    block-size: var(--alet-space-6);
  }

  .alet-spinner--lg {
    inline-size: var(--alet-space-8);
    block-size: var(--alet-space-8);
  }

  .alet-progress {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-disabled-bg);
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .alet-progress--sm {
    block-size: var(--alet-space-1);
  }

  .alet-progress--md {
    block-size: var(--alet-track-thickness);
  }

  .alet-progress__indicator {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-action-primary);
    height: 100%;
    transition: width var(--alet-motion-duration-normal) var(--alet-motion-ease-standard);
    display: block;
  }

  .alet-progress--indeterminate .alet-progress__indicator {
    inline-size: 40%;
    animation: alet-progress-indeterminate 1.2s var(--alet-motion-ease-standard) infinite;
  }

  .alet-skeleton {
    background-color: var(--alet-color-disabled-bg);
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  .alet-skeleton:after {
    content: "";
    background: linear-gradient(90deg, transparent, var(--alet-color-surface), transparent);
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alet-skeleton:after {
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--alet-color-surface) 64%, transparent), transparent);
    }
  }

  .alet-skeleton:after {
    animation: 1.2s linear infinite alet-skeleton-sheen;
    transform: translateX(-100%);
  }

  .alet-skeleton--text {
    border-radius: var(--alet-radius-sm);
    width: 100%;
    block-size: 1em;
  }

  .alet-skeleton--rectangular {
    border-radius: var(--alet-radius-md);
    width: 100%;
    block-size: var(--alet-control-height);
  }

  .alet-skeleton--circular {
    border-radius: var(--alet-radius-full);
    inline-size: var(--alet-touch-target);
    block-size: var(--alet-touch-target);
  }

  .alet-avatar {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-surface-selected);
    color: var(--alet-color-text-primary);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .alet-avatar--sm {
    inline-size: var(--alet-space-8);
    block-size: var(--alet-space-8);
  }

  .alet-avatar--md {
    inline-size: var(--alet-touch-target);
    block-size: var(--alet-touch-target);
  }

  .alet-avatar--lg {
    inline-size: var(--alet-space-12);
    block-size: var(--alet-space-12);
  }

  .alet-avatar__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .alet-avatar__fallback {
    width: 100%;
    height: 100%;
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-field {
    gap: var(--alet-space-1-5);
    display: grid;
  }

  .alet-label {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-primary);
    display: block;
  }

  .alet-field[data-disabled] .alet-label, .alet-radio-group[data-disabled] .alet-radio-group__legend {
    color: var(--alet-color-disabled-text);
  }

  .alet-label__required {
    color: var(--alet-color-status-danger-text);
    margin-inline-start: var(--alet-space-1);
  }

  .alet-help-text {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
  }

  .alet-error-text {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-status-danger-text);
    margin: 0;
  }

  .alet-input {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border-strong);
    background-color: var(--alet-color-surface);
    width: 100%;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    align-items: center;
    gap: var(--alet-space-2);
    padding-inline: var(--alet-inline-padding);
    transition: border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    display: flex;
  }

  .alet-input--md {
    min-block-size: var(--alet-control-height);
  }

  .alet-input--sm {
    min-block-size: var(--alet-control-height-sm);
    padding-inline: var(--alet-space-2);
  }

  .alet-input__control {
    border-style: var(--tw-border-style);
    min-width: 0;
    font-family: var(--alet-font-sans);
    font: inherit;
    block-size: 100%;
    color: inherit;
    background-color: #0000;
    border-width: 0;
    outline: none;
    flex: 1;
    padding: 0;
  }

  .alet-input__control::placeholder, .alet-textarea::placeholder {
    color: var(--alet-color-text-muted);
    opacity: 1;
  }

  .alet-input__affix {
    color: var(--alet-color-text-secondary);
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

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

  .alet-input[data-focus-visible] {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-textarea {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border-strong);
    background-color: var(--alet-color-surface);
    width: 100%;
    font-family: var(--alet-font-sans);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    padding-block: var(--alet-space-2);
    padding-inline: var(--alet-inline-padding);
    min-block-size: var(--alet-control-height);
    resize: vertical;
    transition: border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    display: block;
  }

  .alet-textarea:focus-visible {
    border-color: var(--alet-color-border-focus);
  }

  .alet-input[data-validation="error"], .alet-textarea[data-validation="error"] {
    border-color: var(--alet-color-status-danger);
  }

  .alet-input[data-validation="success"], .alet-textarea[data-validation="success"] {
    border-color: var(--alet-color-status-success);
  }

  .alet-input[data-readonly], .alet-textarea[readonly] {
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-background-subtle);
  }

  .alet-input[data-disabled], .alet-textarea:disabled {
    cursor: not-allowed;
    border-color: var(--alet-color-disabled-bg);
    background-color: var(--alet-color-disabled-bg);
    color: var(--alet-color-disabled-text);
  }

  .alet-input[data-disabled] .alet-input__control {
    cursor: inherit;
  }

  .alet-checkbox, .alet-radio, .alet-switch {
    cursor: pointer;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    align-items: flex-start;
    gap: var(--alet-space-3);
    min-block-size: var(--alet-touch-target);
    padding-block: var(--alet-space-2);
    display: flex;
  }

  .alet-checkbox[data-disabled], .alet-radio[data-disabled], .alet-radio-group[data-disabled] .alet-radio, .alet-switch[data-disabled] {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-checkbox__body, .alet-radio__body, .alet-switch__body {
    gap: var(--alet-space-0-5);
    display: grid;
  }

  .alet-checkbox__description, .alet-radio__description, .alet-switch__description {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
  }

  .alet-checkbox__control, .alet-radio__control {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border-strong);
    background-color: var(--alet-color-surface);
    color: var(--alet-color-action-primary-text);
    cursor: inherit;
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block-start: calc((var(--alet-text-body-size) * var(--alet-text-body-line-height) - var(--alet-space-5)) / 2);
    padding: 0;
    display: inline-flex;
  }

  .alet-checkbox__control {
    border-radius: var(--alet-radius-sm);
  }

  .alet-radio__control {
    border-radius: var(--alet-radius-full);
  }

  .alet-checkbox__control[data-state="checked"], .alet-checkbox__control[data-state="indeterminate"], .alet-radio__control[data-state="checked"] {
    border-color: var(--alet-color-action-primary);
    background-color: var(--alet-color-action-primary);
  }

  .alet-checkbox__control[aria-invalid="true"], .alet-radio-group[data-invalid] .alet-radio__control, .alet-switch__track[aria-invalid="true"] {
    border-color: var(--alet-color-status-danger);
  }

  .alet-checkbox__control[data-disabled], .alet-radio__control[data-disabled], .alet-switch__track[data-disabled] {
    cursor: not-allowed;
    border-color: var(--alet-color-disabled-bg);
    background-color: var(--alet-color-disabled-bg);
    color: var(--alet-color-disabled-text);
  }

  .alet-checkbox__indicator, .alet-radio__indicator {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-checkbox__icon {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-checkbox__control[data-state="checked"] .alet-checkbox__icon--mixed, .alet-checkbox__control[data-state="indeterminate"] .alet-checkbox__icon--check {
    display: none;
  }

  .alet-radio__indicator:after {
    content: "";
    inline-size: var(--alet-space-2);
    block-size: var(--alet-space-2);
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-action-primary-text);
    display: block;
  }

  .alet-switch__track {
    border-radius: var(--alet-radius-full);
    border-style: var(--tw-border-style);
    background-color: var(--alet-color-border-strong);
    cursor: inherit;
    inline-size: var(--alet-space-10);
    block-size: var(--alet-space-6);
    padding: var(--alet-space-0-5);
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    border-width: 0;
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .alet-switch__track[data-state="checked"] {
    background-color: var(--alet-color-action-primary);
  }

  .alet-switch__thumb {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-surface);
    --tw-shadow: var(--alet-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);
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    transition: transform var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    display: block;
  }

  .alet-switch__thumb[data-state="checked"] {
    transform: translateX(var(--alet-space-4));
  }

  .alet-radio-group {
    gap: var(--alet-space-1);
    display: grid;
  }

  .alet-radio-group__legend {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-primary);
    display: block;
  }

  .alet-radio-group__items {
    display: grid;
  }

  .alet-radio-group--horizontal .alet-radio-group__items {
    column-gap: var(--alet-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-dialog__overlay {
    z-index: var(--alet-z-overlay);
    background-color: var(--alet-color-overlay-scrim);
    position: fixed;
    inset: 0;
  }

  .alet-dialog__overlay[data-state="open"] {
    animation: alet-overlay-fade-in var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
  }

  .alet-dialog__overlay[data-state="closed"] {
    animation: alet-overlay-fade-out var(--alet-motion-duration-fast) var(--alet-motion-ease-exit);
  }

  .alet-dialog {
    border-radius: var(--alet-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-shadow-overlay);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: var(--alet-z-overlay);
    box-sizing: border-box;
    inline-size: calc(100% - 2 * var(--alet-space-4));
    max-inline-size: var(--alet-overlay-dialog-md);
    block-size: fit-content;
    max-block-size: calc(100dvh - 2 * var(--alet-space-4) - var(--alet-safe-area-top) - var(--alet-safe-area-bottom));
    padding: var(--alet-overlay-padding);
    gap: var(--alet-space-3);
    outline: none;
    flex-direction: column;
    margin: auto;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .alet-dialog--sm {
    max-inline-size: var(--alet-overlay-dialog-sm);
  }

  .alet-dialog--lg {
    max-inline-size: var(--alet-overlay-dialog-lg);
  }

  .alet-dialog[data-state="open"] {
    animation: alet-dialog-in var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
  }

  .alet-dialog[data-state="closed"] {
    animation: alet-dialog-out var(--alet-motion-duration-fast) var(--alet-motion-ease-exit);
  }

  .alet-dialog__close {
    position: absolute;
    inset-block-start: var(--alet-space-3);
    inset-inline-end: var(--alet-space-3);
  }

  .alet-dialog__title {
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--tw-leading, var(--alet-text-heading-md-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-heading-md-weight));
    color: var(--alet-color-text-primary);
    margin: 0;
  }

  .alet-dialog--closable .alet-dialog__title {
    padding-inline-end: var(--alet-space-10);
  }

  .alet-dialog__description {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    overscroll-behavior: contain;
    min-block-size: 0;
    margin: 0;
    overflow-y: auto;
  }

  .alet-dialog__body {
    overscroll-behavior: contain;
    flex: auto;
    min-block-size: 0;
    overflow-y: auto;
  }

  .alet-dialog__footer {
    flex-direction: column-reverse;
    display: flex;
  }

  @media (min-width: 480px) {
    .alet-dialog__footer {
      flex-flow: wrap;
      justify-content: flex-end;
    }
  }

  .alet-dialog__footer {
    gap: var(--alet-space-2);
    margin-block-start: var(--alet-space-2);
  }

  .alet-dialog__footer > .alet-button {
    width: 100%;
  }

  @media (min-width: 480px) {
    .alet-dialog__footer > .alet-button {
      width: auto;
    }
  }

  .alet-popover, .alet-menu, .alet-tooltip, .alet-select__content, .alet-combobox__positioner {
    z-index: var(--alet-z-popover);
    box-sizing: border-box;
    outline: none;
  }

  .alet-popover[data-state="open"], .alet-menu[data-state="open"], .alet-select__content[data-state="open"], .alet-tooltip[data-state="delayed-open"], .alet-tooltip[data-state="instant-open"] {
    animation: alet-popper-in var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
  }

  .alet-popover[data-state="closed"], .alet-menu[data-state="closed"], .alet-select__content[data-state="closed"], .alet-tooltip[data-state="closed"] {
    animation: alet-popper-out var(--alet-motion-duration-fast) var(--alet-motion-ease-exit);
  }

  .alet-popover {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-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);
    transform-origin: var(--radix-popover-content-transform-origin);
    max-inline-size: min(var(--alet-overlay-popover-max), calc(100vw - 2 * var(--alet-space-4)));
    max-block-size: var(--radix-popover-content-available-height);
    padding: var(--alet-inline-padding);
    overflow: auto;
  }

  .alet-tooltip {
    border-radius: var(--alet-radius-sm);
    background-color: var(--alet-color-surface-inverse);
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-inverse);
    --tw-shadow: var(--alet-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);
    transform-origin: var(--radix-tooltip-content-transform-origin);
    max-inline-size: min(var(--alet-overlay-tooltip-max), calc(100vw - 2 * var(--alet-space-4)));
    padding-block: var(--alet-space-1-5);
    padding-inline: var(--alet-space-2);
  }

  .alet-menu {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-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);
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
    min-inline-size: max(var(--alet-overlay-menu-min), var(--radix-dropdown-menu-trigger-width));
    max-inline-size: calc(100vw - 2 * var(--alet-space-4));
    max-block-size: var(--radix-dropdown-menu-content-available-height);
    padding: var(--alet-space-1);
    overflow: auto;
  }

  .alet-menu__item {
    cursor: pointer;
    border-radius: var(--alet-radius-sm);
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: var(--alet-space-2);
    min-block-size: var(--alet-control-height);
    padding-inline: var(--alet-space-3);
    outline: none;
    display: flex;
  }

  .alet-menu__item[data-highlighted] {
    background-color: var(--alet-color-background-subtle);
  }

  .alet-menu__item[data-disabled] {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-menu__item--danger {
    color: var(--alet-color-status-danger-text);
  }

  .alet-menu__item--danger[data-highlighted] {
    background-color: var(--alet-color-status-danger-bg);
  }

  .alet-menu__icon, .alet-menu__indicator {
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-menu__icon > svg, .alet-menu__indicator svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-menu__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .alet-menu__label {
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    color: var(--alet-color-text-secondary);
    padding-block: var(--alet-space-1-5);
    padding-inline: var(--alet-space-3);
  }

  .alet-menu__separator {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--alet-color-border);
    margin-block: var(--alet-space-1);
    margin-inline: calc(-1 * var(--alet-space-1));
  }

  .alet-menu__body {
    min-width: 0;
    padding-block: var(--alet-space-1-5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .alet-menu__text--wrap {
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .alet-menu__description {
    -webkit-line-clamp: 2;
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .alet-menu__item[data-disabled] .alet-menu__description {
    color: var(--alet-color-disabled-text);
  }

  .alet-select {
    cursor: pointer;
    text-align: start;
    appearance: none;
    font: inherit;
  }

  .alet-select[data-placeholder] .alet-select__value {
    color: var(--alet-color-text-muted);
  }

  .alet-select__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .alet-select__icon svg, .alet-date-picker__icon svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
    transition: transform var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
  }

  .alet-select[data-state="open"] .alet-select__icon svg {
    transform: rotate(180deg);
  }

  .alet-select[data-readonly], .alet-date-picker__trigger[data-readonly] {
    cursor: default;
  }

  .alet-select[data-disabled], .alet-date-picker__trigger:disabled {
    cursor: not-allowed;
  }

  .alet-select__content {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-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);
    transform-origin: var(--radix-select-content-transform-origin);
    min-inline-size: max(var(--alet-overlay-menu-min), var(--radix-select-trigger-width));
    max-inline-size: calc(100vw - 2 * var(--alet-space-4));
    max-block-size: var(--radix-select-content-available-height);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .alet-select__viewport {
    padding: var(--alet-space-1);
  }

  .alet-select__scroll {
    color: var(--alet-color-text-secondary);
    block-size: var(--alet-space-6);
    cursor: default;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alet-select__scroll svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-combobox__affix {
    gap: var(--alet-space-1);
  }

  .alet-combobox__toggle svg {
    transition: transform var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
  }

  .alet-combobox[data-open] .alet-combobox__toggle svg {
    transform: rotate(180deg);
  }

  .alet-combobox__popup {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-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);
    box-sizing: border-box;
    min-inline-size: max(var(--alet-overlay-menu-min), var(--anchor-width));
    max-inline-size: calc(100vw - 2 * var(--alet-space-4));
    max-block-size: var(--available-height);
    overscroll-behavior: contain;
    padding: var(--alet-space-1);
    transform-origin: var(--transform-origin);
    transition: opacity var(--alet-motion-duration-normal) var(--alet-motion-ease-enter), transform var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
    overflow: auto;
  }

  .alet-combobox__popup[data-starting-style], .alet-combobox__popup[data-ending-style] {
    opacity: 0;
    transform: scale(.96);
  }

  .alet-combobox__popup[data-ending-style] {
    transition: opacity var(--alet-motion-duration-fast) var(--alet-motion-ease-exit), transform var(--alet-motion-duration-fast) var(--alet-motion-ease-exit);
  }

  .alet-combobox__status, .alet-combobox__empty {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
  }

  .alet-combobox__status:not(:empty), .alet-combobox__empty:not(:empty) {
    padding-block: var(--alet-space-2);
    padding-inline: var(--alet-space-3);
  }

  .alet-combobox__list {
    outline: none;
  }

  .alet-menu__item[data-selected] {
    color: var(--alet-color-text-primary);
  }

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

  .alet-calendar {
    --alet-calendar-cell: var(--alet-touch-target);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    gap: var(--alet-space-2);
    inline-size: max-content;
    display: inline-grid;
  }

  .alet-calendar__root[data-disabled] {
    color: var(--alet-color-disabled-text);
  }

  .alet-calendar__months {
    gap: var(--alet-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-calendar__month {
    align-items: center;
    column-gap: var(--alet-space-1);
    row-gap: var(--alet-space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    display: grid;
  }

  .alet-calendar__caption {
    justify-content: center;
    align-items: center;
    gap: var(--alet-space-2);
    min-width: 0;
    min-block-size: var(--alet-control-height);
    display: flex;
  }

  .alet-calendar__caption-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    align-items: center;
    gap: var(--alet-space-1);
    padding-inline: var(--alet-space-2);
    text-transform: capitalize;
    display: inline-flex;
    overflow: hidden;
  }

  .alet-calendar__nav-button[aria-disabled="true"] {
    color: var(--alet-color-disabled-text);
    cursor: default;
  }

  .alet-calendar__chevron {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-calendar__dropdowns {
    align-items: center;
    gap: var(--alet-space-1);
    min-width: 0;
    display: flex;
  }

  .alet-calendar__dropdown-root {
    border-radius: var(--alet-radius-sm);
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .alet-calendar__dropdown-root:hover {
    background-color: var(--alet-color-background-subtle);
  }

  .alet-calendar__dropdown {
    opacity: 0;
    cursor: pointer;
    appearance: none;
    block-size: 100%;
    inline-size: 100%;
    font: inherit;
    position: absolute;
    inset: 0;
  }

  .alet-calendar__grid {
    border-collapse: collapse;
    table-layout: fixed;
    inline-size: calc(7 * var(--alet-calendar-cell));
    grid-column: 1 / -1;
  }

  .alet-calendar__weekday {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--alet-color-text-secondary);
    block-size: var(--alet-space-6);
    text-align: center;
  }

  .alet-calendar__week-number, .alet-calendar__week-number-header {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-muted);
    text-align: center;
  }

  .alet-calendar__day {
    text-align: center;
    padding: 0;
  }

  .alet-calendar__day-button {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    inline-size: var(--alet-calendar-cell);
    block-size: var(--alet-calendar-cell);
    font: inherit;
    color: inherit;
    cursor: pointer;
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .alet-calendar__day-button:hover:not(:disabled) {
      background-color: var(--alet-color-background-subtle);
    }
  }

  .alet-calendar__day--outside .alet-calendar__day-button {
    color: var(--alet-color-text-muted);
  }

  .alet-calendar__day--today .alet-calendar__day-button {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--alet-color-action-primary);
  }

  .alet-calendar__day--selected .alet-calendar__day-button {
    background-color: var(--alet-color-action-primary);
    color: var(--alet-color-action-primary-text);
  }

  .alet-calendar__day--disabled .alet-calendar__day-button {
    color: var(--alet-color-disabled-text);
    cursor: not-allowed;
  }

  .alet-calendar__day--hidden {
    visibility: hidden;
  }

  .alet-calendar__footer {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
  }

  .alet-date-picker {
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .alet-date-picker__trigger {
    cursor: pointer;
    text-align: start;
    appearance: none;
    font: inherit;
  }

  .alet-date-picker__trigger[data-placeholder] .alet-date-picker__value {
    color: var(--alet-color-text-muted);
  }

  .alet-date-picker__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .alet-date-picker__clear {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: calc(var(--alet-inline-padding) + var(--alet-space-6));
    transform: translateY(-50%);
  }

  .alet-date-picker__popover {
    padding: var(--alet-space-2);
    overflow: visible;
  }

  .alet-date-picker__sheet-body {
    justify-items: center;
    display: grid;
  }

  .alet-sheet__backdrop {
    z-index: var(--alet-z-drawer);
    background-color: var(--alet-color-overlay-scrim);
    opacity: calc(1 - var(--drawer-swipe-progress, 0));
    transition: opacity var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
    position: fixed;
    inset: 0;
  }

  .alet-sheet__backdrop[data-starting-style], .alet-sheet__backdrop[data-ending-style] {
    opacity: 0;
  }

  .alet-sheet__backdrop[data-ending-style] {
    transition-duration: var(--alet-motion-duration-fast);
    transition-timing-function: var(--alet-motion-ease-exit);
  }

  .alet-sheet__backdrop[data-swiping] {
    transition: none;
  }

  .alet-sheet__viewport {
    z-index: var(--alet-z-drawer);
    pointer-events: none;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .alet-sheet {
    background-color: var(--alet-color-surface-overlay);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    --tw-shadow: var(--alet-shadow-overlay);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-sizing: border-box;
    pointer-events: auto;
    inline-size: 100%;
    max-inline-size: var(--alet-overlay-sheet-max);
    max-block-size: calc(100dvh - var(--alet-safe-area-top) - var(--alet-space-8));
    padding-block-start: var(--alet-space-2);
    padding-inline: var(--alet-overlay-padding);
    gap: var(--alet-space-3);
    overscroll-behavior: contain;
    transform: translateY(var(--drawer-swipe-movement-y, 0px));
    transition: transform var(--alet-motion-duration-normal) var(--alet-motion-ease-enter);
    border-start-start-radius: var(--alet-radius-xl);
    border-start-end-radius: var(--alet-radius-xl);
    outline: none;
    flex-direction: column;
    padding-block-end: calc(var(--alet-overlay-padding) + var(--alet-safe-area-bottom));
    display: flex;
    position: relative;
  }

  .alet-sheet[data-starting-style], .alet-sheet[data-ending-style] {
    transform: translateY(100%);
  }

  .alet-sheet[data-ending-style] {
    transition-duration: var(--alet-motion-duration-fast);
    transition-timing-function: var(--alet-motion-ease-exit);
  }

  .alet-sheet[data-ending-style][data-swipe-dismiss] {
    transition-duration: calc(var(--alet-motion-duration-fast) * var(--drawer-swipe-strength, 1));
  }

  .alet-sheet[data-swiping] {
    transition: none;
  }

  .alet-sheet--full {
    block-size: calc(100dvh - var(--alet-safe-area-top) - var(--alet-space-8));
  }

  .alet-sheet__handle {
    block-size: var(--alet-space-6);
    margin-block: calc(-1 * var(--alet-space-2)) calc(-1 * var(--alet-space-1));
    margin-inline: calc(-1 * var(--alet-overlay-padding));
    touch-action: none;
    cursor: grab;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alet-sheet__handle:before {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-border-strong);
    content: "";
    inline-size: calc(var(--alet-space-8) + var(--alet-space-1));
    block-size: var(--alet-space-1);
  }

  .alet-sheet__close {
    position: absolute;
    inset-block-start: var(--alet-space-3);
    inset-inline-end: var(--alet-space-3);
  }

  .alet-sheet__title {
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--tw-leading, var(--alet-text-heading-md-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-heading-md-weight));
    color: var(--alet-color-text-primary);
    margin: 0;
  }

  .alet-sheet--closable .alet-sheet__title {
    padding-inline-end: var(--alet-space-10);
  }

  .alet-sheet__description {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
  }

  .alet-sheet__body {
    overscroll-behavior: contain;
    touch-action: pan-y;
    flex: auto;
    min-block-size: 0;
    overflow-y: auto;
  }

  .alet-sheet__footer {
    gap: var(--alet-space-2);
    flex-direction: column-reverse;
    margin-block-start: var(--alet-space-2);
    display: flex;
  }

  .alet-sheet__footer > .alet-button {
    width: 100%;
  }

  .alet-sheet--action {
    max-inline-size: var(--alet-overlay-action-sheet-max);
    gap: var(--alet-space-2);
    padding-block-start: var(--alet-space-4);
  }

  .alet-action-sheet__header {
    text-align: center;
    gap: var(--alet-space-1);
    padding-block-end: var(--alet-space-1);
    display: grid;
  }

  .alet-action-sheet__group {
    gap: var(--alet-space-1);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .alet-action-sheet__item {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    width: 100%;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: var(--alet-space-3);
    min-block-size: var(--alet-control-height);
    padding-inline: var(--alet-space-3);
    font: inherit;
    text-align: start;
    background-color: #0000;
    border-width: 0;
    outline: none;
    display: flex;
  }

  .alet-action-sheet__item:hover, .alet-action-sheet__item:focus-visible {
    background-color: var(--alet-color-background-subtle);
  }

  .alet-action-sheet__item:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -2px;
  }

  .alet-action-sheet__item:disabled {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-action-sheet__item--danger {
    color: var(--alet-color-status-danger-text);
  }

  .alet-action-sheet__item--danger:hover, .alet-action-sheet__item--danger:focus-visible {
    background-color: var(--alet-color-status-danger-bg);
  }

  .alet-action-sheet__icon {
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-action-sheet__icon > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-action-sheet__cancel {
    margin-block-start: var(--alet-space-1);
  }

  .alet-list {
    background-color: var(--alet-color-surface);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    display: block;
  }

  .alet-list--inset {
    border-radius: var(--alet-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    overflow: hidden;
  }

  .alet-list--plain {
    border-block: 1px solid var(--alet-color-border);
  }

  .alet-list__header {
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    color: var(--alet-color-text-secondary);
    text-transform: uppercase;
    padding-inline: var(--alet-inline-padding);
    padding-block: var(--alet-space-2);
  }

  .alet-list__footer {
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
    padding-inline: var(--alet-inline-padding);
    padding-block: var(--alet-space-2);
  }

  .alet-list__items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .alet-list--dividers .alet-list__item + .alet-list__item {
    border-block-start: 1px solid var(--alet-color-border);
  }

  .alet-list__row {
    border-style: var(--tw-border-style);
    text-align: start;
    width: 100%;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    align-items: center;
    gap: var(--alet-space-3);
    min-block-size: var(--alet-row-height);
    padding-inline: var(--alet-inline-padding);
    padding-block: var(--alet-space-2);
    font: inherit;
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    outline: none;
    display: flex;
  }

  .alet-list__row[data-interactive] {
    cursor: pointer;
    min-block-size: max(var(--alet-row-height), var(--alet-touch-target));
  }

  .alet-list__row:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -2px;
  }

  .alet-list__row[data-active] {
    background-color: var(--alet-color-surface-selected);
  }

  .alet-list__row[data-interactive]:active:not([data-disabled]) {
    background-color: var(--alet-color-background-subtle);
  }

  .alet-list__row[data-disabled] {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  @media (hover: hover) {
    .alet-list__row[data-interactive]:hover:not([data-disabled]) {
      background-color: var(--alet-color-background-subtle);
    }
  }

  .alet-list__leading {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-list__body {
    flex: 1;
    min-width: 0;
    display: grid;
  }

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

  .alet-list__description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    overflow: hidden;
  }

  .alet-list__value {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    flex-shrink: 0;
  }

  .alet-list__trailing {
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  .alet-list__chevron {
    color: var(--alet-color-text-muted);
    flex-shrink: 0;
    align-items: center;
    display: inline-flex;
  }

  .alet-list__chevron > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-mobile-header {
    background-color: var(--alet-color-surface);
    color: var(--alet-color-text-primary);
    align-items: center;
    gap: var(--alet-space-2);
    min-block-size: var(--alet-touch-target);
    padding-block: var(--alet-space-2);
    padding-block-start: calc(var(--alet-space-2) + var(--alet-safe-area-top));
    padding-inline: calc(var(--alet-inline-padding) + max(var(--alet-safe-area-left), var(--alet-safe-area-right)));
    transition: border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    border-block-end: 1px solid #0000;
    grid-template-columns: 1fr minmax(0, auto) 1fr;
    display: grid;
  }

  .alet-mobile-header--start {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .alet-mobile-header--sticky {
    z-index: var(--alet-z-sticky);
    position: sticky;
    inset-block-start: 0;
  }

  .alet-mobile-header--border-always, .alet-mobile-header--border-auto[data-scrolled] {
    border-block-end-color: var(--alet-color-border);
  }

  .alet-mobile-header__leading {
    justify-self: start;
    align-items: center;
    gap: var(--alet-space-1);
    display: inline-flex;
  }

  .alet-mobile-header__trailing {
    justify-self: end;
    align-items: center;
    gap: var(--alet-space-1);
    display: inline-flex;
  }

  .alet-mobile-header__titles {
    text-align: center;
    min-inline-size: 0;
    display: grid;
  }

  .alet-mobile-header--start .alet-mobile-header__titles {
    text-align: start;
  }

  .alet-mobile-header__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--tw-leading, var(--alet-text-heading-md-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-heading-md-weight));
    margin: 0;
    overflow: hidden;
  }

  .alet-mobile-header__subtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
    overflow: hidden;
  }

  .alet-large-title-header {
    background-color: var(--alet-color-surface);
    color: var(--alet-color-text-primary);
    z-index: var(--alet-z-sticky);
    transition: border-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    border-block-end: 1px solid #0000;
    position: sticky;
    inset-block-start: 0;
  }

  .alet-large-title-header[data-collapsed] {
    border-block-end-color: var(--alet-color-border);
  }

  .alet-large-title-header__compact .alet-mobile-header__title {
    opacity: 0;
    transition: opacity var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
  }

  .alet-large-title-header[data-collapsed] .alet-large-title-header__compact .alet-mobile-header__title {
    opacity: 1;
  }

  .alet-large-title-header__large {
    --alet-large-title-max: calc(4 * var(--alet-space-16));
    gap: var(--alet-space-1);
    max-block-size: var(--alet-large-title-max);
    padding-inline: calc(var(--alet-inline-padding) + max(var(--alet-safe-area-left), var(--alet-safe-area-right)));
    transition: max-block-size var(--alet-motion-duration-normal) var(--alet-motion-ease-standard), opacity var(--alet-motion-duration-fast) var(--alet-motion-ease-exit), padding-block-end var(--alet-motion-duration-normal) var(--alet-motion-ease-standard);
    padding-block-end: var(--alet-space-2);
    display: grid;
    overflow: hidden;
  }

  .alet-large-title-header[data-collapsed] .alet-large-title-header__large {
    opacity: 0;
    max-block-size: 0;
    padding-block-end: 0;
  }

  .alet-large-title-header__title {
    font-size: var(--alet-text-display-size);
    line-height: var(--tw-leading, var(--alet-text-display-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-display-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-display-weight));
    margin: 0;
  }

  .alet-large-title-header__subtitle {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
  }

  .alet-large-title-header__toolbar {
    padding-inline: calc(var(--alet-inline-padding) + max(var(--alet-safe-area-left), var(--alet-safe-area-right)));
    padding-block-end: var(--alet-space-2);
  }

  .alet-bottom-tab-bar {
    background-color: var(--alet-color-surface);
    color: var(--alet-color-text-secondary);
    z-index: var(--alet-z-sticky);
    border-block-start: 1px solid var(--alet-color-border);
    padding-block-start: var(--alet-space-1);
    padding-block-end: calc(var(--alet-space-1) + var(--alet-safe-area-bottom));
    padding-inline: max(var(--alet-safe-area-left), var(--alet-safe-area-right));
    transition: transform var(--alet-motion-duration-normal) var(--alet-motion-ease-exit);
    position: sticky;
    inset-block-end: 0;
  }

  .alet-bottom-tab-bar[data-hidden] {
    transform: translateY(100%);
  }

  .alet-bottom-tab-bar__list {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid;
  }

  .alet-bottom-tab-bar__cell {
    display: flex;
  }

  .alet-bottom-tab-bar__item {
    cursor: pointer;
    border-style: var(--tw-border-style);
    width: 100%;
    font-size: var(--alet-text-caption-size);
    line-height: var(--tw-leading, var(--alet-text-caption-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-caption-weight));
    color: var(--alet-color-text-secondary);
    justify-content: center;
    align-items: center;
    gap: var(--alet-space-1);
    min-block-size: var(--alet-touch-target);
    padding-inline: var(--alet-space-1);
    padding-block: var(--alet-space-1);
    font: inherit;
    transition: color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    outline: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .alet-bottom-tab-bar__item[data-active] {
    color: var(--alet-color-text-primary);
  }

  .alet-bottom-tab-bar__item:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -2px;
  }

  .alet-bottom-tab-bar__item:active:not([data-disabled]) {
    color: var(--alet-color-text-primary);
  }

  .alet-bottom-tab-bar__item[data-disabled] {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-bottom-tab-bar__icon {
    inline-size: var(--alet-space-6);
    block-size: var(--alet-space-6);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-bottom-tab-bar__icon > svg {
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
  }

  .alet-bottom-tab-bar__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
  }

  .alet-bottom-tab-bar__badge {
    border-radius: var(--alet-radius-full);
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    background: var(--alet-color-action-danger);
    color: var(--alet-color-action-danger-text);
    min-inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
    padding-inline: var(--alet-space-1);
    justify-content: center;
    align-items: center;
    margin-inline-start: var(--alet-space-1);
    line-height: 1;
    display: inline-flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
  }

  .alet-bottom-tab-bar__badge--dot {
    min-inline-size: var(--alet-space-2);
    inline-size: var(--alet-space-2);
    block-size: var(--alet-space-2);
    padding-inline: 0;
  }

  .alet-bottom-tab-bar__badge-label {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .alet-segmented {
    border-radius: var(--alet-radius-lg);
    background-color: var(--alet-color-background-subtle);
    --alet-segmented-direction: 1;
    gap: var(--alet-space-0-5);
    padding: var(--alet-space-0-5);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
    position: relative;
  }

  [dir="rtl"] .alet-segmented {
    --alet-segmented-direction: -1;
  }

  .alet-segmented:not(.alet-segmented--block) {
    grid-auto-columns: minmax(0, max-content);
    display: inline-grid;
  }

  .alet-segmented__indicator {
    border-radius: var(--alet-radius-md);
    background-color: var(--alet-color-surface);
    inset-block: var(--alet-space-0-5);
    inline-size: calc(( 100% - 2 * var(--alet-space-0-5) - (var(--alet-segmented-count) - 1) * var(--alet-space-0-5) ) / var(--alet-segmented-count));
    box-shadow: var(--alet-shadow-sm);
    transform: translateX(calc(var(--alet-segmented-index) * (100% + var(--alet-space-0-5)) * var(--alet-segmented-direction)));
    transition: transform var(--alet-motion-duration-normal) var(--alet-motion-ease-standard);
    position: absolute;
    inset-inline-start: var(--alet-space-0-5);
  }

  .alet-segmented[data-empty] .alet-segmented__indicator {
    visibility: hidden;
  }

  .alet-segmented__item {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-secondary);
    justify-content: center;
    align-items: center;
    gap: var(--alet-space-2);
    min-block-size: calc(var(--alet-control-height) - 2 * var(--alet-space-0-5));
    padding-inline: var(--alet-space-3);
    font: inherit;
    transition: color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    outline: none;
    display: flex;
    position: relative;
  }

  .alet-segmented--sm .alet-segmented__item {
    min-block-size: calc(var(--alet-control-height-sm) - 2 * var(--alet-space-0-5));
    padding-inline: var(--alet-space-2);
  }

  .alet-segmented__item[data-state="checked"] {
    color: var(--alet-color-text-primary);
  }

  .alet-segmented__item:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -2px;
  }

  .alet-segmented__item:disabled {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-segmented__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-segmented__icon > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

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

  .alet-tabs {
    display: grid;
  }

  .alet-tabs__list {
    gap: var(--alet-space-1);
    border-block-end: 1px solid var(--alet-color-border);
    scrollbar-width: none;
    display: flex;
    overflow-x: auto;
  }

  .alet-tabs[data-orientation="vertical"] {
    align-items: flex-start;
    gap: var(--alet-space-3);
    grid-template-columns: auto minmax(0, 1fr);
  }

  .alet-tabs[data-orientation="vertical"] .alet-tabs__list {
    border-block-end: none;
    border-inline-end: 1px solid var(--alet-color-border);
    flex-direction: column;
  }

  .alet-tabs[data-orientation="vertical"] .alet-tabs__content {
    padding-block-start: 0;
  }

  .alet-tabs__trigger {
    cursor: pointer;
    border-style: var(--tw-border-style);
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-secondary);
    justify-content: center;
    align-items: center;
    gap: var(--alet-space-2);
    min-block-size: var(--alet-touch-target);
    padding-inline: var(--alet-space-3);
    font: inherit;
    transition: color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    outline: none;
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }

  .alet-tabs__trigger:after {
    content: "";
    inset-inline: var(--alet-space-2);
    block-size: var(--alet-space-0-5);
    border-radius: var(--alet-radius-sm);
    background: var(--alet-color-action-primary);
    transition: transform var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    position: absolute;
    inset-block-end: 0;
    transform: scaleX(0);
  }

  .alet-tabs__trigger[data-state="active"] {
    color: var(--alet-color-text-primary);
  }

  .alet-tabs__trigger[data-state="active"]:after {
    transform: scaleX(1);
  }

  .alet-tabs__trigger:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -2px;
  }

  .alet-tabs__trigger:disabled {
    cursor: not-allowed;
    color: var(--alet-color-disabled-text);
  }

  .alet-tabs__trigger:active:not(:disabled) {
    color: var(--alet-color-text-primary);
  }

  .alet-tabs__icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-tabs__icon > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

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

  .alet-tabs__content {
    outline: none;
    padding-block-start: var(--alet-space-3);
  }

  .alet-tabs__content:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-inline-alert, .alet-banner {
    border-style: var(--tw-border-style);
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    align-items: flex-start;
    gap: var(--alet-space-3);
    padding: var(--alet-space-3) var(--alet-space-4);
    border-width: 1px;
    display: flex;
  }

  .alet-inline-alert {
    border-radius: var(--alet-radius-lg);
  }

  .alet-banner {
    border-inline-style: var(--tw-border-style);
    padding-inline: max(var(--alet-space-4), var(--alet-safe-area-left), var(--alet-safe-area-right));
    border-inline-width: 0;
  }

  .alet-inline-alert__icon, .alet-banner__icon {
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    flex-shrink: 0;
    margin-block-start: var(--alet-space-0-5);
    display: flex;
  }

  .alet-inline-alert__icon > svg, .alet-banner__icon > svg {
    width: 100%;
    height: 100%;
  }

  .alet-inline-alert__content, .alet-banner__content {
    gap: var(--alet-space-1);
    flex: 1;
    min-width: 0;
    display: grid;
  }

  .alet-inline-alert__title, .alet-banner__title {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-primary);
  }

  .alet-inline-alert__description, .alet-banner__description {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
  }

  .alet-inline-alert__actions, .alet-banner__actions {
    align-items: center;
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    margin-block-start: var(--alet-space-1);
    display: flex;
  }

  .alet-inline-alert__dismiss, .alet-banner__dismiss, .alet-toast__close {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    color: var(--alet-color-text-secondary);
    inline-size: var(--alet-space-8);
    block-size: var(--alet-space-8);
    margin: calc(-1 * var(--alet-space-1-5)) calc(-1 * var(--alet-space-2)) 0 0;
    background-color: #0000;
    border-width: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .alet-inline-alert__dismiss > svg, .alet-banner__dismiss > svg, .alet-toast__close > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  .alet-inline-alert__dismiss:focus-visible, .alet-banner__dismiss:focus-visible, .alet-toast__close:focus-visible, .alet-toast__action:focus-visible, .alet-toast__cancel:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-inline-alert--neutral, .alet-banner--neutral {
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-background-subtle);
  }

  .alet-inline-alert--info, .alet-banner--info {
    border-color: var(--alet-color-status-info);
    background-color: var(--alet-color-status-info-bg);
  }

  .alet-inline-alert--success, .alet-banner--success {
    border-color: var(--alet-color-status-success);
    background-color: var(--alet-color-status-success-bg);
  }

  .alet-inline-alert--warning, .alet-banner--warning {
    border-color: var(--alet-color-status-warning);
    background-color: var(--alet-color-status-warning-bg);
  }

  .alet-inline-alert--danger, .alet-banner--danger {
    border-color: var(--alet-color-status-danger);
    background-color: var(--alet-color-status-danger-bg);
  }

  .alet-inline-alert--info .alet-inline-alert__icon, .alet-banner--info .alet-banner__icon {
    color: var(--alet-color-status-info-text);
  }

  .alet-inline-alert--success .alet-inline-alert__icon, .alet-banner--success .alet-banner__icon {
    color: var(--alet-color-status-success-text);
  }

  .alet-inline-alert--warning .alet-inline-alert__icon, .alet-banner--warning .alet-banner__icon {
    color: var(--alet-color-status-warning-text);
  }

  .alet-inline-alert--danger .alet-inline-alert__icon, .alet-banner--danger .alet-banner__icon {
    color: var(--alet-color-status-danger-text);
  }

  .alet-banner-stack {
    gap: var(--alet-space-0-5);
    flex-direction: column;
    display: flex;
  }

  .alet-banner-stack[data-placement="top"] {
    padding-block-start: var(--alet-safe-area-top);
  }

  .alet-banner-stack[data-placement="bottom"] {
    padding-block-end: var(--alet-safe-area-bottom);
  }

  .alet-banner-stack[data-position="sticky"] {
    z-index: var(--alet-z-sticky);
    position: sticky;
  }

  .alet-banner-stack[data-position="sticky"][data-placement="top"] {
    inset-block-start: 0;
  }

  .alet-banner-stack[data-position="sticky"][data-placement="bottom"] {
    inset-block-end: 0;
  }

  .alet-banner-stack[data-position="fixed"] {
    z-index: var(--alet-z-sticky);
    position: fixed;
    inset-inline: 0;
  }

  .alet-banner-stack[data-position="fixed"][data-placement="top"] {
    inset-block-start: 0;
  }

  .alet-banner-stack[data-position="fixed"][data-placement="bottom"] {
    inset-block-end: 0;
  }

  .alet-toaster {
    display: contents;
  }

  .alet-toast {
    border-radius: var(--alet-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface-raised);
    width: 100%;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    align-items: flex-start;
    gap: var(--alet-space-3);
    padding: var(--alet-space-3) var(--alet-space-4);
    box-shadow: var(--alet-shadow-lg);
    display: flex;
  }

  .alet-toast__icon {
    inline-size: var(--alet-space-5);
    block-size: var(--alet-space-5);
    flex-shrink: 0;
    margin-block-start: var(--alet-space-0-5);
    display: flex;
  }

  .alet-toast__icon > svg {
    width: 100%;
    height: 100%;
  }

  .alet-toast--success .alet-toast__icon, .alet-toast[data-type="success"] .alet-toast__icon {
    color: var(--alet-color-status-success-text);
  }

  .alet-toast--info .alet-toast__icon, .alet-toast[data-type="info"] .alet-toast__icon {
    color: var(--alet-color-status-info-text);
  }

  .alet-toast--warning .alet-toast__icon, .alet-toast[data-type="warning"] .alet-toast__icon {
    color: var(--alet-color-status-warning-text);
  }

  .alet-toast--danger .alet-toast__icon, .alet-toast[data-type="error"] .alet-toast__icon {
    color: var(--alet-color-status-danger-text);
  }

  .alet-toast__content {
    gap: var(--alet-space-1);
    flex: 1;
    min-width: 0;
    display: grid;
  }

  .alet-toast__title {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
  }

  .alet-toast__description {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
  }

  .alet-toast__action, .alet-toast__cancel {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    padding: var(--alet-space-1-5) var(--alet-space-3);
    border-width: 0;
    flex-shrink: 0;
    margin-block-start: calc(-1 * var(--alet-space-0-5));
  }

  .alet-toast__action {
    background-color: var(--alet-color-action-primary);
    color: var(--alet-color-action-primary-text);
  }

  .alet-toast__cancel {
    background-color: var(--alet-color-action-secondary);
    color: var(--alet-color-action-secondary-text);
  }

  .alet-empty-state {
    text-align: center;
    justify-items: center;
    gap: var(--alet-space-2);
    padding: var(--alet-space-8) var(--alet-space-4);
    max-inline-size: 32rem;
    margin-inline: auto;
    display: grid;
  }

  .alet-empty-state--sm {
    padding: var(--alet-space-4);
  }

  .alet-empty-state__icon {
    color: var(--alet-color-text-muted);
    inline-size: var(--alet-space-12);
    block-size: var(--alet-space-12);
    margin-block-end: var(--alet-space-2);
    display: flex;
  }

  .alet-empty-state--sm .alet-empty-state__icon {
    inline-size: var(--alet-space-8);
    block-size: var(--alet-space-8);
  }

  .alet-empty-state__icon > svg {
    width: 100%;
    height: 100%;
  }

  .alet-empty-state[data-tone="danger"] .alet-empty-state__icon {
    color: var(--alet-color-status-danger-text);
  }

  .alet-empty-state[data-tone="warning"] .alet-empty-state__icon {
    color: var(--alet-color-status-warning-text);
  }

  .alet-empty-state__title {
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--tw-leading, var(--alet-text-heading-md-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-heading-md-weight));
    color: var(--alet-color-text-primary);
    margin: 0;
  }

  .alet-empty-state--sm .alet-empty-state__title {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
  }

  .alet-empty-state__description {
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
  }

  .alet-empty-state__actions {
    justify-content: center;
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    margin-block-start: var(--alet-space-2);
    display: flex;
  }

  .alet-sync-status {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    align-items: center;
    gap: var(--alet-space-2);
    display: inline-flex;
  }

  .alet-sync-status__indicator {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .alet-sync-status__indicator:before {
    content: "";
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-border-strong);
    inline-size: var(--alet-space-2);
    block-size: var(--alet-space-2);
  }

  .alet-sync-status--syncing .alet-sync-status__indicator:before {
    content: none;
  }

  .alet-sync-status--synced .alet-sync-status__indicator:before {
    background-color: var(--alet-color-status-success);
  }

  .alet-sync-status--error .alet-sync-status__indicator:before {
    background-color: var(--alet-color-status-danger);
  }

  .alet-sync-status--offline .alet-sync-status__indicator:before {
    background-color: var(--alet-color-status-warning);
  }

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

  .alet-sync-status__detail:before {
    content: "·";
    margin-inline-end: var(--alet-space-2);
  }

  .alet-data-table {
    border-radius: var(--alet-radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border);
    background-color: var(--alet-color-surface);
    min-width: 0;
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
    color: var(--alet-color-text-primary);
    isolation: isolate;
    display: grid;
  }

  .alet-data-table__scroll {
    max-block-size: var(--alet-data-table-max-height, none);
    overscroll-behavior-x: contain;
    overflow: auto;
  }

  .alet-data-table__table {
    border-collapse: collapse;
    width: 100%;
  }

  .alet-data-table__caption {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .alet-data-table__th {
    background-color: var(--alet-color-background-subtle);
    text-align: left;
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    color: var(--alet-color-text-secondary);
    block-size: var(--alet-row-height);
    padding-inline: var(--alet-inline-padding);
    vertical-align: middle;
    white-space: nowrap;
    border-block-end: 1px solid var(--alet-color-border);
  }

  .alet-data-table[data-sticky-header] th {
    z-index: var(--alet-z-sticky);
    position: sticky;
    inset-block-start: 0;
  }

  .alet-data-table__sort {
    cursor: pointer;
    border-radius: var(--alet-radius-sm);
    border-style: var(--tw-border-style);
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    color: var(--alet-color-text-secondary);
    align-items: center;
    gap: var(--alet-space-1);
    min-block-size: var(--alet-space-6);
    background-color: #0000;
    border-width: 0;
    padding: 0;
    display: inline-flex;
  }

  .alet-data-table__th--end .alet-data-table__sort {
    flex-direction: row-reverse;
  }

  .alet-data-table__th[aria-sort="ascending"] .alet-data-table__sort, .alet-data-table__th[aria-sort="descending"] .alet-data-table__sort {
    color: var(--alet-color-text-primary);
  }

  .alet-data-table__sort-icon {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
    opacity: .6;
  }

  .alet-data-table__th[aria-sort="ascending"] .alet-data-table__sort-icon, .alet-data-table__th[aria-sort="descending"] .alet-data-table__sort-icon {
    opacity: 1;
  }

  .alet-data-table__td {
    block-size: var(--alet-row-height);
    padding-inline: var(--alet-inline-padding);
    padding-block: var(--alet-space-1);
    vertical-align: middle;
    border-block-end: 1px solid var(--alet-color-border-subtle);
  }

  .alet-data-table__row:last-child .alet-data-table__td {
    border-block-end: 0;
  }

  .alet-data-table__th--end, .alet-data-table__td--end {
    text-align: end;
  }

  .alet-data-table__td--numeric {
    line-height: var(--alet-text-numeric-line-height);
    font-weight: var(--alet-text-numeric-weight);
    font-variant-numeric: tabular-nums;
    font-size: var(--alet-text-numeric-size);
    line-height: var(--tw-leading, var(--alet-text-numeric-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-numeric-weight));
  }

  .alet-data-table__th--actions, .alet-data-table__td--actions {
    white-space: nowrap;
    inline-size: 0;
  }

  .alet-data-table__th--select, .alet-data-table__td--select {
    inline-size: 0;
    padding-inline-end: 0;
  }

  .alet-data-table__th--select .alet-checkbox, .alet-data-table__td--select .alet-checkbox {
    min-block-size: 0;
  }

  .alet-data-table__row[data-selected] .alet-data-table__td {
    background-color: var(--alet-color-surface-selected);
  }

  @media (hover: hover) {
    .alet-data-table__row:hover .alet-data-table__td {
      background-color: var(--alet-color-background-subtle);
    }

    .alet-data-table__row[data-selected]:hover .alet-data-table__td {
      background-color: var(--alet-color-surface-selected);
    }
  }

  .alet-data-table__td--state {
    padding-block: var(--alet-space-4);
    text-align: center;
  }

  .alet-data-table__td--state .alet-empty-state {
    margin-inline: auto;
  }

  .alet-data-table__loading {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .alet-data-table__footer {
    padding: var(--alet-space-2) var(--alet-inline-padding);
    border-block-start: 1px solid var(--alet-color-border);
  }

  .alet-pagination {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    align-items: center;
    gap: var(--alet-space-2) var(--alet-space-4);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-pagination__summary {
    line-height: var(--alet-text-numeric-line-height);
    font-weight: var(--alet-text-numeric-weight);
    font-variant-numeric: tabular-nums;
    font-size: var(--alet-text-numeric-size);
    line-height: var(--tw-leading, var(--alet-text-numeric-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-numeric-weight));
    margin: 0;
  }

  .alet-pagination__page-size {
    align-items: center;
    gap: var(--alet-space-2);
    display: flex;
  }

  .alet-pagination__page-size .alet-select {
    inline-size: auto;
    min-inline-size: 4.5rem;
  }

  .alet-pagination__pages {
    align-items: center;
    gap: var(--alet-space-1);
    flex-wrap: wrap;
    margin-left: auto;
    display: flex;
  }

  .alet-pagination__page {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    line-height: var(--alet-text-numeric-line-height);
    font-weight: var(--alet-text-numeric-weight);
    font-variant-numeric: tabular-nums;
    font-size: var(--alet-text-numeric-size);
    line-height: var(--tw-leading, var(--alet-text-numeric-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-numeric-weight));
    color: var(--alet-color-text-secondary);
    min-inline-size: var(--alet-control-height-sm);
    block-size: var(--alet-control-height-sm);
    padding: 0;
    padding-inline: var(--alet-space-2);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-pagination__page--current {
    background-color: var(--alet-color-surface-selected);
    color: var(--alet-color-text-primary);
    font-weight: 600;
  }

  @media (hover: hover) {
    .alet-pagination__page:hover:where(:not(.alet-pagination__page--current)) {
      background-color: var(--alet-color-background-subtle);
    }
  }

  .alet-pagination__ellipsis {
    color: var(--alet-color-text-muted);
    min-inline-size: var(--alet-space-6);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .alet-table-toolbar {
    gap: var(--alet-space-3);
    display: grid;
  }

  .alet-table-toolbar__row {
    align-items: center;
    gap: var(--alet-space-3);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-table-toolbar__heading, .alet-table-toolbar__selection {
    align-items: center;
    gap: var(--alet-space-3);
    min-width: 0;
    min-block-size: var(--alet-control-height-sm);
    flex-wrap: wrap;
    flex: 1;
    display: flex;
  }

  .alet-table-toolbar__heading {
    align-content: center;
    gap: var(--alet-space-0-5);
    display: grid;
  }

  .alet-table-toolbar__title {
    font-size: var(--alet-text-heading-md-size);
    line-height: var(--tw-leading, var(--alet-text-heading-md-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-heading-md-weight));
    margin: 0;
  }

  .alet-table-toolbar__description {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    color: var(--alet-color-text-secondary);
    margin: 0;
  }

  .alet-table-toolbar__selected {
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    color: var(--alet-color-text-primary);
  }

  .alet-table-toolbar__selection-actions, .alet-table-toolbar__actions, .alet-table-toolbar__end {
    align-items: center;
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-table-toolbar__end {
    margin-left: auto;
  }

  .alet-table-toolbar__filters {
    min-width: 0;
  }

  .alet-filter-bar {
    gap: var(--alet-space-2);
    display: grid;
  }

  .alet-filter-bar__controls {
    align-items: flex-end;
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-filter-bar__active {
    align-items: center;
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    display: flex;
  }

  .alet-filter-bar__chips {
    gap: var(--alet-space-2);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
  }

  .alet-filter-chip {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-background-subtle);
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
    color: var(--alet-color-text-primary);
    min-block-size: var(--alet-badge-height);
    align-items: center;
    gap: var(--alet-space-1);
    padding-inline-start: var(--alet-space-3);
    padding-inline-end: var(--alet-space-1);
    display: inline-flex;
  }

  .alet-filter-chip__value {
    color: var(--alet-color-text-secondary);
  }

  .alet-filter-chip__remove {
    cursor: pointer;
    border-radius: var(--alet-radius-full);
    border-style: var(--tw-border-style);
    color: var(--alet-color-text-secondary);
    inline-size: var(--alet-space-6);
    block-size: var(--alet-space-6);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .alet-filter-chip__remove > svg {
    inline-size: var(--alet-space-4);
    block-size: var(--alet-space-4);
  }

  @media (hover: hover) {
    .alet-filter-chip__remove:hover {
      background-color: var(--alet-color-surface);
      color: var(--alet-color-text-primary);
    }
  }

  .alet-status-badge {
    gap: var(--alet-space-1-5);
  }

  .alet-status-badge__dot {
    border-radius: var(--alet-radius-full);
    inline-size: var(--alet-space-2);
    block-size: var(--alet-space-2);
    background-color: currentColor;
    flex-shrink: 0;
  }

  .alet-status-badge__dot--pulse {
    animation: 1.6s ease-in-out infinite alet-status-pulse;
  }

  @keyframes alet-status-pulse {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .35;
    }
  }

  .alet-product-price {
    color: var(--alet-color-text-primary);
    align-items: baseline;
    gap: var(--alet-space-1-5);
    flex-wrap: wrap;
    display: inline-flex;
  }

  .alet-product-price__empty, .alet-product-price__unit {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--alet-color-text-secondary);
  }

  .alet-product-price__old {
    font-size: var(--alet-text-body-sm-size);
    line-height: var(--tw-leading, var(--alet-text-body-sm-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-sm-weight));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--alet-color-text-muted);
    text-decoration-line: line-through;
  }

  .alet-product-price__sr {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .alet-quantity-stepper {
    align-items: center;
    gap: var(--alet-space-1);
    display: inline-flex;
  }

  .alet-quantity-stepper__input {
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--alet-color-border-strong);
    background-color: var(--alet-color-surface);
    text-align: center;
    line-height: var(--alet-text-numeric-line-height);
    font-weight: var(--alet-text-numeric-weight);
    font-variant-numeric: tabular-nums;
    font-size: var(--alet-text-numeric-size);
    line-height: var(--tw-leading, var(--alet-text-numeric-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-numeric-weight));
    color: var(--alet-color-text-primary);
    inline-size: 3.5rem;
    min-block-size: var(--alet-control-height);
    padding-inline: var(--alet-space-1);
  }

  .alet-quantity-stepper--sm .alet-quantity-stepper__input {
    inline-size: 3rem;
    min-block-size: var(--alet-control-height-sm);
  }

  .alet-quantity-stepper__input:focus-visible {
    border-color: var(--alet-color-border-focus);
    --tw-outline-style: none;
    box-shadow: 0 0 0 2px var(--alet-color-border-focus);
    outline-style: none;
  }

  .alet-quantity-stepper[data-disabled] .alet-quantity-stepper__input {
    background-color: var(--alet-color-background-subtle);
    color: var(--alet-color-text-muted);
  }

  .alet-quantity-stepper[data-readonly] .alet-quantity-stepper__input {
    background-color: var(--alet-color-background-subtle);
  }

  .alet-product-image {
    border-radius: var(--alet-radius-md);
    background-color: var(--alet-color-background-subtle);
    color: var(--alet-color-text-muted);
    aspect-ratio: 1;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .alet-product-image[data-ratio="4/3"] {
    aspect-ratio: 4 / 3;
  }

  .alet-product-image[data-ratio="3/4"] {
    aspect-ratio: 3 / 4;
  }

  .alet-product-image[data-ratio="16/9"] {
    aspect-ratio: 16 / 9;
  }

  .alet-product-image__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .alet-product-image--contain .alet-product-image__img {
    object-fit: contain;
  }

  .alet-product-image__fallback {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .alet-product-image__fallback > svg {
    block-size: 40%;
    inline-size: 40%;
  }

  .alet-image-viewer {
    --pswp-root-z-index: var(--alet-z-base);
    --pswp-bg: var(--alet-color-surface-inverse);
    --pswp-placeholder-bg: var(--alet-color-surface-inverse);
    --pswp-icon-color: var(--alet-color-text-inverse);
    --pswp-icon-color-secondary: var(--alet-color-surface-inverse);
    --pswp-icon-stroke-color: var(--alet-color-surface-inverse);
    --pswp-error-text-color: var(--alet-color-text-inverse);
    --pswp-preloader-color: var(--alet-color-text-inverse);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .alet-image-viewer {
      --pswp-preloader-color: color-mix(in srgb, var(--alet-color-text-inverse) 40%, transparent);
    }
  }

  .alet-image-viewer {
    --pswp-preloader-color-secondary: var(--alet-color-text-inverse);
    --pswp-transition-duration: var(--alet-motion-duration-normal);
    font-family: var(--alet-font-sans);
  }

  .alet-image-viewer .pswp__counter {
    border-radius: var(--alet-radius-full);
    font-size: var(--alet-text-label-size);
    line-height: var(--tw-leading, var(--alet-text-label-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-label-weight));
    height: auto;
    padding: var(--alet-space-2) var(--alet-space-3);
    background: var(--alet-color-surface-inverse);
    opacity: 1;
    text-shadow: none;
    margin-block-start: var(--alet-space-3);
    line-height: 1;
  }

  .alet-image-viewer .pswp__button:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: -4px;
    border-radius: var(--alet-radius-md);
  }

  .alet-image-viewer .pswp__error-msg {
    font-size: var(--alet-text-body-size);
    line-height: var(--tw-leading, var(--alet-text-body-line-height));
    font-weight: var(--tw-font-weight, var(--alet-text-body-weight));
  }

  .alet-image-viewer__thumb {
    border-radius: var(--alet-radius-md);
    background-color: var(--alet-color-background-subtle);
    display: block;
    position: relative;
    overflow: hidden;
  }

  .alet-image-viewer__thumb > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .alet-image-viewer__thumb:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-carousel {
    --alet-carousel-slide-size: 100%;
    --alet-carousel-gap: var(--alet-space-3);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .alet-carousel[data-gap="none"] {
    --alet-carousel-gap: 0px;
  }

  .alet-carousel[data-gap="sm"] {
    --alet-carousel-gap: var(--alet-space-2);
  }

  .alet-carousel[data-gap="lg"] {
    --alet-carousel-gap: var(--alet-space-4);
  }

  .alet-carousel__viewport {
    touch-action: pan-y pinch-zoom;
    grid-area: 1 / 1;
    overflow: hidden;
  }

  .alet-carousel__container {
    backface-visibility: hidden;
    margin-inline-start: calc(var(--alet-carousel-gap) * -1);
    display: flex;
  }

  .alet-carousel__slide {
    flex: 0 0 var(--alet-carousel-slide-size);
    min-inline-size: 0;
    padding-inline-start: var(--alet-carousel-gap);
  }

  .alet-carousel__arrow {
    margin-inline: var(--alet-space-2);
    box-shadow: var(--alet-shadow-sm);
    grid-area: 1 / 1;
    align-self: center;
    position: relative;
  }

  .alet-carousel__arrow[aria-disabled="true"] {
    cursor: default;
    border-color: var(--alet-color-disabled-bg);
    background-color: var(--alet-color-disabled-bg);
    color: var(--alet-color-disabled-text);
    box-shadow: none;
  }

  .alet-carousel__arrow--prev {
    justify-self: start;
  }

  .alet-carousel__arrow--next {
    justify-self: end;
  }

  .alet-carousel__dots {
    grid-column: 1;
    justify-content: center;
    margin-block-start: var(--alet-space-3);
    display: flex;
  }

  .alet-carousel__dot {
    cursor: pointer;
    border-radius: var(--alet-radius-full);
    border-style: var(--tw-border-style);
    inline-size: var(--alet-space-6);
    block-size: var(--alet-space-6);
    transition: inline-size var(--alet-motion-duration-normal) var(--alet-motion-ease-standard);
    background-color: #0000;
    border-width: 0;
    padding: 0;
    position: relative;
  }

  .alet-carousel__dot:before {
    border-radius: var(--alet-radius-full);
    background-color: var(--alet-color-border);
    content: "";
    inline-size: var(--alet-space-2);
    block-size: var(--alet-space-2);
    transition: background-color var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), inline-size var(--alet-motion-duration-normal) var(--alet-motion-ease-standard);
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    translate: -50% -50%;
  }

  .alet-carousel__dot[aria-current="true"] {
    inline-size: calc(var(--alet-space-6) + var(--alet-space-3));
  }

  .alet-carousel__dot[aria-current="true"]:before {
    background-color: var(--alet-color-action-primary);
    inline-size: var(--alet-space-5);
  }

  .alet-carousel__dot:focus-visible, .alet-carousel__thumb:focus-visible {
    outline: 2px solid var(--alet-color-focus-ring);
    outline-offset: 2px;
  }

  .alet-carousel__thumbs {
    grid-column: 1;
    margin-block-start: var(--alet-space-3);
    overflow: hidden;
  }

  .alet-carousel__thumbs-container {
    gap: var(--alet-space-2);
    display: flex;
  }

  .alet-carousel__thumb {
    cursor: pointer;
    border-radius: var(--alet-radius-md);
    border-style: var(--tw-border-style);
    background-color: var(--alet-color-background-subtle);
    inline-size: var(--alet-space-16);
    block-size: var(--alet-space-16);
    opacity: .6;
    transition: opacity var(--alet-motion-duration-fast) var(--alet-motion-ease-standard), box-shadow var(--alet-motion-duration-fast) var(--alet-motion-ease-standard);
    border-width: 0;
    flex-shrink: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .alet-carousel__thumb > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .alet-carousel__thumb[aria-current="true"] {
    opacity: 1;
    box-shadow: inset 0 0 0 2px var(--alet-color-action-primary);
  }

  @keyframes alet-overlay-fade-in {
    from {
      opacity: 0;
    }
  }

  @keyframes alet-overlay-fade-out {
    to {
      opacity: 0;
    }
  }

  @keyframes alet-dialog-in {
    from {
      opacity: 0;
      transform: scale(.96) translateY(var(--alet-space-2));
    }
  }

  @keyframes alet-dialog-out {
    to {
      opacity: 0;
      transform: scale(.98);
    }
  }

  @keyframes alet-popper-in {
    from {
      opacity: 0;
      transform: scale(.96);
    }
  }

  @keyframes alet-popper-out {
    to {
      opacity: 0;
      transform: scale(.98);
    }
  }

  @keyframes alet-spinner-rotate {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes alet-progress-indeterminate {
    from {
      transform: translateX(-100%);
    }

    to {
      transform: translateX(250%);
    }
  }

  @keyframes alet-skeleton-sheen {
    to {
      transform: translateX(100%);
    }
  }

  .alet-navigation-stack {
    position: absolute;
    inset: 0;
  }

  .alet-navigation-stack[hidden] {
    visibility: hidden;
    display: block;
  }

  .alet-page {
    background-color: var(--alet-color-surface);
    overscroll-behavior: contain;
    transition: transform var(--alet-motion-duration-slow) var(--alet-motion-ease-enter);
    position: absolute;
    inset: 0;
    overflow-y: auto;
  }

  .alet-page[data-alet-page-state="entering"] {
    transition: none;
    transform: translateX(100%);
  }

  .alet-page[data-alet-page-state="inactive"] {
    visibility: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    .alet-button, .alet-icon-button, .alet-link, .alet-progress__indicator, .alet-input, .alet-textarea, .alet-checkbox__control, .alet-radio__control, .alet-switch__track, .alet-switch__thumb {
      transition: none;
    }

    .alet-spinner, .alet-progress--indeterminate .alet-progress__indicator, .alet-skeleton:after, .alet-dialog__overlay[data-state], .alet-dialog[data-state], .alet-popover[data-state], .alet-menu[data-state], .alet-select__content[data-state], .alet-tooltip[data-state] {
      animation: none;
    }

    .alet-select__icon svg, .alet-date-picker__icon svg, .alet-combobox__toggle svg, .alet-combobox__popup, .alet-combobox__popup[data-ending-style], .alet-calendar__day-button, .alet-list__row, .alet-mobile-header, .alet-large-title-header, .alet-large-title-header__compact .alet-mobile-header__title, .alet-large-title-header__large, .alet-bottom-tab-bar, .alet-bottom-tab-bar__item, .alet-segmented__indicator, .alet-segmented__item, .alet-tabs__trigger, .alet-tabs__trigger:after, .alet-carousel__dot, .alet-carousel__dot:before, .alet-carousel__thumb {
      transition: none;
    }

    .alet-image-viewer {
      --pswp-transition-duration: 0s;
    }

    .alet-status-badge__dot--pulse {
      animation: none;
    }

    .alet-page, .alet-sheet__backdrop, .alet-sheet__backdrop[data-ending-style], .alet-sheet, .alet-sheet[data-ending-style], .alet-sheet[data-ending-style][data-swipe-dismiss] {
      transition: none;
    }
  }
}

@layer alet.app, components;

@layer utilities {
  .\!visible {
    visibility: visible !important;
  }

  .visible {
    visibility: visible;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

  .container {
    width: 100%;
  }

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

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

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

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

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

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

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

  .size-full {
    width: 100%;
    height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .resize {
    resize: both;
  }

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

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

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

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

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

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

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

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

  .gap-\(--alet-field-gap\) {
    gap: var(--alet-field-gap);
  }

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

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

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

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

  :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)));
  }

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

  .rounded-lg {
    border-radius: var(--alet-radius-lg);
  }

  .rounded-md {
    border-radius: var(--alet-radius-md);
  }

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

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

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

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

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

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

  .text-label-sm {
    line-height: var(--alet-text-label-sm-line-height);
    font-weight: var(--alet-text-label-sm-weight);
    letter-spacing: var(--alet-text-label-sm-tracking);
    text-transform: uppercase;
    font-size: var(--alet-text-label-sm-size);
    line-height: var(--tw-leading, var(--alet-text-label-sm-line-height));
    letter-spacing: var(--tw-tracking, var(--alet-text-label-sm-tracking));
    font-weight: var(--tw-font-weight, var(--alet-text-label-sm-weight));
  }

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

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

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

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

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

  .shadow-md {
    --tw-shadow: var(--alet-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);
  }

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

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

  .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(--alet-motion-ease-standard));
    transition-duration: var(--tw-duration, var(--alet-motion-duration-normal));
  }

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

@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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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: 0;
}

@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-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-font-weight {
  syntax: "*";
  inherits: false
}
/*$vite$:1*/