@import 'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=IBM+Plex+Mono:wght@400;500&family=Inter+Tight:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap'; /*! tailwindcss v4.1.18 | 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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-font-weight: initial;
      --tw-content: '';
      --tw-duration: initial;
      --tw-leading: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1/0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25/0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --leading-relaxed: 1.625;
    --radius-xl: calc(var(--radius) * 1.5);
    --radius-2xl: calc(var(--radius) * 2);
    --radius-3xl: calc(var(--radius) * 3);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-md: 12px;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: var(--radius);
    --shadow-surface: var(--surface-shadow);
    --shadow-overlay: var(--overlay-shadow);
    --border-width-field: var(--field-border-width, var(--border-width));
    --ease-smooth: ease;
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-fluid: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-linear: linear;
  }
  @layer theme.base {
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      color-scheme: light;
      --white: oklch(100% 0 0);
      --black: oklch(0% 0 0);
      --snow: oklch(99.11% 0 0);
      --eclipse: oklch(21.03% 0.0059 285.89);
      --spacing: 0.25rem;
      --border-width: 1px;
      --field-border-width: 0px;
      --disabled-opacity: 0.5;
      --ring-offset-width: 2px;
      --cursor-interactive: pointer;
      --cursor-disabled: not-allowed;
      --radius: 0.5rem;
      --field-radius: calc(var(--radius) * 1.5);
      --background: oklch(97.02% 0 0);
      --foreground: var(--eclipse);
      --surface: var(--white);
      --surface-foreground: var(--foreground);
      --surface-secondary: oklch(95.24% 0.0013 286.37);
      --surface-secondary-foreground: var(--foreground);
      --surface-tertiary: oklch(93.73% 0.0013 286.37);
      --surface-tertiary-foreground: var(--foreground);
      --overlay: var(--white);
      --overlay-foreground: var(--foreground);
      --muted: oklch(55.17% 0.0138 285.94);
      --scrollbar: oklch(87.1% 0.006 286.286);
      --default: oklch(94% 0.001 286.375);
      --default-foreground: var(--eclipse);
      --accent: oklch(62.04% 0.195 253.83);
      --accent-foreground: var(--snow);
      --field-background: var(--white);
      --field-foreground: oklch(21.03% 0.0059 285.89);
      --field-placeholder: var(--muted);
      --field-border: transparent;
      --success: oklch(73.29% 0.1935 150.81);
      --success-foreground: var(--eclipse);
      --warning: oklch(78.19% 0.1585 72.33);
      --warning-foreground: var(--eclipse);
      --danger: oklch(65.32% 0.2328 25.74);
      --danger-foreground: var(--snow);
      --segment: var(--white);
      --segment-foreground: var(--eclipse);
      --border: oklch(90% 0.004 286.32);
      --separator: oklch(92% 0.004 286.32);
      --focus: var(--accent);
      --link: var(--foreground);
      --backdrop: #00000080;
      --surface-hover: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --surface-hover: color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --background-secondary: var(--background);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --background-secondary: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --background-tertiary: var(--background);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --background-tertiary: color-mix(in oklab, var(--background) 92%, var(--foreground) 8%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --background-inverse: var(--foreground);
      --default-hover: var(--default);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --default-hover: color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --accent-hover: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --accent-hover: color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --success-hover: var(--success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --success-hover: color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --warning-hover: var(--warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --warning-hover: color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --danger-hover: var(--danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --danger-hover: color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --field-hover: var(--field-background, var(--default));
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --field-hover: color-mix(
          in oklab,
          var(--field-background, var(--default)) 90%,
          var(--field-foreground, var(--foreground)) 2%
        );
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --field-focus: var(--field-background, var(--default));
      --field-border-hover: var(--field-border, var(--border));
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --field-border-hover: color-mix(
          in oklab,
          var(--field-border, var(--border)) 88%,
          var(--field-foreground, var(--foreground)) 10%
        );
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --field-border-focus: var(--field-border, var(--border));
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --field-border-focus: color-mix(
          in oklab,
          var(--field-border, var(--border)) 74%,
          var(--field-foreground, var(--foreground)) 22%
        );
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --accent-soft: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --accent-soft-foreground: var(--accent);
      --accent-soft-hover: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --accent-soft-hover: color-mix(in oklab, var(--accent) 20%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --danger-soft: var(--danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --danger-soft: color-mix(in oklab, var(--danger) 15%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --danger-soft-foreground: var(--danger);
      --danger-soft-hover: var(--danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --warning-soft: var(--warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --warning-soft: color-mix(in oklab, var(--warning) 15%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --warning-soft-foreground: var(--warning);
      --warning-soft-hover: var(--warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --success-soft: var(--success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --success-soft: color-mix(in oklab, var(--success) 15%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --success-soft-foreground: var(--success);
      --success-soft-hover: var(--success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --separator-secondary: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --separator-secondary: color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --separator-tertiary: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --separator-tertiary: color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --border-secondary: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --border-secondary: color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --border-tertiary: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :root,
      .light,
      .default,
      [data-theme='light'],
      [data-theme='default'] {
        --border-tertiary: color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%);
      }
    }
    :root,
    .light,
    .default,
    [data-theme='light'],
    [data-theme='default'] {
      --surface-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;
      --overlay-shadow: 0 2px 8px 0 #0000000f, 0 -6px 12px 0 #00000008, 0 14px 28px 0 #00000014;
      --field-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;
      --skeleton-animation: shimmer;
    }
    .dark,
    [data-theme='dark'] {
      color-scheme: dark;
      --background: oklch(12% 0.005 285.823);
      --foreground: var(--snow);
      --surface: oklch(21.03% 0.0059 285.89);
      --surface-foreground: var(--foreground);
      --surface-secondary: oklch(25.7% 0.0037 286.14);
      --surface-tertiary: oklch(27.21% 0.0024 247.91);
      --overlay: oklch(21.03% 0.0059 285.89);
      --overlay-foreground: var(--foreground);
      --muted: oklch(70.5% 0.015 286.067);
      --scrollbar: oklch(70.5% 0.015 286.067);
      --default: oklch(27.4% 0.006 286.033);
      --default-foreground: var(--snow);
      --field-background: oklch(21.03% 0.0059 285.89);
      --field-foreground: var(--foreground);
      --warning: oklch(82.03% 0.1388 76.34);
      --warning-foreground: var(--eclipse);
      --danger: oklch(59.4% 0.1967 24.63);
      --danger-foreground: var(--snow);
      --segment: oklch(39.64% 0.01 285.93);
      --segment-foreground: var(--foreground);
      --border: oklch(28% 0.006 286.033);
      --separator: oklch(25% 0.006 286.033);
      --focus: var(--accent);
      --link: var(--foreground);
      --backdrop: #0009;
      --surface-shadow: 0 0 0 0 transparent inset;
      --overlay-shadow: 0 0 1px 0 #ffffff4d inset;
      --field-shadow: 0 0 0 0 transparent inset;
    }
  }
  @layer components;
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      'Apple Color Emoji',
      'Segoe UI Emoji',
      'Segoe UI Symbol',
      'Noto Color Emoji'
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      'Liberation Mono',
      'Courier New',
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    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;
  }
  *,
  :after,
  :before,
  ::backdrop {
    border-color: var(--border, currentColor);
  }
  ::file-selector-button {
    border-color: var(--border, currentColor);
  }
  :root {
    view-transition-name: none;
  }
  ::view-transition {
    pointer-events: none;
  }
  :root {
    --kb-bg: #fafaf7;
    --kb-surface: #fff;
    --kb-surface-alt: #f3f0ea;
    --kb-text: #171612;
    --kb-text-soft: #3d3a32;
    --kb-muted: #6b6862;
    --kb-border: #e7e2d8;
    --kb-text-inverse: #fafaf7;
    --kb-cover-text: #fafaf7eb;
    --kb-accent: #1e3a5f;
    --kb-accent-hover: #152a45;
    --kb-accent-soft: #5d7288;
    --kb-brand-stage: #0f1a2a;
    --kb-brand-accent: #1e3a5f;
    --kb-brand-text: #fafaf7;
    --kb-brand-text-soft: #fafaf7b3;
    --kb-brand-text-quiet: #fafaf78c;
    --kb-brand-divider: #fafaf714;
    --kb-brand-hairline: #fafaf74d;
    --kb-brass: #7a5b30;
    --kb-brass-2: #8c6a38;
    --kb-brass-soft: #7a5b3014;
    --kb-success: #335c45;
    --kb-warning: #8a6230;
    --kb-error: #7a3434;
    --kb-info: #5d7288;
    --kb-overlay: #0006;
    --kb-scrim-accent: #1e3a5f8c;
    --kb-success-tint: #335c451f;
    --kb-accent-tint: #1e3a5f0d;
    --kb-accent-tint-strong: #1e3a5f1a;
    --kb-warning-tint: #8a62301f;
    --kb-error-tint: #7a34341f;
    --kb-info-tint: #5d72881f;
    --kb-hair: #e7e2d8;
    --kb-hair-2: #ece6da;
    --kb-hair-strong: #d6d0c2;
    --kb-faint: #b5b0a6;
    --kb-muted-2: #8f8b83;
    --kb-ink-2: #2a2822;
    --kb-ink-3: #4a4740;
    --kb-pad-x: 20px;
    --kb-pad-y: 18px;
    --kb-row-y: 18px;
    --kb-row-gap: 16px;
    --kb-section-gap: 32px;
    --kb-module-gap: 28px;
    --kb-gap-micro: 4px;
    --kb-gap-tight: 8px;
    --kb-gap-content: 12px;
    --kb-bg-soft: #f0eee6;
    --kb-border-soft: #eceae3;
    --kb-surface-soft: #f3f0ea;
    --kb-link-demo-bg: #e8eef7;
    --kb-link-demo-fg: #1e3a5f;
    --kb-link-video-bg: #eeeaf2;
    --kb-link-video-fg: #4d3f5c;
    --kb-link-ref-bg: #f3ebdd;
    --kb-link-ref-fg: #6b5232;
    --kb-font-display:
      'Cormorant Garamond', 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', 'STSong', 'Hiragino Mincho ProN', serif;
    --kb-font-body:
      'Inter Tight', 'Noto Sans SC', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Source Han Sans SC',
      'Hiragino Sans GB', system-ui, sans-serif;
    --kb-font-mono:
      'IBM Plex Mono', 'Geist Mono', 'JetBrains Mono', 'SF Mono', 'Menlo', 'Consolas', 'PingFang SC', 'Microsoft YaHei',
      monospace;
    --kb-fs-display-2xl: clamp(40px, 4.5vw, 56px);
    --kb-fs-display-xl: clamp(32px, 3.5vw, 40px);
    --kb-fs-display-lg: clamp(24px, 2.2vw, 28px);
    --kb-fs-body-lg: 19px;
    --kb-fs-body: 16px;
    --kb-fs-body-sm: 15px;
    --kb-fs-caption: 13px;
    --kb-fs-mono: 14px;
    --kb-leading-display: 1.2;
    --kb-leading-tight: 1.4;
    --kb-leading-snug: 1.55;
    --kb-leading-normal: 1.7;
    --kb-leading-relaxed: 1.8;
    --kb-tracking-tight: -0.01em;
    --kb-tracking-normal: 0;
    --kb-tracking-wide: 0.04em;
    --kb-radius-sm: 4px;
    --kb-radius-md: 6px;
    --kb-radius-lg: 10px;
    --kb-radius-full: 9999px;
    --kb-shadow-card: 0 1px 2px #1716120a;
    --kb-shadow-elevated: 0 4px 16px #1716120f;
    --kb-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
    --kb-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --kb-ease-move: cubic-bezier(0.4, 0, 0.2, 1);
    --kb-ease-presentation: cubic-bezier(0.65, 0, 0.35, 1);
    --kb-duration-micro: 80ms;
    --kb-duration-short: 0.18s;
    --kb-duration-medium: 0.28s;
    --kb-duration-long: 0.45s;
  }
  [data-theme='dark'] {
    --kb-bg: #171814;
    --kb-surface: #232620;
    --kb-surface-alt: #1c1f1a;
    --kb-text: #f3efe7;
    --kb-text-soft: #d4d0c5;
    --kb-muted: #a39c90;
    --kb-border: #38352f;
    --kb-accent: #8da9c9;
    --kb-accent-hover: #b6c8dd;
    --kb-success: #7ea58c;
    --kb-warning: #c49b63;
    --kb-error: #cf8b8b;
    --kb-info: #a9c5e5;
    --kb-text-inverse: #171814;
    --kb-cover-text: #f5f2eceb;
    --kb-shadow-card: 0 1px 2px #0006;
    --kb-shadow-elevated: 0 4px 16px #00000080;
    --kb-overlay: #0009;
    --kb-scrim-accent: #00000080;
    --kb-success-tint: #7ea58c2e;
    --kb-accent-tint: #8da9c914;
    --kb-accent-tint-strong: #8da9c924;
    --kb-warning-tint: #c49b632e;
    --kb-error-tint: #cf8b8b2e;
    --kb-info-tint: #a9c5e52e;
    --kb-bg-soft: #1c1f1a;
    --kb-border-soft: #2f2c27;
    --kb-surface-soft: #282b25;
    --kb-link-demo-bg: #8da9c929;
    --kb-link-demo-fg: #b6c8dd;
    --kb-link-video-bg: #b49ec829;
    --kb-link-video-fg: #c5aed6;
    --kb-link-ref-bg: #c49b6329;
    --kb-link-ref-fg: #c49b63;
    --kb-accent-soft: #94a3b8;
    --kb-brass: #c49b63;
    --kb-brass-2: #d4ad75;
    --kb-brass-soft: #c49b631f;
    --kb-hair: #2f2c27;
    --kb-hair-2: #34302a;
    --kb-hair-strong: #44403a;
    --kb-faint: #6b675f;
    --kb-muted-2: #8a857c;
    --kb-ink-2: #e8e3da;
    --kb-ink-3: #c7c1b6;
  }
  [data-density='compact'] {
    --kb-pad-x: 16px;
    --kb-pad-y: 14px;
    --kb-row-y: 13px;
    --kb-row-gap: 10px;
    --kb-section-gap: 22px;
    --kb-module-gap: 20px;
    --kb-gap-micro: 3px;
    --kb-gap-tight: 6px;
    --kb-gap-content: 10px;
  }
  html.theme-transition,
  html.theme-transition * {
    transition:
      background-color 0.24s,
      border-color 0.24s,
      color 0.24s,
      box-shadow 0.24s !important;
  }
  :root {
    --background: 60 27% 97%;
    --foreground: 43 16% 8%;
    --card: 0 0% 100%;
    --card-foreground: 43 16% 8%;
    --popover: 0 0% 100%;
    --popover-foreground: 43 16% 8%;
    --primary: 213 53% 25%;
    --primary-foreground: 60 27% 97%;
    --secondary: 43 24% 93%;
    --secondary-foreground: 43 16% 8%;
    --muted: 43 24% 93%;
    --muted-foreground: 40 4% 40%;
    --accent: 43 24% 93%;
    --accent-foreground: 43 16% 8%;
    --destructive: 0 40% 34%;
    --destructive-foreground: 60 27% 97%;
    --border: 40 23% 87%;
    --input: 40 23% 87%;
    --ring: 213 53% 25%;
    --radius: 6px;
  }
  [data-theme='dark'] {
    --background: 70 9% 9%;
    --foreground: 40 25% 93%;
    --card: 75 8% 14%;
    --card-foreground: 40 25% 93%;
    --popover: 75 8% 14%;
    --popover-foreground: 40 25% 93%;
    --primary: 213 33% 67%;
    --primary-foreground: 70 9% 9%;
    --secondary: 80 8% 11%;
    --secondary-foreground: 40 25% 93%;
    --muted: 80 8% 11%;
    --muted-foreground: 38 9% 60%;
    --accent: 80 8% 11%;
    --accent-foreground: 40 25% 93%;
    --destructive: 0 41% 68%;
    --destructive-foreground: 70 9% 9%;
    --border: 40 9% 20%;
    --input: 40 9% 20%;
    --ring: 213 33% 67%;
  }
  * {
    border-color: hsl(var(--border));
  }
  html {
    background: var(--kb-bg);
    color: var(--kb-text);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    font-feature-settings: 'kern', 'calt', 'liga';
    overflow-x: hidden;
  }
  body {
    overscroll-behavior-x: none;
    background: var(--kb-bg);
    max-width: 100vw;
    min-height: 100vh;
    color: var(--kb-text);
    font-family: var(--kb-font-body);
    font-size: var(--kb-fs-body);
    line-height: var(--kb-leading-normal);
    overflow-x: hidden;
  }
  button,
  input,
  select,
  textarea {
    font: inherit;
  }
  :root {
    --kb-tap-sm: 32px;
    --kb-tap-md: 44px;
    --kb-tap-lg: 48px;
  }
  @media (hover: none) {
    .kb-card-link:hover .kb-card,
    .kb-app-header__user:hover,
    .pm-avatar-hover:hover {
      box-shadow: none;
      background: inherit;
      transform: none;
    }
  }
  button:active:not(:disabled),
  [role='button']:active:not([aria-disabled='true']),
  a:active {
    transition: transform 80ms var(--kb-ease-exit);
    transform: scale(0.98);
  }
  html {
    touch-action: manipulation;
  }
  h1,
  h2,
  h3,
  h4 {
    font-family: var(--kb-font-body);
    letter-spacing: var(--kb-tracking-tight);
    line-height: var(--kb-leading-tight);
    text-wrap: balance;
  }
  .kb-num,
  .kb-app-header__version,
  code,
  [data-num] {
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: 'tnum', 'lnum', 'kern';
  }
  [style*='var(--kb-font-mono)'],
  .kb-mono {
    font-variant-numeric: tabular-nums lining-nums;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  #root {
    max-width: 100vw;
    min-height: 100vh;
    overflow-x: hidden;
  }
  .kb-skip-link {
    background: var(--kb-accent);
    color: var(--kb-text-inverse);
    border-radius: 0 0 var(--kb-radius-md, 6px) 0;
    font-family: var(--kb-font-body);
    transition: transform 0.18s var(--kb-ease-enter);
    z-index: 1000;
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-150%);
  }
  .kb-skip-link:focus {
    outline: 2px solid var(--kb-accent-hover);
    outline-offset: 2px;
    transform: translateY(0);
  }
}
@layer components {
  .close-button {
    isolation: isolate;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    transform-origin: 50%;
    border-radius: calc(var(--radius) * 1.5);
    padding: calc(var(--spacing) * 1);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition:
      transform 0.25s var(--ease-out-quart),
      color 0.15s var(--ease-out),
      background-color 0.1s var(--ease-out),
      box-shadow 0.15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .close-button:focus-visible:not(:focus),
  .close-button[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .close-button:disabled,
  .close-button[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .close-button[data-pending='true'] {
    pointer-events: none;
  }
  .close-button svg {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    margin-inline: calc(var(--spacing) * -0.5);
    margin-block: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
    align-self: center;
  }
  .close-button--default {
    background-color: var(--default);
    color: hsl(var(--muted));
  }
  @media (hover: hover) {
    .close-button--default:hover,
    .close-button--default[data-hovered='true'] {
      background-color: var(--default-hover);
    }
  }
  .close-button--default:active,
  .close-button--default[data-pressed='true'] {
    transform: scale(0.93);
  }
  .description {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: hsl(var(--muted));
  }
  .error-message {
    height: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: var(--danger);
    transition:
      opacity 0.15s var(--ease-out),
      height 0.35s var(--ease-smooth);
  }
  .error-message:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .error-message:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .error-message:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .error-message:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .error-message:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .error-message:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .field-error {
    height: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: break-word;
    color: var(--danger);
    opacity: 0;
  }
  .field-error[data-visible='true'] {
    opacity: 1;
    height: auto;
  }
  .field-error {
    transition:
      opacity 0.15s var(--ease-out),
      height 0.35s var(--ease-smooth);
  }
  .field-error:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .field-error:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .field-error:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .field-error:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .field-error:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .field-error:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  :is(
    .label--required,
    [data-required='true']:not([role='group']):not([role='radiogroup']):not([role='checkboxgroup']) > .label,
    [data-required='true']:not([data-slot='radio']):not([data-slot='checkbox']) > .label
  ):after {
    margin-left: calc(var(--spacing) * 0.5);
    color: var(--danger);
    --tw-content: '*';
    content: var(--tw-content);
  }
  .label--disabled,
  [data-disabled='true'] .label {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .label--invalid,
  [data-invalid='true'] .label,
  [aria-invalid='true'] .label {
    color: var(--danger);
  }
  .accordion {
    contain: layout style;
    width: 100%;
  }
  .accordion__body {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .accordion__body-inner {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 4);
    color: hsl(var(--muted));
  }
  .accordion__indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: hsl(var(--muted));
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    flex-shrink: 0;
    margin-left: auto;
    transition-duration: 0.25s;
  }
  .accordion__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .accordion__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .accordion__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .accordion__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .accordion__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .accordion__indicator[data-expanded='true'] {
    rotate: -180deg;
  }
  .accordion__item {
    --tw-border-style: none;
    border-style: none;
    position: relative;
  }
  .accordion__item:after {
    content: '';
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * 0.25);
    background-color: var(--separator);
    width: 100%;
    height: 1px;
    position: absolute;
  }
  .accordion__item:last-child:after {
    content: none;
  }
  .accordion__item[data-hide-separator='true']:after {
    display: none;
  }
  .accordion__trigger {
    cursor: var(--cursor-interactive);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-tap-highlight-color: transparent;
    transition:
      opacity 0.15s var(--ease-out),
      box-shadow 0.15s var(--ease-out);
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .accordion__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .accordion__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .accordion__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .accordion__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .accordion__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .accordion__trigger:hover:not([aria-expanded='true']),
    .accordion__trigger[data-hovered='true']:not([aria-expanded='true']) {
      background-color: var(--foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .accordion__trigger:hover:not([aria-expanded='true']),
      .accordion__trigger[data-hovered='true']:not([aria-expanded='true']) {
        background-color: color-mix(in oklab, var(--foreground) 3%, transparent 90%);
      }
    }
  }
  .accordion__trigger:focus-visible:not(:focus),
  .accordion__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .accordion__trigger:disabled,
  .accordion__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .accordion__panel {
    opacity: 0;
    height: var(--disclosure-panel-height);
    transition:
      height 0.2s var(--ease-out-quad),
      opacity 0.2s var(--ease-out);
    overflow: clip;
  }
  .accordion__panel:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .accordion__panel:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .accordion__panel:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .accordion__panel:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .accordion__panel:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .accordion__panel:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .accordion__panel[data-expanded='true'] {
    will-change: height, opacity;
    opacity: 1;
  }
  .accordion--surface {
    background-color: var(--surface);
    border-radius: min(32px, var(--radius-3xl));
  }
  @media (hover: hover) {
    .accordion--surface .accordion__trigger:hover:not([aria-expanded='true']),
    .accordion--surface .accordion__trigger[data-hovered='true']:not([aria-expanded='true']) {
      background-color: var(--default);
    }
  }
  .accordion--surface .accordion__item:after {
    background-color: var(--surface-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .accordion--surface .accordion__item:after {
      background-color: color-mix(in oklab, var(--surface-foreground) 6%, transparent);
    }
  }
  .accordion--surface .accordion__item:after {
    width: 94%;
    left: 3%;
  }
  .accordion--surface .accordion__item:first-child [data-slot='accordion-trigger'] {
    border-top-left-radius: min(32px, var(--radius-3xl));
    border-top-right-radius: min(32px, var(--radius-3xl));
  }
  .accordion--surface
    .accordion__item:last-child:not(:has([data-slot='accordion-trigger'][aria-expanded='true']))
    [data-slot='accordion-trigger'] {
    border-bottom-left-radius: min(32px, var(--radius-3xl));
    border-bottom-right-radius: min(32px, var(--radius-3xl));
  }
  .breadcrumbs {
    align-items: center;
    display: flex;
  }
  .breadcrumbs .breadcrumbs__link {
    padding-inline: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
    opacity: 1;
    text-decoration-line: none;
    position: relative;
  }
  .breadcrumbs .breadcrumbs__link:hover,
  .breadcrumbs .breadcrumbs__link[data-hovered='true'] {
    text-decoration-line: underline;
  }
  .breadcrumbs .breadcrumbs__link[data-current='true'] {
    color: var(--link);
    opacity: 1;
  }
  .breadcrumbs .breadcrumbs__item {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    padding-inline: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
    display: flex;
  }
  .breadcrumbs .breadcrumbs__separator {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: hsl(var(--muted));
  }
  .breadcrumbs .breadcrumbs__separator:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {
    rotate: 180deg;
  }
  .disclosure-group {
    contain: layout style;
    width: 100%;
  }
  .disclosure {
    position: relative;
  }
  .accordion__heading {
    display: flex;
  }
  .disclosure__trigger {
    cursor: var(--cursor-interactive);
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
  }
  .disclosure__trigger:focus-visible:not(:focus),
  .disclosure__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .disclosure__trigger:disabled,
  .disclosure__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .disclosure__indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: inherit;
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    flex-shrink: 0;
    margin-left: auto;
    transition-duration: 0.25s;
  }
  .disclosure__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .disclosure__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .disclosure__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .disclosure__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .disclosure__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .disclosure__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .disclosure__indicator[data-expanded='true'] {
    rotate: -180deg;
  }
  .disclosure__content {
    opacity: 0;
    height: var(--disclosure-panel-height);
    transition:
      height 0.2s var(--ease-out-quad),
      opacity 0.2s var(--ease-out);
    overflow: clip;
  }
  .disclosure__content:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .disclosure__content:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .disclosure__content:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .disclosure__content:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .disclosure__content:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .disclosure__content:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .disclosure__content[data-expanded='true'] {
    will-change: height, opacity;
    opacity: 1;
  }
  .disclosure__body {
    padding: calc(var(--spacing) * 2);
  }
  .link {
    border-radius: calc(var(--radius) * 1.5);
    width: fit-content;
    height: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--link);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--separator-tertiary);
    text-decoration-color: var(--separator-tertiary);
    text-underline-offset: 4px;
    -webkit-tap-highlight-color: transparent;
    transition:
      color 0.1s var(--ease-smooth),
      text-decoration-color 0.1s var(--ease-out),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out),
      opacity 0.1s var(--ease-out);
    align-items: center;
    text-decoration-thickness: 1.5px;
    display: inline-flex;
    position: relative;
  }
  .link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .link {
    cursor: var(--cursor-interactive);
  }
  @media (hover: hover) {
    .link:hover,
    .link[data-hovered='true'] {
      -webkit-text-decoration-color: hsl(var(--muted));
      text-decoration-color: hsl(var(--muted));
    }
    :is(.link:hover, .link[data-hovered='true']) .link__icon {
      opacity: 1;
    }
  }
  .link:focus-visible:not(:focus),
  .link[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.link:focus-visible:not(:focus), .link[data-focus-visible='true']) .link__icon {
    opacity: 1;
  }
  .link[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .link .link__icon {
    pointer-events: none;
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    color: currentColor;
    opacity: 0.6;
    transition: opacity 0.15s var(--ease-out);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .link .link__icon:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .link .link__icon:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .link .link__icon:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .link .link__icon:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .link .link__icon:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .link .link__icon:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .link .link__icon svg {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .link .link__icon[data-default-icon='true'] {
    margin-left: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .link.button {
    gap: calc(var(--spacing) * 0);
    text-decoration-line: none;
  }
  .pagination {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    width: 100%;
    display: flex;
  }
  @media (min-width: 40rem) {
    .pagination {
      flex-direction: row;
    }
  }
  .pagination__summary {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--muted));
    align-self: flex-start;
    display: flex;
  }
  @media (min-width: 40rem) {
    .pagination__summary {
      align-self: center;
    }
  }
  .pagination__content {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    align-self: flex-start;
    display: flex;
  }
  @media (min-width: 40rem) {
    .pagination__content {
      align-self: center;
    }
  }
  .pagination__item {
    display: inline-flex;
  }
  .pagination__link {
    isolation: isolate;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    transform-origin: 50%;
    border-radius: calc(var(--radius) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  @media (min-width: 48rem) {
    .pagination__link {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .pagination__link {
    cursor: var(--cursor-interactive);
    transition:
      transform 0.25s var(--ease-smooth),
      background-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .pagination__link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .pagination__link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .pagination__link:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .pagination__link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .pagination__link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .pagination__link:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .pagination__link {
    --pagination-link-bg: transparent;
    --pagination-link-bg-hover: var(--default-hover);
    --pagination-link-bg-pressed: var(--default-hover);
    --pagination-link-fg: var(--default-foreground);
    background-color: var(--pagination-link-bg);
    color: var(--pagination-link-fg);
  }
  .pagination__link:focus-visible,
  .pagination__link[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .pagination__link:disabled,
  .pagination__link[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  @media (hover: hover) {
    .pagination__link:hover,
    .pagination__link[data-hovered='true'] {
      background-color: var(--pagination-link-bg-hover);
    }
  }
  .pagination__link:active,
  .pagination__link[data-pressed='true'] {
    background-color: var(--pagination-link-bg-pressed);
    transform: scale(0.97);
  }
  .pagination__link[data-active='true'] {
    --pagination-link-bg: var(--default);
    --pagination-link-bg-hover: var(--default-hover);
    --pagination-link-bg-pressed: var(--default-hover);
  }
  .pagination__ellipsis {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--muted));
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  @media (min-width: 48rem) {
    .pagination__ellipsis {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .pagination__link--nav {
    gap: calc(var(--spacing) * 1.5);
    width: auto;
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .pagination--sm .pagination__link {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  @media (min-width: 48rem) {
    .pagination--sm .pagination__link {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .pagination--sm .pagination__link:active,
  .pagination--sm .pagination__link[data-pressed='true'] {
    transform: scale(0.98);
  }
  .pagination--sm .pagination__link--nav {
    width: auto;
    padding-inline: calc(var(--spacing) * 2);
  }
  .pagination--sm .pagination__ellipsis {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  @media (min-width: 48rem) {
    .pagination--sm .pagination__ellipsis {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .pagination--sm .pagination__summary {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .pagination--lg .pagination__link {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (min-width: 48rem) {
    .pagination--lg .pagination__link {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  .pagination--lg .pagination__link:active,
  .pagination--lg .pagination__link[data-pressed='true'] {
    transform: scale(0.96);
  }
  .pagination--lg .pagination__link--nav {
    width: auto;
    padding-inline: calc(var(--spacing) * 3);
  }
  .pagination--lg .pagination__ellipsis {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (min-width: 48rem) {
    .pagination--lg .pagination__ellipsis {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  .pagination--lg .pagination__summary {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .tabs {
    gap: calc(var(--spacing) * 2);
    display: flex;
  }
  .tabs[data-orientation='horizontal'] {
    flex-direction: column;
  }
  .tabs[data-orientation='vertical'] {
    flex-direction: row;
  }
  .tabs__list-container {
    position: relative;
  }
  .tabs__list {
    background-color: var(--default);
    padding: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) * 2.5);
    display: inline-flex;
  }
  .tabs__list[data-orientation='horizontal'] {
    flex-direction: row;
    width: 100%;
  }
  .tabs__list[data-orientation='vertical'] {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
  }
  .tabs__list[data-orientation='vertical'] .tabs__tab {
    min-width: calc(var(--spacing) * 20);
  }
  .tabs__tab {
    z-index: 1;
    cursor: var(--cursor-interactive);
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      color 0.15s var(--ease-smooth),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out),
      opacity 0.15s var(--ease-smooth);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .tabs__tab:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .tabs__tab:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .tabs__tab:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .tabs__tab:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .tabs__tab:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .tabs__tab:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .tabs__tab[data-selected='true'] {
    color: var(--segment-foreground);
  }
  .tabs__tab[data-selected='true'] .tabs__separator,
  .tabs__tab[data-selected='true'] + .tabs__tab .tabs__separator {
    opacity: 0;
  }
  .tabs__tab:disabled,
  .tabs__tab[data-disabled='true'],
  .tabs__tab[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  @media (hover: hover) {
    .tabs__tab:not([data-selected='true']):not([data-disabled='true']):hover,
    .tabs__tab[data-hovered='true']:not([data-selected='true']):not([data-disabled='true']) {
      opacity: 0.7;
    }
  }
  .tabs__tab:focus-visible:not(:focus),
  .tabs__tab[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .tabs__separator {
    border-radius: calc(var(--radius) * 0.5);
    background-color: hsl(var(--muted));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .tabs__separator {
      background-color: color-mix(in oklab, hsl(var(--muted)) 25%, transparent);
    }
  }
  .tabs__separator {
    pointer-events: none;
    transition: opacity 0.15s var(--ease-smooth);
    position: absolute;
  }
  .tabs__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .tabs__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .tabs__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .tabs__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .tabs__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .tabs__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .tabs__list[data-orientation='horizontal'] .tabs__separator {
    width: 1px;
    height: 50%;
    top: 25%;
    left: 0;
  }
  .tabs__list[data-orientation='vertical'] .tabs__separator {
    width: 90%;
    height: 1px;
    top: 0;
    left: 5%;
  }
  .tabs__panel {
    width: 100%;
    padding: calc(var(--spacing) * 2);
    --tw-outline-style: none;
    outline-style: none;
  }
  .tabs__panel[data-exiting='true'] {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    position: absolute;
  }
  .tabs__panel[data-orientation='horizontal'] {
    margin-top: calc(var(--spacing) * 4);
  }
  .tabs__panel[data-orientation='vertical'] {
    margin-left: calc(var(--spacing) * 4);
  }
  .tabs__indicator {
    box-shadow: var(--shadow-surface);
    z-index: -1;
    border-radius: var(--radius-3xl);
    background-color: var(--segment);
    width: 100%;
    height: 100%;
    transition-property: translate, width, height;
    transition-duration: 0.25s;
    transition-timing-function: var(--ease-out-fluid);
    position: absolute;
    top: 0;
    left: 0;
  }
  .tabs__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .tabs__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .tabs__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .tabs__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .tabs__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .tabs__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .tabs--secondary > .tabs__list-container > .tabs__list {
    padding: calc(var(--spacing) * 0);
    background-color: #0000;
    border-radius: 0;
  }
  .tabs--secondary > .tabs__list-container > .tabs__list[data-orientation='horizontal'] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: hsl(var(--border));
    scrollbar-width: none;
    max-width: 100%;
    overflow: auto clip;
  }
  .tabs--secondary > .tabs__list-container > .tabs__list[data-orientation='horizontal']::-webkit-scrollbar {
    display: none;
  }
  .tabs--secondary > .tabs__list-container > .tabs__list[data-orientation='vertical'] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: hsl(var(--border));
  }
  .tabs--secondary > .tabs__list-container .tabs__tab {
    border-radius: 0;
  }
  .tabs--secondary > .tabs__list-container .tabs__tab[data-selected='true'] {
    color: hsl(var(--foreground));
  }
  .tabs--secondary > .tabs__list-container .tabs__separator {
    display: none;
  }
  .tabs--secondary > .tabs__list-container .tabs__indicator {
    background-color: hsl(var(--accent));
    box-shadow: none;
    border-radius: 0;
  }
  .tabs--secondary[data-orientation='horizontal'] > .tabs__list-container .tabs__indicator {
    height: 2px;
    top: auto;
    bottom: 0;
  }
  .tabs--secondary[data-orientation='vertical'] > .tabs__list-container .tabs__indicator {
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
  }
  .button {
    isolation: isolate;
    height: calc(var(--spacing) * 10);
    transform-origin: 50%;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) * 3);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }
  @media (min-width: 48rem) {
    .button {
      height: calc(var(--spacing) * 9);
    }
  }
  .button {
    transition:
      transform 0.25s var(--ease-smooth),
      background-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .button {
    cursor: var(--cursor-interactive);
    --button-bg: transparent;
    --button-bg-hover: var(--button-bg);
    --button-bg-pressed: var(--button-bg-hover);
    --button-fg: currentColor;
    background-color: var(--button-bg);
    color: var(--button-fg);
  }
  .button:focus-visible:not(:focus),
  .button[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .button:disabled,
  .button[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .button[data-pending='true'] {
    pointer-events: none;
  }
  .button:active,
  .button[data-pressed='true'] {
    background-color: var(--button-bg-pressed);
    transform: scale(0.97);
  }
  @media (hover: hover) {
    .button:hover,
    .button[data-hovered='true'] {
      background-color: var(--button-bg-hover);
    }
  }
  .button svg:not([data-slot='spinner'] svg, [data-slot='link-icon'] svg) {
    pointer-events: none;
    margin-inline: calc(var(--spacing) * -0.5);
    margin-block: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
  }
  @media (min-width: 40rem) {
    .button svg:not([data-slot='spinner'] svg, [data-slot='link-icon'] svg) {
      margin-block: calc(var(--spacing) * 1);
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .button--sm {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
  }
  @media (min-width: 48rem) {
    .button--sm {
      height: calc(var(--spacing) * 8);
    }
  }
  .button--sm svg:not([data-slot='spinner'] svg, [data-slot='link-icon'] svg) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .button--sm:active,
  .button--sm[data-pressed='true'] {
    transform: scale(0.98);
  }
  .button--lg {
    height: calc(var(--spacing) * 11);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (min-width: 48rem) {
    .button--lg {
      height: calc(var(--spacing) * 10);
    }
  }
  .button--lg:active,
  .button--lg[data-pressed='true'] {
    transform: scale(0.96);
  }
  .button--primary {
    --button-bg: var(--accent);
    --button-bg-hover: var(--accent-hover);
    --button-bg-pressed: var(--accent-hover);
    --button-fg: var(--accent-foreground);
  }
  .button--secondary {
    --button-bg: var(--default);
    --button-bg-hover: var(--default-hover);
    --button-bg-pressed: var(--default-hover);
    --button-fg: var(--accent-soft-foreground);
  }
  .button--tertiary {
    --button-bg: var(--default);
    --button-bg-hover: var(--default-hover);
    --button-bg-pressed: var(--default-hover);
  }
  .button--ghost,
  .button--outline {
    --button-bg: transparent;
    --button-bg-hover: var(--default);
    --button-bg-pressed: var(--default);
    --button-fg: var(--default-foreground);
  }
  .button--outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: hsl(var(--border));
    --button-bg-hover: var(--default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .button--outline {
      --button-bg-hover: color-mix(in srgb, var(--default) 60%, transparent);
    }
  }
  .button--danger {
    --button-bg: var(--danger);
    --button-bg-hover: var(--danger-hover);
    --button-bg-pressed: var(--danger-hover);
    --button-fg: var(--danger-foreground);
  }
  .button--danger-soft {
    --button-bg: var(--danger-soft);
    --button-bg-hover: var(--danger-soft-hover);
    --button-bg-pressed: var(--danger-soft-hover);
    --button-fg: var(--danger-soft-foreground);
  }
  .button--icon-only {
    width: calc(var(--spacing) * 10);
    padding: calc(var(--spacing) * 0);
  }
  @media (min-width: 48rem) {
    .button--icon-only {
      width: calc(var(--spacing) * 9);
    }
  }
  .button--icon-only.button--sm {
    width: calc(var(--spacing) * 9);
  }
  @media (min-width: 48rem) {
    .button--icon-only.button--sm {
      width: calc(var(--spacing) * 8);
    }
  }
  .button--icon-only.button--lg {
    width: calc(var(--spacing) * 11);
  }
  @media (min-width: 48rem) {
    .button--icon-only.button--lg {
      width: calc(var(--spacing) * 10);
    }
  }
  .button--full-width {
    width: 100%;
  }
  .button-group {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 0);
    height: auto;
    display: inline-flex;
  }
  .button-group--horizontal {
    flex-direction: row;
  }
  .button-group--vertical {
    flex-direction: column;
  }
  .button-group .button {
    border-radius: 0;
  }
  .button-group--horizontal .button:first-child {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }
  .button-group--horizontal .button:last-child {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }
  .button-group--horizontal .button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }
  .button-group--vertical .button:first-child {
    border-top-left-radius: calc(var(--radius) * 3);
    border-top-right-radius: calc(var(--radius) * 3);
  }
  .button-group--vertical .button:last-child {
    border-bottom-right-radius: calc(var(--radius) * 3);
    border-bottom-left-radius: calc(var(--radius) * 3);
  }
  .button-group--vertical .button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }
  .button-group .button:active,
  .button-group .button[data-pressed='true'] {
    transform: none;
  }
  .button-group .button:focus-visible:not(:focus),
  .button-group .button[data-focus-visible='true'] {
    --tw-ring-offset-width: 0px;
    --tw-ring-inset: inset;
  }
  .button-group__separator {
    border-radius: calc(var(--radius) * 0.5);
    opacity: 0.15;
    pointer-events: none;
    transition: opacity 0.15s var(--ease-smooth);
    background-color: currentColor;
    position: absolute;
  }
  .button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .button-group--horizontal .button-group__separator {
    width: 1px;
    height: 50%;
    top: 25%;
    left: -1px;
  }
  .button-group--vertical .button-group__separator {
    width: 50%;
    height: 1px;
    top: -1px;
    left: 25%;
  }
  .button-group--horizontal .button--outline:first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .button-group--horizontal .button--outline:last-child {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }
  .button-group--vertical .button--outline:first-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .button-group--vertical .button--outline:last-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }
  .button-group--full-width {
    width: 100%;
  }
  .toggle-button {
    isolation: isolate;
    height: calc(var(--spacing) * 10);
    transform-origin: 50%;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) * 3);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }
  @media (min-width: 48rem) {
    .toggle-button {
      height: calc(var(--spacing) * 9);
    }
  }
  .toggle-button {
    transition:
      transform 0.25s var(--ease-smooth),
      background-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .toggle-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .toggle-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .toggle-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .toggle-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .toggle-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .toggle-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .toggle-button {
    cursor: var(--cursor-interactive);
    --toggle-button-bg: var(--default);
    --toggle-button-bg-hover: var(--default-hover);
    --toggle-button-bg-pressed: var(--default-hover);
    --toggle-button-fg: currentColor;
    --toggle-button-bg-selected: var(--accent-soft);
    --toggle-button-bg-selected-hover: var(--accent-soft-hover);
    --toggle-button-bg-selected-pressed: var(--accent-soft-hover);
    --toggle-button-fg-selected: var(--accent-soft-foreground);
    background-color: var(--toggle-button-bg);
    color: var(--toggle-button-fg);
  }
  .toggle-button:focus-visible:not(:focus),
  .toggle-button[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .toggle-button:disabled,
  .toggle-button[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  @media (hover: hover) {
    .toggle-button:hover,
    .toggle-button[data-hovered='true'] {
      background-color: var(--toggle-button-bg-hover);
    }
  }
  .toggle-button:active,
  .toggle-button[data-pressed='true'] {
    background-color: var(--toggle-button-bg-pressed);
    transform: scale(0.97);
  }
  .toggle-button[data-selected='true'] {
    background-color: var(--toggle-button-bg-selected);
    color: var(--toggle-button-fg-selected);
  }
  @media (hover: hover) {
    .toggle-button[data-selected='true']:hover,
    .toggle-button[data-selected='true'][data-hovered='true'] {
      background-color: var(--toggle-button-bg-selected-hover);
    }
  }
  .toggle-button[data-selected='true']:active,
  .toggle-button[data-selected='true'][data-pressed='true'] {
    background-color: var(--toggle-button-bg-selected-pressed);
  }
  .toggle-button svg {
    pointer-events: none;
    margin-inline: calc(var(--spacing) * -0.5);
    margin-block: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
  }
  @media (min-width: 40rem) {
    .toggle-button svg {
      margin-block: calc(var(--spacing) * 1);
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .toggle-button--sm {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
  }
  @media (min-width: 48rem) {
    .toggle-button--sm {
      height: calc(var(--spacing) * 8);
    }
  }
  .toggle-button--sm svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .toggle-button--sm:active,
  .toggle-button--sm[data-pressed='true'] {
    transform: scale(0.98);
  }
  .toggle-button--lg {
    height: calc(var(--spacing) * 11);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (min-width: 48rem) {
    .toggle-button--lg {
      height: calc(var(--spacing) * 10);
    }
  }
  .toggle-button--lg:active,
  .toggle-button--lg[data-pressed='true'] {
    transform: scale(0.96);
  }
  .toggle-button--default {
    --toggle-button-bg: var(--default);
    --toggle-button-bg-hover: var(--default-hover);
    --toggle-button-bg-pressed: var(--default-hover);
  }
  .toggle-button--ghost {
    --toggle-button-bg: transparent;
    --toggle-button-bg-hover: var(--default);
    --toggle-button-bg-pressed: var(--default);
    --toggle-button-fg: var(--default-foreground);
  }
  .toggle-button--icon-only {
    width: calc(var(--spacing) * 10);
    padding: calc(var(--spacing) * 0);
  }
  @media (min-width: 48rem) {
    .toggle-button--icon-only {
      width: calc(var(--spacing) * 9);
    }
  }
  .toggle-button--icon-only.toggle-button--sm {
    width: calc(var(--spacing) * 9);
  }
  @media (min-width: 48rem) {
    .toggle-button--icon-only.toggle-button--sm {
      width: calc(var(--spacing) * 8);
    }
  }
  .toggle-button--icon-only.toggle-button--lg {
    width: calc(var(--spacing) * 11);
  }
  @media (min-width: 48rem) {
    .toggle-button--icon-only.toggle-button--lg {
      width: calc(var(--spacing) * 10);
    }
  }
  .toggle-button-group {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 0);
    width: fit-content;
    height: auto;
    display: inline-flex;
  }
  .toggle-button-group--horizontal {
    flex-direction: row;
  }
  .toggle-button-group--vertical {
    flex-direction: column;
  }
  .toggle-button-group--full-width {
    width: 100%;
  }
  .toggle-button-group .toggle-button {
    border-radius: 0;
  }
  .toggle-button-group--horizontal .toggle-button:first-child {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--horizontal .toggle-button:last-child {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--horizontal .toggle-button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--vertical .toggle-button:first-child {
    border-top-left-radius: calc(var(--radius) * 3);
    border-top-right-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--vertical .toggle-button:last-child {
    border-bottom-right-radius: calc(var(--radius) * 3);
    border-bottom-left-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--vertical .toggle-button:first-child:last-child {
    border-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group .toggle-button:active,
  .toggle-button-group .toggle-button[data-pressed='true'] {
    transform: none;
  }
  .toggle-button-group .toggle-button:focus-visible:not(:focus),
  .toggle-button-group .toggle-button[data-focus-visible='true'] {
    --tw-ring-offset-width: 0px;
    --tw-ring-inset: inset;
  }
  .toggle-button-group--full-width .toggle-button {
    flex: 1;
  }
  .toggle-button-group__separator {
    border-radius: calc(var(--radius) * 0.5);
    opacity: 0.15;
    pointer-events: none;
    transition: opacity 0.15s var(--ease-smooth);
    background-color: currentColor;
    position: absolute;
  }
  .toggle-button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .toggle-button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .toggle-button-group__separator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .toggle-button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .toggle-button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .toggle-button-group__separator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .toggle-button-group--horizontal .toggle-button-group__separator {
    width: 1px;
    height: 50%;
    top: 25%;
    left: -1px;
  }
  .toggle-button-group--vertical .toggle-button-group__separator {
    width: 50%;
    height: 1px;
    top: -1px;
    left: 25%;
  }
  .toggle-button-group--detached {
    gap: calc(var(--spacing) * 1);
  }
  .toggle-button-group--detached .toggle-button {
    border-radius: calc(var(--radius) * 3);
  }
  .toggle-button-group--detached .toggle-button-group__separator {
    display: none;
  }
  .toolbar {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    grid-auto-flow: column;
    width: fit-content;
    display: grid;
  }
  .toolbar .separator--vertical {
    align-self: center;
    height: 50%;
  }
  .toolbar .separator--horizontal {
    justify-content: center;
    justify-self: center;
    width: 50%;
  }
  .toolbar--vertical {
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .toolbar--vertical .button-group {
    justify-content: flex-start;
  }
  .toolbar--attached {
    border-radius: calc(var(--radius) * 3);
    background-color: var(--surface);
    padding: calc(var(--spacing) * 1);
    --tw-shadow: var(--overlay-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .dropdown {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  .dropdown__trigger {
    --tw-outline-style: none;
    transition:
      transform 0.25s var(--ease-out-quart),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    outline-style: none;
    display: inline-block;
  }
  .dropdown__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .dropdown__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .dropdown__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .dropdown__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .dropdown__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .dropdown__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .dropdown__trigger {
    cursor: var(--cursor-interactive);
  }
  .dropdown__trigger:focus-visible:not(:focus),
  .dropdown__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .dropdown__trigger:disabled,
  .dropdown__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .dropdown__trigger[data-pending='true'] {
    pointer-events: none;
  }
  .dropdown__trigger:active,
  .dropdown__trigger[data-pressed='true'] {
    transform: scale(0.97);
  }
  .dropdown__popover {
    max-width: 48svw;
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: calc(var(--spacing) * 1);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-y: auto;
  }
  @media (min-width: 48rem) {
    .dropdown__popover {
      min-width: calc(var(--spacing) * 55);
    }
  }
  .dropdown__popover {
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--shadow-overlay);
  }
  .dropdown__popover:focus-visible:not(:focus),
  .dropdown__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .dropdown__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.9;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .dropdown__popover[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .dropdown__popover[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .dropdown__popover[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .dropdown__popover[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .dropdown__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .dropdown__popover[data-exiting='true'],
  .dropdown__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .dropdown__popover [data-slot='popover-overlay-arrow'] {
    fill: var(--overlay);
  }
  .dropdown__popover[data-placement='bottom'] [data-slot='popover-overlay-arrow'] {
    rotate: 180deg;
  }
  .dropdown__popover[data-placement='left'] [data-slot='popover-overlay-arrow'] {
    rotate: -90deg;
  }
  .dropdown__popover[data-placement='right'] [data-slot='popover-overlay-arrow'] {
    rotate: 90deg;
  }
  .dropdown__popover [data-slot='dropdown-menu'] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .dropdown__popover [data-slot='menu-item'] {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .dropdown__menu {
    gap: calc(var(--spacing) * 0.5);
    width: 100%;
    padding: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }
  .dropdown__menu [data-slot='separator'] {
    width: 94%;
    margin-left: 3%;
  }
  .list-box-item {
    min-height: calc(var(--spacing) * 9);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      transform 0.25s var(--ease-out-quart),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    display: flex;
    position: relative;
  }
  .list-box-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .list-box-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .list-box-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .list-box-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .list-box-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .list-box-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .list-box-item {
    cursor: var(--cursor-interactive);
  }
  .list-box-item [data-slot='label'] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
  }
  .list-box-item [data-slot='description'] {
    pointer-events: none;
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  .list-box-item:has(.list-box-item__indicator) {
    padding-right: calc(var(--spacing) * 7);
  }
  .list-box-item:focus-visible:not(:focus),
  .list-box-item[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .list-box-item:active,
  .list-box-item[data-pressed='true'] {
    transform: scale(0.98);
  }
  @media (hover: hover) {
    .list-box-item:hover,
    .list-box-item[data-hovered='true'] {
      background-color: var(--default);
    }
  }
  .list-box-item[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .list-box-item__indicator {
    top: 50%;
    right: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--default-foreground);
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: 0.25s;
    display: flex;
    position: absolute;
  }
  .list-box-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .list-box-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .list-box-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .list-box-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .list-box-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .list-box-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .list-box-item__indicator [data-slot='list-box-item-indicator--checkmark'] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .list-box-item__indicator
    [data-slot='list-box-item-indicator--checkmark']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .list-box-item__indicator
    [data-slot='list-box-item-indicator--checkmark']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .list-box-item__indicator
    [data-slot='list-box-item-indicator--checkmark']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .list-box-item__indicator
      [data-slot='list-box-item-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .list-box-item__indicator
      [data-slot='list-box-item-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .list-box-item__indicator
      [data-slot='list-box-item-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
  .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark'] {
    transition: stroke-dashoffset 0.25s linear;
  }
  :is(
    .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
    .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
  ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  :is(
      .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
      .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  :is(
      .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
      .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(
      .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
      .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
    ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    :is(
        .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
        .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    :is(
        .list-box-item__indicator .list-box-item[aria-selected='true'] [data-slot='list-box-item-indicator--checkmark'],
        .list-box-item__indicator .list-box-item[data-selected='true'] [data-slot='list-box-item-indicator--checkmark']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .list-box-item--danger .list-box-item__indicator,
  .list-box-item--danger [data-slot='label'] {
    color: var(--danger);
  }
  .list-box-section {
    align-items: flex-start;
    gap: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .list-box {
    gap: calc(var(--spacing) * 1);
    width: 100%;
    padding: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }
  .list-box [data-slot='separator'][data-orientation='horizontal'] {
    width: 94%;
    margin-left: 3%;
  }
  .menu-item {
    min-height: calc(var(--spacing) * 9);
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 2);
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      transform 0.25s var(--ease-out-quart),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    display: flex;
    position: relative;
  }
  .menu-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .menu-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .menu-item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .menu-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .menu-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .menu-item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .menu-item {
    cursor: var(--cursor-interactive);
  }
  .menu-item [data-slot='label'] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: fit-content;
  }
  .menu-item [data-slot='description'] {
    pointer-events: none;
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  .menu-item [data-slot='submenu-indicator'] svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .menu-item:has(.menu-item__indicator) {
    padding-left: calc(var(--spacing) * 7);
  }
  .menu-item[data-has-submenu='true']:has(.menu-item__indicator) {
    padding-right: calc(var(--spacing) * 7);
    padding-left: calc(var(--spacing) * 2);
  }
  .menu-item:focus-visible:not(:focus),
  .menu-item[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .menu-item:active,
  .menu-item[data-pressed='true'] {
    transform: scale(0.98);
  }
  @media (hover: hover) {
    .menu-item:hover,
    .menu-item[data-hovered='true'] {
      background-color: var(--default);
    }
  }
  :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
    [data-slot='menu-item-indicator--checkmark'] {
    transition: stroke-dashoffset 0.1s linear;
  }
  :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
    [data-slot='menu-item-indicator--checkmark']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
    [data-slot='menu-item-indicator--checkmark']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
    [data-slot='menu-item-indicator--checkmark']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
      [data-slot='menu-item-indicator--checkmark']:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
      [data-slot='menu-item-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
      [data-slot='menu-item-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  :is(.menu-item[aria-checked='true'], .menu-item[aria-selected='true'], .menu-item[data-selected='true'])
    [data-slot='menu-item-indicator--dot'] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }
  .menu-item[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .menu-item__indicator {
    top: 50%;
    left: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: hsl(var(--muted));
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: 0.25s;
    display: flex;
    position: absolute;
  }
  .menu-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .menu-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .menu-item__indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .menu-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .menu-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .menu-item__indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .menu-item[data-has-submenu='true'] .menu-item__indicator {
    right: calc(var(--spacing) * 2);
    left: auto;
  }
  .menu-item__indicator [data-slot='menu-item-indicator--checkmark'] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .menu-item[data-selection-mode='multiple'] :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ),
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--checkmark']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .menu-item__indicator [data-slot='menu-item-indicator--dot'] {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .menu-item[data-selection-mode='multiple'] :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ),
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .menu-item[data-selection-mode='multiple']
    :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .menu-item[data-selection-mode='multiple']
      :is(.menu-item__indicator [data-slot='menu-item-indicator--dot']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .menu-item__indicator [data-slot='menu-item-indicator--dot'] {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
  }
  .menu-item__indicator--submenu {
    color: hsl(var(--muted));
  }
  .menu-item__indicator--submenu svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .menu-item--danger .menu-item__indicator,
  .menu-item--danger [data-slot='label'] {
    color: var(--danger);
  }
  .menu-section {
    align-items: flex-start;
    gap: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .menu {
    gap: calc(var(--spacing) * 1);
    width: 100%;
    padding: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }
  .menu [data-slot='separator'] {
    width: 94%;
    margin-left: 3%;
  }
  .tag-group {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
    position: relative;
  }
  .tag-group__list {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
    position: relative;
  }
  .tag-group [slot='description'],
  .tag-group [data-slot='description'],
  .tag-group [slot='errorMessage'],
  .tag-group [data-slot='error-message'] {
    padding: calc(var(--spacing) * 1);
  }
  .tag {
    --optical-offset: 0.031em;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) * 1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      color 0.1s var(--ease-smooth),
      scale 0.1s var(--ease-smooth),
      opacity 0.1s var(--ease-smooth),
      background-color 0.1s var(--ease-smooth),
      box-shadow 0.1s var(--ease-out);
    transform-origin: 50%;
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    display: inline-flex;
    position: relative;
  }
  .tag:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .tag:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .tag:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .tag:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .tag:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .tag:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .tag {
    cursor: var(--cursor-interactive);
  }
  .tag svg {
    pointer-events: none;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: currentColor;
    flex-shrink: 0;
    align-self: center;
  }
  .tag:is([data-disabled='true'], [aria-disabled='true']) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .tag:is(:focus-visible, [data-focus-visible]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .tag:is([data-selected='true'], [aria-selected='true']) {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }
  @media (hover: hover) {
    .tag:is([data-selected='true'], [aria-selected='true']):is(:hover, [data-hovered='true']) {
      background-color: var(--accent-soft-hover);
    }
  }
  .tag--sm {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .tag--md {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .tag--lg {
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .tag--default {
    background-color: var(--default);
    color: var(--default-foreground);
  }
  @media (hover: hover) {
    .tag--default:is(:hover, [data-hovered='true']):not([data-selected='true']):not([data-disabled='true']) {
      background-color: var(--default-hover);
    }
  }
  .tag--surface {
    background-color: var(--surface);
    color: var(--surface-foreground);
  }
  @media (hover: hover) {
    .tag--surface:is(:hover, [data-hovered='true']):not([data-selected='true']):not([data-disabled='true']) {
      background-color: var(--surface-hover);
    }
  }
  .tag__remove-button {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    color: inherit;
  }
  .tag__remove-button svg {
    width: inherit;
    height: inherit;
    color: currentColor;
    flex-shrink: 0;
    align-self: center;
  }
  .color-area {
    width: 100%;
    max-width: calc(var(--spacing) * 56);
    border-radius: calc(var(--radius) * 2);
    -webkit-tap-highlight-color: transparent;
    aspect-ratio: 1;
    background: var(--color-area-background);
    flex-shrink: 0;
    position: relative;
    box-shadow: inset 0 0 0 1px #0000001a;
  }
  .color-area[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .color-area--show-dots:after {
    content: '';
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    border-radius: inherit;
    background-image: radial-gradient(circle, #fff3 1px, #0000 1px);
    background-size: 8px 8px;
    position: absolute;
  }
  .color-area__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1.5);
    will-change: width, height;
    background-color: var(--color-area-thumb-color);
    transition:
      width 0.15s var(--ease-out),
      height 0.15s var(--ease-out);
    border: 3px solid #fff;
    box-shadow:
      0 0 0 1px #0000001a,
      inset 0 0 0 1px #0000001a;
  }
  .color-area__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-area__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-area__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-area__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-area__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-area__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .color-area__thumb[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-area__thumb[data-dragging='true'] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .color-area__thumb[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .color-picker {
    display: inline-flex;
  }
  .color-picker__trigger {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition:
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-flex;
  }
  .color-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .color-picker__trigger [data-slot='label'] {
    cursor: var(--cursor-interactive);
  }
  .color-picker__trigger:focus-visible:not(:focus),
  .color-picker__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-picker__trigger:disabled,
  .color-picker__trigger[data-disabled='true'],
  .color-picker__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .color-picker__popover {
    min-width: calc(var(--spacing) * 62);
    transform-origin: var(--trigger-anchor-point);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 3);
    box-shadow: var(--shadow-overlay);
    border-radius: min(32px, calc(var(--radius) * 2.5));
    gap: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
    overflow: hidden auto;
  }
  .color-picker__popover::-webkit-scrollbar {
    display: none;
  }
  .color-picker__popover {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .color-picker__popover:focus-visible:not(:focus),
  .color-picker__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-picker__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .color-picker__popover[data-entering='true'][data-placement^='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .color-picker__popover[data-entering='true'][data-placement^='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .color-picker__popover[data-entering='true'][data-placement^='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .color-picker__popover[data-entering='true'][data-placement^='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .color-picker__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .color-picker__popover[data-exiting='true'],
  .color-picker__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .color-slider {
    gap: calc(var(--spacing) * 1);
    grid-template: 'label output' 'track track'/1fr auto;
    width: 100%;
    display: grid;
  }
  .color-slider:not(:has([data-slot='label'])):not(:has(.color-slider__output)) {
    grid-template: 'track'/1fr;
    gap: 0;
  }
  .color-slider:has([data-slot='label']):not(:has(.color-slider__output)) {
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'track';
  }
  .color-slider:not(:has([data-slot='label'])):has(.color-slider__output) {
    grid-template-columns: 1fr;
    grid-template-areas: 'output' 'track';
  }
  .color-slider:not(:has([data-slot='label'])):has(.color-slider__output) .color-slider__output {
    justify-self: end;
  }
  .color-slider [data-slot='label'] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }
  .color-slider .color-slider__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    grid-area: output;
  }
  .color-slider .color-slider__track {
    border-radius: calc(var(--radius) * 2);
    grid-area: track;
    position: relative;
  }
  .color-slider .color-slider__track:before,
  .color-slider .color-slider__track:after {
    content: '';
    z-index: 0;
    pointer-events: none;
    position: absolute;
  }
  .color-slider .color-slider__thumb {
    cursor: grab;
    border-radius: calc(var(--radius) * 2);
    -webkit-tap-highlight-color: transparent;
    border-style: var(--tw-border-style);
    border-width: 3px;
    border-color: var(--color-white);
    --tw-shadow: var(--overlay-shadow);
    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: 1;
    transition:
      transform 0.25s var(--ease-out),
      box-shadow 0.15s var(--ease-out);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }
  .color-slider .color-slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-slider .color-slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-slider .color-slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-slider .color-slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-slider .color-slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-slider .color-slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .color-slider .color-slider__thumb[data-dragging='true'] {
    cursor: grabbing;
  }
  .color-slider .color-slider__thumb[data-focus-visible='true'] {
    z-index: 10;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-slider .color-slider__thumb[data-disabled='true'] {
    cursor: default;
    background-color: var(--default);
  }
  .color-slider:disabled,
  .color-slider[data-disabled='true'],
  .color-slider[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.color-slider:disabled, .color-slider[data-disabled='true'], .color-slider[aria-disabled='true'])
    [data-slot='label'] {
    opacity: 1;
  }
  .color-slider[data-orientation='horizontal'] {
    flex-direction: column;
  }
  .color-slider[data-orientation='horizontal'] .color-slider__track {
    height: calc(var(--spacing) * 5);
    border-radius: 0;
    justify-self: center;
    width: calc(100% - 1.25rem);
    box-shadow:
      inset 0 1px #0000001a,
      inset 0 -1px #0000001a;
  }
  .color-slider[data-orientation='horizontal'] .color-slider__track:before,
  .color-slider[data-orientation='horizontal'] .color-slider__track:after {
    top: calc(var(--spacing) * 0);
    width: 0.625rem;
    height: 100%;
  }
  .color-slider[data-orientation='horizontal'] .color-slider__track:before {
    border-top-left-radius: calc(var(--radius) * 2);
    border-bottom-left-radius: calc(var(--radius) * 2);
    background:
      linear-gradient(var(--track-start-color, transparent)),
      repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50%/16px 16px;
    left: -0.625rem;
    box-shadow:
      inset 1px 0 #0000001a,
      inset 0 1px #0000001a,
      inset 0 -1px #0000001a;
  }
  .color-slider[data-orientation='horizontal'] .color-slider__track:after {
    border-top-right-radius: calc(var(--radius) * 2);
    border-bottom-right-radius: calc(var(--radius) * 2);
    background-color: var(--track-end-color, transparent);
    right: -0.625rem;
    box-shadow:
      inset -1px 0 #0000001a,
      inset 0 1px #0000001a,
      inset 0 -1px #0000001a;
  }
  .color-slider[data-orientation='horizontal'] .color-slider__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    top: 50%;
  }
  .color-slider[data-orientation='vertical'] {
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    grid-template: 'output' 'track' 1fr 'label'/1fr;
    place-items: center;
    height: 100%;
  }
  .color-slider[data-orientation='vertical']:not(:has([data-slot='label'])):not(:has(.color-slider__output)) {
    grid-template-rows: 1fr;
    grid-template-areas: 'track';
    gap: 0;
  }
  .color-slider[data-orientation='vertical']:has([data-slot='label']):not(:has(.color-slider__output)) {
    grid-template-rows: 1fr auto;
    grid-template-areas: 'track' 'label';
  }
  .color-slider[data-orientation='vertical']:not(:has([data-slot='label'])):has(.color-slider__output) {
    grid-template-rows: auto 1fr;
    grid-template-areas: 'output' 'track';
  }
  .color-slider[data-orientation='vertical'] .color-slider__output,
  .color-slider[data-orientation='vertical'] [data-slot='label'] {
    text-align: center;
  }
  .color-slider[data-orientation='vertical'] .color-slider__track {
    width: calc(var(--spacing) * 5);
    border-radius: 0;
    justify-self: center;
    height: calc(100% - 1.25rem);
    box-shadow:
      inset 1px 0 #0000001a,
      inset -1px 0 #0000001a;
  }
  .color-slider[data-orientation='vertical'] .color-slider__track:before,
  .color-slider[data-orientation='vertical'] .color-slider__track:after {
    left: calc(var(--spacing) * 0);
    width: 100%;
    height: 0.625rem;
  }
  .color-slider[data-orientation='vertical'] .color-slider__track:before {
    background:
      linear-gradient(var(--track-start-color, transparent)),
      repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50%/16px 16px;
    border-bottom-right-radius: 999px;
    border-bottom-left-radius: 999px;
    bottom: -0.625rem;
    box-shadow:
      inset 1px 0 #0000001a,
      inset -1px 0 #0000001a,
      inset 0 -1px #0000001a;
  }
  .color-slider[data-orientation='vertical'] .color-slider__track:after {
    background-color: var(--track-end-color, transparent);
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    top: -0.625rem;
    box-shadow:
      inset 1px 0 #0000001a,
      inset -1px 0 #0000001a,
      inset 0 1px #0000001a;
  }
  .color-slider[data-orientation='vertical'] .color-slider__thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    left: 50%;
  }
  .color-swatch {
    box-sizing: border-box;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    background:
      linear-gradient(var(--color-swatch-current), var(--color-swatch-current)),
      repeating-conic-gradient(#efefef 0% 25%, #f7f7f7 0% 50%) 50%/16px 16px;
    flex-shrink: 0;
    position: relative;
    box-shadow: inset 0 0 0 1px #0000001a;
  }
  .color-swatch--circle {
    border-radius: calc(var(--radius) * 2);
  }
  .color-swatch--square {
    border-radius: calc(var(--radius) * 0.75);
  }
  .color-swatch--xs {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .color-swatch--xs.color-swatch--circle {
    border-radius: calc(var(--radius) * 1);
  }
  .color-swatch--sm {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .color-swatch--sm.color-swatch--circle {
    border-radius: calc(var(--radius) * 1.5);
  }
  .color-swatch--lg {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .color-swatch--lg.color-swatch--circle {
    border-radius: calc(var(--radius) * 3);
  }
  .color-swatch--xl {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .color-swatch--xl.color-swatch--circle {
    border-radius: calc(var(--radius) * 3);
  }
  .color-swatch-picker {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    display: flex;
  }
  .color-swatch-picker__item {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition:
      border-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    border-width: 2px;
    border-color: #0000;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .color-swatch-picker__item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-swatch-picker__item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-swatch-picker__item:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-swatch-picker__item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-swatch-picker__item:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .color-swatch-picker__item:focus-visible,
  .color-swatch-picker__item[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-swatch-picker__item[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .color-swatch-picker__item[data-selected='true'] {
    border-color: var(--color-swatch-current);
    box-shadow: var(--field-shadow);
  }
  .color-swatch-picker__item[data-selected='true'] .color-swatch-picker__swatch {
    transform: scale(0.77);
  }
  .color-swatch-picker__swatch {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: transform 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    display: block;
  }
  .color-swatch-picker__swatch:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-swatch-picker__swatch:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-swatch-picker__swatch:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__swatch:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-swatch-picker__swatch:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-swatch-picker__swatch:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .color-swatch-picker__swatch:hover {
      transform: scale(1.1);
    }
  }
  .color-swatch-picker__indicator {
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }
  .color-swatch-picker__indicator > * {
    width: 33.3333%;
    height: 33.3333%;
    color: var(--color-white);
    transition: transform 0.15s var(--ease-out);
    transform: scale(0) translateZ(0);
  }
  .color-swatch-picker__indicator > :is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-swatch-picker__indicator > :is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-swatch-picker__indicator > :is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-swatch-picker__indicator > :not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-swatch-picker__indicator > :not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-swatch-picker__indicator > :not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .color-swatch-picker__indicator[data-light-color='true'] .color-swatch-picker__indicator > * {
    color: var(--color-black);
  }
  .color-swatch-picker__item[data-selected='true'] .color-swatch-picker__indicator > * {
    transform: scale(1) translateZ(0);
  }
  .color-swatch-picker--stack {
    flex-direction: column;
  }
  .color-swatch-picker--xs .color-swatch-picker__item {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .color-swatch-picker--sm .color-swatch-picker__item {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .color-swatch-picker--lg .color-swatch-picker__item {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) * 3);
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .color-swatch-picker--xl .color-swatch-picker__item {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .color-swatch-picker--square .color-swatch-picker__item {
    border-radius: calc(var(--radius) * 1.5);
  }
  .color-swatch-picker--square .color-swatch-picker__item .color-swatch-picker__swatch,
  .color-swatch-picker--square .color-swatch-picker__item[data-selected='true'] .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 1);
  }
  .color-swatch-picker--square.color-swatch-picker--xs .color-swatch-picker__item,
  .color-swatch-picker--square.color-swatch-picker--xs .color-swatch-picker__item .color-swatch-picker__swatch,
  .color-swatch-picker--square.color-swatch-picker--xs
    .color-swatch-picker__item[data-selected='true']
    .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 0.75);
  }
  .color-swatch-picker--square.color-swatch-picker--sm .color-swatch-picker__item,
  .color-swatch-picker--square.color-swatch-picker--sm .color-swatch-picker__item .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 1);
  }
  .color-swatch-picker--square.color-swatch-picker--sm
    .color-swatch-picker__item[data-selected='true']
    .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 0.75);
  }
  .color-swatch-picker--square.color-swatch-picker--lg .color-swatch-picker__item {
    border-radius: calc(var(--radius) * 1.5);
  }
  .color-swatch-picker--square.color-swatch-picker--lg .color-swatch-picker__item .color-swatch-picker__swatch,
  .color-swatch-picker--square.color-swatch-picker--lg
    .color-swatch-picker__item[data-selected='true']
    .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 1);
  }
  .color-swatch-picker--square.color-swatch-picker--xl .color-swatch-picker__item {
    border-radius: calc(var(--radius) * 1.5);
  }
  .color-swatch-picker--square.color-swatch-picker--xl .color-swatch-picker__item .color-swatch-picker__swatch,
  .color-swatch-picker--square.color-swatch-picker--xl
    .color-swatch-picker__item[data-selected='true']
    .color-swatch-picker__swatch {
    border-radius: calc(var(--radius) * 1);
  }
  .color-input-group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }
  .color-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .color-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .color-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .color-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .color-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .color-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .color-input-group:hover:not(:focus-within),
    .color-input-group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .color-input-group[data-focus-within='true'],
  .color-input-group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    outline-style: none;
  }
  .color-input-group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .color-input-group[data-invalid='true']:focus,
  .color-input-group[data-invalid='true']:focus-visible,
  .color-input-group[data-invalid='true'][data-focused='true'],
  .color-input-group[data-invalid='true'][data-focus-visible='true'],
  .color-input-group[data-invalid='true']:focus-within,
  .color-input-group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .color-input-group[data-invalid='true'] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }
  .color-input-group[data-disabled='true'],
  .color-input-group[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .color-input-group__input {
    cursor: text;
    border-style: var(--tw-border-style);
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
    align-items: center;
    display: flex;
  }
  @media (min-width: 40rem) {
    .color-input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .color-input-group__input::placeholder {
    color: var(--field-placeholder, var(--muted));
  }
  .color-input-group:has([data-slot='color-input-group-prefix']) .color-input-group__input {
    padding-left: calc(var(--spacing) * 2);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .color-input-group:has([data-slot='color-input-group-suffix']) .color-input-group__input {
    padding-right: calc(var(--spacing) * 2);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .color-input-group__input:focus,
  .color-input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .color-input-group__prefix {
    color: var(--field-placeholder, var(--muted));
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 3);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  .color-input-group__suffix {
    color: var(--field-placeholder, var(--muted));
    margin-right: calc(var(--spacing) * 3);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  .color-input-group--secondary {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--color-input-group-bg);
    --color-input-group-bg: var(--default);
    --color-input-group-bg-hover: var(--default-hover);
    --color-input-group-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .color-input-group--secondary:hover:not(:focus-within),
    .color-input-group--secondary[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--color-input-group-bg-hover);
    }
  }
  .color-input-group--secondary:focus-within,
  .color-input-group--secondary[data-focus-within='true'] {
    background-color: var(--color-input-group-bg-focus);
  }
  .color-input-group--secondary[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .color-input-group--secondary[data-invalid='true']:focus,
  .color-input-group--secondary[data-invalid='true']:focus-visible,
  .color-input-group--secondary[data-invalid='true'][data-focused='true'],
  .color-input-group--secondary[data-invalid='true'][data-focus-visible='true'],
  .color-input-group--secondary[data-invalid='true']:focus-within,
  .color-input-group--secondary[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .color-input-group--secondary[data-invalid='true'] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--color-input-group-bg-focus);
  }
  .color-input-group--secondary [data-slot='color-input-group-input'] {
    background-color: #0000;
  }
  .color-input-group--full-width {
    width: 100%;
  }
  .color-field {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.color-field[data-invalid='true'], .color-field[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .color-field [data-slot='label'] {
    width: fit-content;
  }
  .color-field--full-width {
    width: 100%;
  }
  .slider {
    gap: calc(var(--spacing) * 1);
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label output' 'track track';
    width: 100%;
    display: grid;
  }
  .slider [data-slot='label'] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }
  .slider .slider__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    grid-area: output;
  }
  .slider .slider__track {
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--default);
    grid-area: track;
    position: relative;
  }
  .slider .slider__fill {
    pointer-events: none;
    background-color: hsl(var(--accent));
    position: absolute;
  }
  .slider .slider__thumb {
    cursor: grab;
    border-radius: calc(var(--radius) * 1.5);
    background-color: hsl(var(--accent));
    -webkit-tap-highlight-color: transparent;
    transition:
      background-color 0.25s var(--ease-smooth),
      transform 0.25s var(--ease-out),
      box-shadow 0.15s var(--ease-out);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }
  .slider .slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .slider .slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .slider .slider__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .slider .slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .slider .slider__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .slider .slider__thumb:after {
    z-index: 10;
    border-radius: calc(var(--radius) * 1);
    background-color: hsl(var(--accent-foreground));
    color: var(--color-black);
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    content: '';
    transform-origin: 50%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: relative;
  }
  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb:after:not(:is()) {
      transition-property: none;
    }
  }
  .slider .slider__thumb[data-dragging='true'] {
    cursor: grabbing;
  }
  .slider .slider__thumb[data-dragging='true']:after {
    scale: 0.9;
  }
  @media (prefers-reduced-motion: reduce) {
    .slider .slider__thumb[data-dragging='true']:after:not(:is()) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .slider .slider__thumb[data-focus-visible='true'] {
    z-index: 10;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .slider .slider__thumb[data-disabled='true'] {
    cursor: default;
  }
  .slider:disabled,
  .slider[data-disabled='true'],
  .slider[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.slider:disabled, .slider[data-disabled='true'], .slider[aria-disabled='true']) [data-slot='label'] {
    opacity: 1;
  }
  .slider[data-orientation='horizontal'] {
    flex-direction: column;
  }
  .slider[data-orientation='horizontal'] .slider__track {
    height: calc(var(--spacing) * 5);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0.75rem;
    border-inline-color: #0000;
    width: 100%;
  }
  .slider[data-orientation='horizontal'] .slider__track[data-fill-start='true'] {
    border-inline-start-color: hsl(var(--accent));
  }
  .slider[data-orientation='horizontal'] .slider__track[data-fill-end='true'] {
    border-inline-end-color: hsl(var(--accent));
  }
  .slider[data-orientation='horizontal'] .slider__fill,
  .slider[data-orientation='horizontal'] .slider__thumb {
    height: 100%;
  }
  .slider[data-orientation='horizontal'] .slider__thumb {
    width: 1.75rem;
    top: 50%;
  }
  .slider[data-orientation='horizontal'] .slider__thumb:after {
    width: 1.5rem;
    height: 1rem;
  }
  .slider[data-orientation='vertical'] {
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    grid-template: 'output' 'track' 1fr 'label'/1fr;
    height: 100%;
  }
  .slider[data-orientation='vertical'] .slider__output,
  .slider[data-orientation='vertical'] [data-slot='label'] {
    text-align: center;
  }
  .slider[data-orientation='vertical'] .slider__track {
    height: 100%;
    width: calc(var(--spacing) * 5);
    border-block-style: var(--tw-border-style);
    border-block-width: 0.75rem;
    border-block-color: #0000;
    justify-self: center;
  }
  .slider[data-orientation='vertical'] .slider__track[data-fill-start='true'] {
    border-bottom-color: hsl(var(--accent));
  }
  .slider[data-orientation='vertical'] .slider__track[data-fill-end='true'] {
    border-top-color: hsl(var(--accent));
  }
  .slider[data-orientation='vertical'] .slider__fill,
  .slider[data-orientation='vertical'] .slider__thumb {
    width: 100%;
  }
  .slider[data-orientation='vertical'] .slider__thumb {
    height: 1.75rem;
    left: 50%;
  }
  .slider[data-orientation='vertical'] .slider__thumb:after {
    width: 1rem;
    height: 1.5rem;
  }
  .switch {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    --switch-control-bg: var(--default);
    --switch-control-bg-hover: var(--switch-control-bg);
    display: inline-flex;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .switch {
      --switch-control-bg-hover: color-mix(in oklab, var(--switch-control-bg), transparent 20%);
    }
  }
  .switch {
    --switch-control-bg-pressed: var(--switch-control-bg-hover);
    --switch-control-bg-checked: var(--accent);
    --switch-control-bg-checked-hover: var(--accent-hover);
  }
  .switch:disabled,
  .switch[data-disabled='true'],
  .switch[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.switch:disabled, .switch[data-disabled='true'], .switch[aria-disabled='true']) .switch__thumb {
    background-color: var(--default-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.switch:disabled, .switch[data-disabled='true'], .switch[aria-disabled='true']) .switch__thumb {
      background-color: color-mix(in oklab, var(--default-foreground) 20%, transparent);
    }
  }
  :is(
      .switch:disabled[aria-checked='true'],
      .switch:disabled[data-selected='true'],
      .switch[data-disabled='true'][aria-checked='true'],
      .switch[data-disabled='true'][data-selected='true'],
      .switch[aria-disabled='true'][aria-checked='true'],
      .switch[aria-disabled='true'][data-selected='true']
    )
    .switch__thumb {
    opacity: 0.4;
  }
  .switch__control {
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--switch-control-bg);
    width: 2.5rem;
    height: 1.25rem;
    transition:
      background-color 0.25s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .switch__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .switch__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .switch__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .switch__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .switch__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .switch__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .switch:focus-visible .switch__control,
  .switch[data-focus-visible='true'] .switch__control {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .switch:hover .switch__control,
  .switch[data-hovered='true'] .switch__control {
    background-color: var(--switch-control-bg-hover);
  }
  .switch:active .switch__control,
  .switch[data-pressed='true'] .switch__control {
    background-color: var(--switch-control-bg-pressed);
  }
  :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.switch:active .switch__control, .switch[data-pressed='true'] .switch__control):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transform: none;
    }
  }
  .switch[aria-checked='true'] .switch__control,
  .switch[data-selected='true'] .switch__control {
    background-color: var(--switch-control-bg-checked);
  }
  .switch[aria-checked='true']:hover .switch__control,
  .switch[data-selected='true']:hover .switch__control,
  .switch[aria-checked='true'][data-hovered='true'] .switch__control,
  .switch[data-selected='true'][data-hovered='true'] .switch__control,
  .switch[aria-checked='true']:active .switch__control,
  .switch[data-selected='true']:active .switch__control,
  .switch[aria-checked='true'][data-pressed='true'] .switch__control,
  .switch[data-selected='true'][data-pressed='true'] .switch__control {
    background-color: var(--switch-control-bg-checked-hover);
  }
  .switch--sm .switch__control {
    border-radius: calc(var(--radius) * 1);
    width: 2rem;
    height: 1rem;
  }
  .switch--lg .switch__control {
    width: 3rem;
    height: 1.5rem;
  }
  .switch__thumb {
    transform-origin: 50%;
    border-radius: calc(var(--radius) * 1);
    background-color: var(--color-white);
    color: var(--color-black);
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    width: 1.375rem;
    height: 1rem;
    transition:
      margin 0.3s var(--ease-out-fluid),
      background-color 0.2s var(--ease-out);
    margin-inline-start: calc(var(--spacing) * 0.5);
    display: flex;
  }
  .switch__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .switch__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .switch__thumb:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .switch__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .switch__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .switch__thumb:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .switch[aria-checked='true'] .switch__thumb,
  .switch[data-selected='true'] .switch__thumb {
    background-color: hsl(var(--accent-foreground));
    color: hsl(var(--accent));
    margin-inline-start: calc(100% - 1.5rem);
    box-shadow:
      0 0 5px #00000005,
      0 2px 10px #0000000f,
      0 0 1px #0000004d;
  }
  .switch--sm .switch__thumb {
    border-radius: calc(var(--radius) * 0.75);
    width: 1.03125rem;
    height: 0.75rem;
  }
  .switch[aria-checked='true'] :is(.switch--sm .switch__thumb),
  .switch[data-selected='true'] :is(.switch--sm .switch__thumb) {
    margin-inline-start: calc(100% - 1.15625rem);
  }
  .switch--lg .switch__thumb {
    border-radius: calc(var(--radius) * 1.5);
    width: 1.71875rem;
    height: 1.25rem;
  }
  .switch[aria-checked='true'] :is(.switch--lg .switch__thumb),
  .switch[data-selected='true'] :is(.switch--lg .switch__thumb) {
    margin-inline-start: calc(100% - 1.84375rem);
  }
  .switch__thumb > * {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .switch__label {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .switch__content {
    gap: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .switch-group {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    display: flex;
  }
  .switch-group__items {
    gap: calc(var(--spacing) * 4);
    display: flex;
  }
  .switch-group--horizontal .switch-group__items {
    flex-direction: row;
  }
  .switch-group--vertical .switch-group__items {
    flex-direction: column;
  }
  .badge {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    min-height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    border-radius: calc(var(--radius) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1.34;
    --badge-bg: var(--default);
    --badge-fg: var(--default-foreground);
    --badge-border: var(--background);
    background-color: var(--badge-bg);
    color: var(--badge-fg);
    border: 1px solid var(--badge-border);
    flex-shrink: 0;
    line-height: 1.34;
    display: inline-flex;
  }
  .badge__label {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .badge-anchor {
    flex-shrink: 0;
    display: inline-flex;
    position: relative;
  }
  .badge--lg {
    min-height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    line-height: 1.43;
  }
  .badge--sm {
    min-height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1.5);
    --tw-leading: 1.34;
    font-size: 10px;
    line-height: 1.34;
  }
  .badge--accent {
    --badge-fg: var(--accent-soft-foreground);
  }
  .badge--default {
    --badge-fg: var(--default-foreground);
  }
  .badge--success {
    --badge-fg: var(--success);
  }
  .badge--warning {
    --badge-fg: var(--warning);
  }
  .badge--danger {
    --badge-fg: var(--danger);
  }
  .badge--top-right {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    position: absolute;
    transform: translate(25%, -25%);
  }
  .badge--top-left {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    position: absolute;
    transform: translate(-25%, -25%);
  }
  .badge--bottom-right {
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    position: absolute;
    transform: translate(25%, 25%);
  }
  .badge--bottom-left {
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    position: absolute;
    transform: translate(-25%, 25%);
  }
  .badge--primary.badge--accent {
    --badge-bg: var(--accent);
    --badge-fg: var(--accent-foreground);
  }
  .badge--primary.badge--default {
    --badge-bg: var(--default);
    --badge-fg: var(--default-foreground);
  }
  .badge--primary.badge--success {
    --badge-bg: var(--success);
    --badge-fg: var(--success-foreground);
  }
  .badge--primary.badge--warning {
    --badge-bg: var(--warning);
    --badge-fg: var(--warning-foreground);
  }
  .badge--primary.badge--danger {
    --badge-bg: var(--danger);
    --badge-fg: var(--danger-foreground);
  }
  .badge--soft.badge--accent {
    --badge-bg: var(--accent-soft);
    --badge-fg: var(--accent-soft-foreground);
  }
  .badge--soft.badge--default {
    --badge-bg: var(--default);
    --badge-fg: var(--default-foreground);
  }
  .badge--soft.badge--success {
    --badge-bg: var(--success-soft);
    --badge-fg: var(--success-soft-foreground);
  }
  .badge--soft.badge--warning {
    --badge-bg: var(--warning-soft);
    --badge-fg: var(--warning-soft-foreground);
  }
  .badge--soft.badge--danger {
    --badge-bg: var(--danger-soft);
    --badge-fg: var(--danger-soft-foreground);
  }
  .chip {
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    border-radius: calc(var(--radius) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --chip-bg: var(--default);
    --chip-fg: currentColor;
    background-color: var(--chip-bg);
    color: var(--chip-fg);
    flex-shrink: 0;
    display: inline-flex;
  }
  .chip__label {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .chip--accent {
    --chip-fg: var(--accent-soft-foreground);
  }
  .chip--danger {
    --chip-fg: var(--danger);
  }
  .chip--default {
    --chip-fg: var(--default-foreground);
  }
  .chip--success {
    --chip-fg: var(--success);
  }
  .chip--warning {
    --chip-fg: var(--warning);
  }
  .chip--tertiary {
    --chip-bg: transparent;
  }
  .chip--sm {
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .chip--md {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .chip--lg {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .chip--primary.chip--accent {
    --chip-bg: var(--accent);
    --chip-fg: var(--accent-foreground);
  }
  .chip--primary.chip--success {
    --chip-bg: var(--success);
    --chip-fg: var(--success-foreground);
  }
  .chip--primary.chip--warning {
    --chip-bg: var(--warning);
    --chip-fg: var(--warning-foreground);
  }
  .chip--primary.chip--danger {
    --chip-bg: var(--danger);
    --chip-fg: var(--danger-foreground);
  }
  .chip--accent.chip--soft {
    --chip-bg: var(--accent-soft);
    --chip-fg: var(--accent-soft-foreground);
  }
  .chip--success.chip--soft {
    --chip-bg: var(--success-soft);
    --chip-fg: var(--success-soft-foreground);
  }
  .chip--warning.chip--soft {
    --chip-bg: var(--warning-soft);
    --chip-fg: var(--warning-soft-foreground);
  }
  .chip--danger.chip--soft {
    --chip-bg: var(--danger-soft);
    --chip-fg: var(--danger-soft-foreground);
  }
  .table-root {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    display: grid;
    position: relative;
    overflow: clip;
  }
  .table__scroll-container {
    scrollbar-width: thin;
    scrollbar-color: oklch(0% 0 0/0.15) transparent;
    overflow-x: auto;
  }
  .table__scroll-container::-webkit-scrollbar {
    width: 6px;
  }
  .table__scroll-container::-webkit-scrollbar-track {
    background: 0 0;
  }
  .table__scroll-container::-webkit-scrollbar-thumb {
    background: #00000026;
    border-radius: 3px;
  }
  .table__scroll-container::-webkit-scrollbar-thumb:hover {
    background: #00000040;
  }
  :is([data-theme='dark'], .dark) .table__scroll-container {
    scrollbar-color: oklch(100% 0 0/0.15) transparent;
  }
  :is([data-theme='dark'], .dark) .table__scroll-container::-webkit-scrollbar-thumb {
    background: #ffffff26;
  }
  :is([data-theme='dark'], .dark) .table__scroll-container::-webkit-scrollbar-thumb:hover {
    background: #ffffff40;
  }
  .table-root--primary {
    background-color: var(--surface-secondary);
    padding-inline: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }
  .table-root--secondary .table__header {
    border-bottom-style: var(--tw-border-style);
    background-color: #0000;
    border-bottom-width: 0;
  }
  .table-root--secondary .table__column {
    background-color: var(--surface-secondary);
  }
  .table-root--secondary .table__column:first-child {
    border-top-left-radius: min(32px, var(--radius-2xl));
    border-bottom-left-radius: min(32px, var(--radius-2xl));
  }
  .table-root--secondary .table__column:last-child {
    border-top-right-radius: min(32px, var(--radius-2xl));
    border-bottom-right-radius: min(32px, var(--radius-2xl));
  }
  .table-root--secondary .table__body {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .table-root--secondary .table__body tr:first-child td:first-child,
  .table-root--secondary .table__body tr:first-child td:last-child,
  .table-root--secondary .table__body tr:last-child td:first-child,
  .table-root--secondary .table__body tr:last-child td:last-child {
    border-radius: 0;
  }
  .table-root--secondary .table__body:not(tbody) {
    border-radius: 0;
    overflow: visible;
  }
  .table-root--secondary .table__row .table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .table-root--secondary .table__row .table__cell {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }
  .table-root--secondary .table__row .table__cell {
    background-color: #0000;
  }
  @media (hover: hover) {
    .table-root--secondary .table__row:hover .table__cell,
    .table-root--secondary .table__row[data-hovered='true'] .table__cell {
      background-color: var(--default);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .table-root--secondary .table__row:hover .table__cell,
      .table-root--secondary .table__row[data-hovered='true'] .table__cell {
        background-color: color-mix(in oklab, var(--default) 50%, transparent);
      }
    }
  }
  .table__content {
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    width: 100%;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .table-root--primary .table__content {
    overflow: clip;
  }
  .table__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .table__header {
      border-color: color-mix(in oklab, var(--separator) 50%, transparent);
    }
  }
  .table__header {
    background-color: var(--surface-secondary);
  }
  .table__column {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
    position: relative;
  }
  .table__column:after {
    content: '';
    pointer-events: none;
    top: 50%;
    right: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: -50%;
    width: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--separator);
    position: absolute;
  }
  .table__column:last-child:not(:only-child):after {
    content: none;
  }
  .table__column[data-allows-sorting='true'] {
    cursor: var(--cursor-interactive);
  }
  @media (hover: hover) {
    .table__column[data-allows-sorting='true']:hover,
    .table__column[data-allows-sorting='true'][data-hovered='true'] {
      color: hsl(var(--foreground));
    }
  }
  .table__column:focus-visible,
  .table__column[data-focus-visible='true'] {
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--focus);
    outline-style: none;
  }
  .table__body tr:first-child td:first-child {
    border-top-left-radius: min(32px, var(--radius-2xl));
  }
  .table__body tr:first-child td:last-child {
    border-top-right-radius: min(32px, var(--radius-2xl));
  }
  .table__body tr:last-child td:first-child {
    border-bottom-left-radius: min(32px, var(--radius-2xl));
  }
  .table__body tr:last-child td:last-child {
    border-bottom-right-radius: min(32px, var(--radius-2xl));
  }
  .table__body:not(tbody) {
    border-radius: min(32px, var(--radius-2xl));
    height: 100%;
    position: relative;
    overflow: clip;
  }
  .table__row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator);
    height: 100%;
    position: relative;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .table__row {
      border-color: color-mix(in oklab, var(--separator) 50%, transparent);
    }
  }
  .table__row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  @media (hover: hover) {
    .table__row:hover .table__cell,
    .table__row[data-hovered='true'] .table__cell {
      background-color: var(--surface);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .table__row:hover .table__cell,
      .table__row[data-hovered='true'] .table__cell {
        background-color: color-mix(in oklab, var(--surface) 40%, transparent);
      }
    }
  }
  .table__row[data-selected='true'] .table__cell {
    background-color: var(--surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .table__row[data-selected='true'] .table__cell {
      background-color: color-mix(in oklab, var(--surface) 10%, transparent);
    }
  }
  .table__row[aria-disabled='true'],
  .table__row[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .table__row:focus-visible,
  .table__row[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .table__row[data-dragging='true'] {
    opacity: 0.5;
  }
  .table__row[data-drop-target='true'] .table__cell {
    background-color: var(--accent-soft);
  }
  .table__cell {
    background-color: var(--surface);
    height: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--foreground));
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--separator-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .table__cell {
      border-color: color-mix(in oklab, var(--separator-tertiary) 50%, transparent);
    }
  }
  .table__cell:focus-visible,
  .table__cell[data-focus-visible='true'] {
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    box-shadow: inset 0 0 0 2px var(--focus);
    outline-style: none;
  }
  .table__row:is(:focus-visible, [data-focus-visible='true']) :is(.table__cell, .table__column) {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .table__row:is(:focus-visible, [data-focus-visible='true']) > :is(.table__cell, .table__column):only-child,
  .table__row:is(:focus-visible, [data-focus-visible='true']) > :only-child :is(.table__cell, .table__column) {
    border-radius: calc(var(--radius) * 1);
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--focus));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :is(.table__cell, .table__column):first-child:not(:only-child),
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :first-child:not(:only-child)
    :is(.table__cell, .table__column) {
    border-top-left-radius: calc(var(--radius) * 1);
    border-bottom-left-radius: calc(var(--radius) * 1);
    --tw-shadow:
      inset 2px 0 0 0 var(--tw-shadow-color, var(--focus)), inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)),
      inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :is(.table__cell, .table__column):last-child:not(:only-child),
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :last-child:not(:only-child)
    :is(.table__cell, .table__column) {
    border-top-right-radius: calc(var(--radius) * 1);
    border-bottom-right-radius: calc(var(--radius) * 1);
    --tw-shadow:
      inset -2px 0 0 0 var(--tw-shadow-color, var(--focus)), inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)),
      inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :is(.table__cell, .table__column):not(:first-child):not(:last-child):not(:only-child),
  .table__row:is(:focus-visible, [data-focus-visible='true'])
    > :not(:first-child):not(:last-child):not(:only-child)
    :is(.table__cell, .table__column) {
    --tw-shadow:
      inset 0 2px 0 0 var(--tw-shadow-color, var(--focus)), inset 0 -2px 0 0 var(--tw-shadow-color, var(--focus));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  .table__cell[data-tree-column] {
    padding-inline-start: calc(1rem * var(--table-row-level, 1));
  }
  .table__footer {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    align-items: center;
    display: flex;
  }
  .table__resizable-container {
    position: relative;
    overflow: auto;
  }
  .table__column-resizer {
    top: 50%;
    right: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 4);
    --tw-translate-y: -50%;
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--separator);
    box-sizing: content-box;
    --tw-translate-x: 50%;
    width: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: col-resize;
    touch-action: none;
    padding-inline: calc(var(--spacing) * 2);
    --tw-border-style: none;
    --tw-outline-style: none;
    background-clip: content-box;
    border-style: none;
    outline-style: none;
    position: absolute;
  }
  .table__column-resizer[data-hovered='true'],
  .table__column-resizer:hover,
  .table__column-resizer[data-resizing='true'] {
    height: 100%;
    width: calc(var(--spacing) * 0.5);
    background-color: hsl(var(--accent));
  }
  .table__column-resizer[data-focus-visible='true'],
  .table__column-resizer:focus-visible {
    height: 100%;
    width: calc(var(--spacing) * 0.5);
    background-color: var(--focus);
  }
  .table__column:has(.table__column-resizer):after {
    content: none;
  }
  .table__load-more td,
  .table__load-more [role='rowheader'] {
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
  }
  :is(.table__load-more td, .table__load-more [role='rowheader']) > * {
    margin-inline: auto;
  }
  .table__load-more-content {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    display: flex;
  }
  .alert {
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    background-color: var(--surface);
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--surface-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-radius: min(32px, var(--radius-3xl));
    flex-direction: row;
    display: flex;
  }
  .alert__content {
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }
  .alert__indicator {
    padding: calc(var(--spacing) * 1);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .alert__indicator [data-slot='alert-default-icon'] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .alert__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .alert__description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--muted));
  }
  .alert--default .alert__indicator,
  .alert--default .alert__title {
    color: hsl(var(--foreground));
  }
  .alert--accent .alert__indicator,
  .alert--accent .alert__title {
    color: hsl(var(--accent));
  }
  .alert--success .alert__indicator,
  .alert--success .alert__title {
    color: var(--success);
  }
  .alert--warning .alert__indicator,
  .alert--warning .alert__title {
    color: var(--warning);
  }
  .alert--danger .alert__indicator,
  .alert--danger .alert__title {
    color: var(--danger);
  }
  .empty-state {
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--muted));
  }
  .skeleton {
    pointer-events: none;
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--surface-tertiary);
    position: relative;
    overflow: hidden;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .skeleton {
      background-color: color-mix(in oklab, var(--surface-tertiary) 70%, transparent);
    }
  }
  .skeleton--shimmer:after {
    inset: calc(var(--spacing) * 0);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-gradient-position: to right;
    animation: 2s linear infinite skeleton;
    position: absolute;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .skeleton--shimmer:after {
      --tw-gradient-position: to right in oklab;
    }
  }
  .skeleton--shimmer:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: var(--surface-tertiary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-to: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }
  .skeleton--shimmer:has(.skeleton):after {
    content: none;
  }
  .skeleton--shimmer:has(.skeleton):before {
    inset: calc(var(--spacing) * 0);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-content: '';
    content: var(--tw-content);
    z-index: 10;
    pointer-events: none;
    mix-blend-mode: overlay;
    background: linear-gradient(90deg, #0000, #ffffff80, #0000);
    animation: 2s linear infinite skeleton;
    position: absolute;
  }
  .skeleton--shimmer:has(.skeleton) .skeleton:after {
    content: none;
  }
  .skeleton--pulse {
    animation: var(--animate-pulse);
  }
  .meter {
    gap: calc(var(--spacing) * 1);
    --meter-fill: var(--accent);
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label output' 'track track';
    width: 100%;
    display: grid;
  }
  .meter [data-slot='label'] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }
  .meter .meter__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    grid-area: output;
  }
  .meter .meter__track {
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--default);
    height: calc(var(--spacing) * 2);
    grid-area: track;
    position: relative;
    overflow: hidden;
  }
  .meter .meter__fill {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--meter-fill);
    height: 100%;
    transition: width 0.3s var(--ease-out);
    position: absolute;
  }
  .meter .meter__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .meter .meter__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .meter .meter__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .meter .meter__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .meter .meter__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .meter .meter__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .meter:disabled,
  .meter[data-disabled='true'],
  .meter[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.meter:disabled, .meter[data-disabled='true'], .meter[aria-disabled='true']) [data-slot='label'] {
    opacity: 1;
  }
  .meter--sm .meter__track {
    height: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) * 0.25);
  }
  .meter--sm .meter__fill {
    border-radius: calc(var(--radius) * 0.25);
  }
  .meter--lg .meter__track {
    height: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 0.75);
  }
  .meter--lg .meter__fill {
    border-radius: calc(var(--radius) * 0.75);
  }
  .meter--default {
    --meter-fill: var(--default-foreground);
  }
  .meter--accent {
    --meter-fill: var(--accent);
  }
  .meter--success {
    --meter-fill: var(--success);
  }
  .meter--warning {
    --meter-fill: var(--warning);
  }
  .meter--danger {
    --meter-fill: var(--danger);
  }
  .progress-bar {
    gap: calc(var(--spacing) * 1);
    --progress-bar-fill: var(--accent);
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label output' 'track track';
    width: 100%;
    display: grid;
  }
  .progress-bar [data-slot='label'] {
    width: fit-content;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    grid-area: label;
  }
  .progress-bar .progress-bar__output {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    grid-area: output;
  }
  .progress-bar .progress-bar__track {
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--default);
    height: calc(var(--spacing) * 2);
    grid-area: track;
    position: relative;
    overflow: hidden;
  }
  .progress-bar .progress-bar__fill {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--progress-bar-fill);
    height: 100%;
    transition: width 0.3s var(--ease-out);
    position: absolute;
  }
  .progress-bar .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .progress-bar .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .progress-bar .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .progress-bar .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .progress-bar .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .progress-bar:not([aria-valuenow]) .progress-bar__fill {
    width: 40%;
    animation: 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite progress-bar-indeterminate;
  }
  .progress-bar:not([aria-valuenow]) .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .progress-bar:not([aria-valuenow])
    .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .progress-bar:not([aria-valuenow])
    .progress-bar__fill:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar:not([aria-valuenow])
      .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .progress-bar:not([aria-valuenow])
      .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .progress-bar:not([aria-valuenow])
      .progress-bar__fill:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      animation: none;
    }
  }
  .progress-bar:disabled,
  .progress-bar[data-disabled='true'],
  .progress-bar[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.progress-bar:disabled, .progress-bar[data-disabled='true'], .progress-bar[aria-disabled='true'])
    [data-slot='label'] {
    opacity: 1;
  }
  @keyframes progress-bar-indeterminate {
    0% {
      transform: translate(-100%);
    }
    to {
      transform: translate(350%);
    }
  }
  .progress-bar--sm .progress-bar__track {
    height: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) * 0.25);
  }
  .progress-bar--sm .progress-bar__fill {
    border-radius: calc(var(--radius) * 0.25);
  }
  .progress-bar--lg .progress-bar__track {
    height: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * 0.75);
  }
  .progress-bar--lg .progress-bar__fill {
    border-radius: calc(var(--radius) * 0.75);
  }
  .progress-bar--default {
    --progress-bar-fill: var(--default-foreground);
  }
  .progress-bar--accent {
    --progress-bar-fill: var(--accent);
  }
  .progress-bar--success {
    --progress-bar-fill: var(--success);
  }
  .progress-bar--warning {
    --progress-bar-fill: var(--warning);
  }
  .progress-bar--danger {
    --progress-bar-fill: var(--danger);
  }
  .progress-circle {
    --progress-circle-stroke: var(--accent);
    --progress-circle-track-stroke: var(--default);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .progress-circle .progress-circle__track {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .progress-circle .progress-circle__track-circle {
    stroke: var(--progress-circle-track-stroke);
  }
  .progress-circle .progress-circle__fill-circle {
    stroke: var(--progress-circle-stroke);
    transition: stroke-dashoffset 0.3s var(--ease-out);
  }
  .progress-circle .progress-circle__fill-circle:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .progress-circle .progress-circle__fill-circle:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .progress-circle .progress-circle__fill-circle:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-circle .progress-circle__fill-circle:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .progress-circle
      .progress-circle__fill-circle:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .progress-circle
      .progress-circle__fill-circle:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .progress-circle:not([aria-valuenow]) .progress-circle__track {
    animation: 1s linear infinite progress-circle-spin;
  }
  .progress-circle:not([aria-valuenow])
    .progress-circle__track:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .progress-circle:not([aria-valuenow])
    .progress-circle__track:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .progress-circle:not([aria-valuenow])
    .progress-circle__track:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-circle:not([aria-valuenow])
      .progress-circle__track:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .progress-circle:not([aria-valuenow])
      .progress-circle__track:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .progress-circle:not([aria-valuenow])
      .progress-circle__track:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      animation: none;
    }
  }
  .progress-circle:disabled,
  .progress-circle[data-disabled='true'],
  .progress-circle[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  @keyframes progress-circle-spin {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .progress-circle--sm .progress-circle__track {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .progress-circle--lg .progress-circle__track {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .progress-circle--default {
    --progress-circle-stroke: var(--default-foreground);
  }
  .progress-circle--accent {
    --progress-circle-stroke: var(--accent);
  }
  .progress-circle--success {
    --progress-circle-stroke: var(--success);
  }
  .progress-circle--warning {
    --progress-circle-stroke: var(--warning);
  }
  .progress-circle--danger {
    --progress-circle-stroke: var(--danger);
  }
  .spinner {
    pointer-events: none;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    transform-origin: 50%;
    animation: 0.75s linear infinite spin;
    position: relative;
  }
  .spinner--sm {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .spinner--lg {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .spinner--xl {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .spinner--current {
    color: inherit;
  }
  .spinner--accent {
    color: var(--accent);
  }
  .spinner--danger {
    color: var(--danger);
  }
  .spinner--success {
    color: var(--success);
  }
  .spinner--warning {
    color: var(--warning);
  }
  .toast-region {
    pointer-events: none;
    z-index: 50;
    --tw-outline-style: none;
    outline-style: none;
    width: calc(100vw - 2rem);
    position: fixed;
  }
  @media (min-width: 40rem) {
    .toast-region {
      width: auto;
      min-width: var(--toast-width);
    }
  }
  .toast-region {
    display: block;
  }
  .toast-region--bottom {
    bottom: calc(var(--spacing) * 4);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }
  .toast-region--bottom-start {
    bottom: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
  }
  .toast-region--bottom-end {
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
  }
  .toast-region--top {
    top: calc(var(--spacing) * 4);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 50%;
  }
  .toast-region--top-start {
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
  }
  .toast-region--top-end {
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
  }
  .toast-region:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--focus);
  }
  .toast {
    pointer-events: auto;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1.5);
    background-color: var(--surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--overlay-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-radius: min(32px, var(--radius-3xl));
    flex-direction: row;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
  }
  .toast--bottom,
  .toast--bottom-start,
  .toast--bottom-end {
    bottom: 0;
  }
  .toast--top,
  .toast--top-start,
  .toast--top-end {
    top: 0;
  }
  .toast:not([data-frontmost='true']) {
    pointer-events: none;
    height: var(--front-height);
    overflow: hidden;
  }
  .toast:not([data-frontmost='true']) .toast__close-button {
    pointer-events: none;
    opacity: 0;
    outline: none;
  }
  .toast[data-hidden='true'] {
    pointer-events: none;
    opacity: 0;
    display: flex;
  }
  .toast:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--focus);
  }
  .toast--bottom,
  .toast--bottom-start,
  .toast--bottom-end {
    view-transition-class: toast-bottom;
  }
  .toast--top,
  .toast--top-start,
  .toast--top-end {
    view-transition-class: toast-top;
  }
  .toast__content {
    flex-direction: column;
    flex-grow: 1;
    align-self: center;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }
  .toast__indicator {
    padding: calc(var(--spacing) * 1);
    color: var(--overlay-foreground);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .toast__indicator [data-slot='toast-default-icon'] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .toast__indicator [data-slot='spinner'],
  .toast__indicator [data-slot='spinner-icon'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .toast__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--overlay-foreground);
  }
  .toast__description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--muted));
  }
  .toast__close-button {
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    border-color: hsl(var(--border));
    background-color: var(--default);
    opacity: 1;
    position: absolute;
  }
  @media (min-width: 40rem) {
    .toast__close-button {
      pointer-events: none;
      top: calc(var(--spacing) * -1);
      right: calc(var(--spacing) * -1);
      border-style: var(--tw-border-style);
      background-color: var(--overlay);
      opacity: 0;
      border-width: 1px;
    }
  }
  .toast__close-button {
    transition: opacity 0.15s var(--ease-smooth);
  }
  .toast__close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .toast__close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .toast__close-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .toast__close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .toast__close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .toast__close-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .toast__close-button [data-slot='close-button-icon'] {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  @media (min-width: 40rem) {
    .toast__close-button [data-slot='close-button-icon'] {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  @media (hover: hover) {
    .toast__close-button:hover,
    .toast__close-button[data-hovered='true'] {
      background-color: var(--default);
    }
  }
  .toast[data-frontmost='true']:hover .toast__close-button {
    pointer-events: auto;
    opacity: 1;
  }
  .toast__action {
    margin-top: calc(var(--spacing) * 2);
  }
  @media (min-width: 40rem) {
    .toast__action {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .toast--accent .toast__title {
    color: hsl(var(--accent));
  }
  .toast--success .toast__title,
  .toast--success .toast__indicator {
    color: var(--success);
  }
  .toast--warning .toast__title,
  .toast--warning .toast__indicator {
    color: var(--warning);
  }
  .toast--danger .toast__title,
  .toast--danger .toast__indicator {
    color: var(--danger);
  }
  ::view-transition-old(*) {
    will-change: translate, opacity;
  }
  ::view-transition-new(*) {
    will-change: translate, opacity;
  }
  ::view-transition-new(.toast-bottom):only-child {
    animation: 0.35s toast-slide-bottom-in;
  }
  ::view-transition-old(.toast-bottom):only-child {
    animation: 0.35s forwards toast-slide-bottom-out;
  }
  ::view-transition-new(.toast-top):only-child {
    animation: 0.35s toast-slide-top-in;
  }
  ::view-transition-old(.toast-top):only-child {
    animation: 0.35s forwards toast-slide-top-out;
  }
  @keyframes toast-slide-bottom-in {
    0% {
      opacity: 0;
      translate: 0 100%;
    }
  }
  @keyframes toast-slide-bottom-out {
    to {
      opacity: 0;
      translate: 0 100%;
    }
  }
  @keyframes toast-slide-top-in {
    0% {
      opacity: 0;
      translate: 0 -100%;
    }
  }
  @keyframes toast-slide-top-out {
    to {
      opacity: 0;
      translate: 0 -100%;
    }
  }
  .checkbox-group {
    flex-direction: column;
    display: flex;
  }
  .checkbox-group [data-slot='checkbox'] {
    margin-top: calc(var(--spacing) * 4);
  }
  .checkbox {
    gap: calc(var(--spacing) * 3);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: flex;
  }
  .checkbox:not(:has([data-slot='description'])) {
    align-items: center;
  }
  .checkbox:has([data-slot='description']) {
    align-items: flex-start;
  }
  .checkbox [data-slot='label'] {
    -webkit-user-select: none;
    user-select: none;
  }
  .checkbox [data-slot='description'] {
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  .checkbox:disabled,
  .checkbox[data-disabled='true'],
  .checkbox[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.checkbox[data-selected='true'], .checkbox[data-indeterminate='true']) .checkbox__indicator {
    border-color: var(--accent-foreground);
  }
  .checkbox [data-slot='checkbox-default-indicator--checkmark'] {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    stroke-width: 2.5px;
    color: hsl(var(--accent-foreground));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .checkbox
    [data-slot='checkbox-default-indicator--checkmark']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .checkbox
    [data-slot='checkbox-default-indicator--checkmark']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .checkbox
    [data-slot='checkbox-default-indicator--checkmark']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .checkbox
      [data-slot='checkbox-default-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .checkbox
      [data-slot='checkbox-default-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .checkbox
      [data-slot='checkbox-default-indicator--checkmark']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .checkbox[data-selected='true'] [data-slot='checkbox-default-indicator--checkmark'] {
    transition: stroke-dashoffset 0.15s linear 15ms;
  }
  .checkbox[data-invalid='true'][data-selected='true'] [data-slot='checkbox-default-indicator--checkmark'],
  .checkbox[data-invalid='true'][aria-checked='true'] [data-slot='checkbox-default-indicator--checkmark'],
  .checkbox[aria-invalid='true'][data-selected='true'] [data-slot='checkbox-default-indicator--checkmark'],
  .checkbox[aria-invalid='true'][aria-checked='true'] [data-slot='checkbox-default-indicator--checkmark'] {
    color: var(--danger-foreground);
  }
  .checkbox[data-indeterminate='true'] [data-slot='checkbox-default-indicator--indeterminate'] {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .checkbox[data-indeterminate='true'][data-invalid='true'] [data-slot='checkbox-default-indicator--indeterminate'],
  .checkbox[data-indeterminate='true'][aria-invalid='true'] [data-slot='checkbox-default-indicator--indeterminate'] {
    color: var(--danger-foreground);
  }
  .checkbox__control {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 0.75);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border, var(--border));
    background-color: var(--field-background, var(--default));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      background-color 0.2s var(--ease-out),
      border-color 0.2s var(--ease-out),
      transform 0.1s var(--ease-out);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }
  .checkbox__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .checkbox__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .checkbox__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .checkbox__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .checkbox__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .checkbox__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .checkbox__control {
    cursor: var(--cursor-interactive);
  }
  .checkbox:has([data-slot='description']) .checkbox__control {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .checkbox__control:before {
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    transform-origin: 50%;
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: calc(var(--radius) * 0.75);
    background-color: hsl(var(--accent));
    opacity: 0;
    --tw-content: '';
    content: var(--tw-content);
    transition:
      scale 0.1s var(--ease-linear),
      opacity 0.2s var(--ease-linear),
      background-color 0.2s var(--ease-out);
    position: absolute;
  }
  @media (prefers-reduced-motion: reduce) {
    .checkbox__control:before:not(:is()) {
      transition-property: none;
    }
  }
  .checkbox:focus-visible .checkbox__control,
  .checkbox[data-focus-visible='true'] .checkbox__control {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .checkbox:hover .checkbox__control,
  .checkbox[data-hovered='true'] .checkbox__control {
    border-color: var(--field-border-hover);
  }
  :is(.checkbox:hover .checkbox__control, .checkbox[data-hovered='true'] .checkbox__control):before {
    background-color: var(--accent-hover);
  }
  .checkbox[aria-checked='true'] .checkbox__control,
  .checkbox[data-selected='true'] .checkbox__control {
    color: hsl(var(--accent-foreground));
    border-color: #0000;
  }
  :is(.checkbox[aria-checked='true'] .checkbox__control, .checkbox[data-selected='true'] .checkbox__control):before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 1;
  }
  .checkbox[data-indeterminate='true'] .checkbox__control {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }
  .checkbox:active[data-indeterminate='true'] .checkbox__control,
  .checkbox[data-pressed='true'][data-indeterminate='true'] .checkbox__control {
    background-color: var(--accent-hover);
  }
  .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not([data-indeterminate='true'])
    .checkbox__control,
  .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not([data-indeterminate='true'])
    .checkbox__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  ):focus,
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  ):focus-visible,
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  )[data-focused='true'],
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  )[data-focus-visible='true'],
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  ):focus-within,
  :is(
    .checkbox[data-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control,
    .checkbox[aria-invalid='true']:not([aria-checked='true']):not([data-selected='true']):not(
        [data-indeterminate='true']
      )
      .checkbox__control
  )[data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .checkbox[data-invalid='true'][aria-checked='true'] .checkbox__control,
  .checkbox[data-invalid='true'][data-selected='true'] .checkbox__control,
  .checkbox[aria-invalid='true'][aria-checked='true'] .checkbox__control,
  .checkbox[aria-invalid='true'][data-selected='true'] .checkbox__control {
    background-color: var(--danger);
    color: var(--danger-foreground);
    border-color: #0000;
  }
  :is(
    .checkbox[data-invalid='true'][aria-checked='true'] .checkbox__control,
    .checkbox[data-invalid='true'][data-selected='true'] .checkbox__control,
    .checkbox[aria-invalid='true'][aria-checked='true'] .checkbox__control,
    .checkbox[aria-invalid='true'][data-selected='true'] .checkbox__control
  ):before {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--danger);
    opacity: 1;
  }
  .checkbox[data-indeterminate='true'][aria-invalid='true'] .checkbox__control,
  .checkbox[data-indeterminate='true'][data-invalid='true'] .checkbox__control {
    background-color: var(--danger);
    color: var(--danger-foreground);
  }
  .checkbox__indicator {
    z-index: 10;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .checkbox__indicator svg {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .checkbox__content {
    gap: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .checkbox--disabled {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .checkbox--secondary .checkbox__control {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--checkbox-control-bg);
    --checkbox-control-bg: var(--default);
  }
  .checkbox:hover :is(.checkbox--secondary .checkbox__control),
  .checkbox[data-hovered='true'] :is(.checkbox--secondary .checkbox__control) {
    border-color: var(--field-border-hover);
  }
  .checkbox--secondary:not([aria-checked='true']):not([data-selected='true']):not([data-indeterminate='true'])
    .checkbox__control {
    background-color: var(--checkbox-control-bg);
  }
  :is(
    .checkbox--secondary[aria-checked='true'] .checkbox__control,
    .checkbox--secondary[data-selected='true'] .checkbox__control
  ):before,
  .checkbox--secondary[data-indeterminate='true'] .checkbox__control,
  .checkbox--secondary[data-indeterminate='true'] .checkbox__control:before {
    background-color: hsl(var(--accent));
  }
  .fieldset {
    gap: calc(var(--spacing) * 6);
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(var(--spacing) * 0);
    display: flex;
  }
  .fieldset__legend {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .fieldset__field_group {
    width: 100%;
  }
  :where(.fieldset__field_group > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .fieldset__actions {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1);
    display: flex;
  }
  .input-otp {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
    position: relative;
  }
  .input-otp[data-disabled='true'] {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .input-otp__group {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }
  .input-otp__slot {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 9.5);
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .input-otp__slot:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input-otp__slot:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input-otp__slot:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input-otp__slot:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input-otp__slot:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input-otp__slot:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .input-otp__slot:hover,
    .input-otp__slot[data-hovered='true'] {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .input-otp__slot[data-active='true'] {
    z-index: 10;
    background-color: var(--field-focus);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    outline-style: none;
  }
  .input-otp__slot[data-filled='true'] {
    background-color: var(--field-focus);
  }
  .input-otp__slot[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .input-otp__slot[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .input-otp__slot[data-invalid='true']:focus,
  .input-otp__slot[data-invalid='true']:focus-visible,
  .input-otp__slot[data-invalid='true'][data-focused='true'],
  .input-otp__slot[data-invalid='true'][data-focus-visible='true'],
  .input-otp__slot[data-invalid='true']:focus-within,
  .input-otp__slot[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .input-otp__slot[data-invalid='true'] {
    background-color: var(--field-focus);
  }
  .input-otp__slot-value {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-tracking: -0.27px;
    letter-spacing: -0.27px;
    animation: slot-value-in 0.25s var(--ease-smooth) both;
    transform-origin: bottom;
  }
  .input-otp__slot-value:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input-otp__slot-value:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input-otp__slot-value:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input-otp__slot-value:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input-otp__slot-value:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input-otp__slot-value:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      animation: none;
    }
  }
  .input-otp__caret {
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--field-placeholder, var(--muted));
    width: 2px;
    animation: 1.2s ease-out infinite caret-blink;
    position: absolute;
  }
  .input-otp__separator {
    border-radius: calc(var(--radius) * 0.5);
    background-color: var(--separator);
    flex-shrink: 0;
    width: 6px;
    height: 2px;
  }
  .input-otp--secondary .input-otp__slot {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--input-otp-slot-bg);
    --input-otp-slot-bg: var(--default);
    --input-otp-slot-bg-hover: var(--default-hover);
    --input-otp-slot-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .input-otp--secondary .input-otp__slot:hover,
    .input-otp--secondary .input-otp__slot[data-hovered='true'] {
      background-color: var(--input-otp-slot-bg-hover);
    }
  }
  .input-otp--secondary .input-otp__slot[data-active='true'],
  .input-otp--secondary .input-otp__slot[data-filled='true'] {
    background-color: var(--input-otp-slot-bg-focus);
  }
  @keyframes slot-value-in {
    0% {
      opacity: 0;
      transform: translateY(8px) scale(0.8);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .input {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
  }
  .input::placeholder {
    color: var(--field-placeholder, var(--muted));
  }
  @media (min-width: 40rem) {
    .input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .input {
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
  }
  .input:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .input:hover:not(:focus):not(:focus-visible),
    .input[data-hovered='true']:not([data-focused='true']):not([data-focus-visible='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .input:focus,
  .input[data-focused='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .input[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .input[data-invalid='true']:focus,
  .input[data-invalid='true']:focus-visible,
  .input[data-invalid='true'][data-focused='true'],
  .input[data-invalid='true'][data-focus-visible='true'],
  .input[data-invalid='true']:focus-within,
  .input[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .input[data-invalid='true'] {
    background-color: var(--field-focus);
  }
  .input[data-disabled='true'],
  .input[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .input--secondary {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--input-bg);
    --input-bg: var(--default);
    --input-bg-hover: var(--default-hover);
    --input-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .input--secondary:hover:not(:focus):not(:focus-visible),
    .input--secondary[data-hovered='true']:not([data-focus-visible='true']):not([data-focused='true']) {
      background-color: var(--input-bg-hover);
    }
  }
  .input--secondary:focus,
  .input--secondary[data-focused='true'] {
    background-color: var(--input-bg-focus);
  }
  .input--secondary[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .input--secondary[data-invalid='true']:focus,
  .input--secondary[data-invalid='true']:focus-visible,
  .input--secondary[data-invalid='true'][data-focused='true'],
  .input--secondary[data-invalid='true'][data-focus-visible='true'],
  .input--secondary[data-invalid='true']:focus-within,
  .input--secondary[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .input--secondary[data-invalid='true'] {
    background-color: var(--input-bg-focus);
  }
  .input--full-width {
    width: 100%;
  }
  .input-group {
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    outline-style: none;
    align-items: center;
    display: inline-flex;
  }
  .input-group:has([data-slot='input-group-textarea']) {
    align-items: flex-start;
    height: auto;
  }
  .input-group {
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
  }
  .input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .input-group:hover:not(:focus-within),
    .input-group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .input-group:has([data-slot='input-group-input']:focus),
  .input-group:has([data-slot='input-group-textarea']:focus) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .input-group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .input-group[data-invalid='true']:focus,
  .input-group[data-invalid='true']:focus-visible,
  .input-group[data-invalid='true'][data-focused='true'],
  .input-group[data-invalid='true'][data-focus-visible='true'],
  .input-group[data-invalid='true']:focus-within,
  .input-group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .input-group[data-invalid='true'] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }
  .input-group[data-disabled='true'],
  .input-group[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .input-group__input {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }
  .input-group__input::placeholder {
    color: var(--field-placeholder, var(--muted));
  }
  @media (min-width: 40rem) {
    .input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .input-group:has([data-slot='input-group-prefix']) .input-group__input {
    padding-left: calc(var(--spacing) * 0);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group:has([data-slot='input-group-suffix']) .input-group__input {
    padding-right: calc(var(--spacing) * 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group__input:focus,
  .input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .input-group__input[data-slot='input-group-textarea'] {
    resize: vertical;
    min-height: 38px;
  }
  .input-group__prefix {
    border-top-left-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-bottom-left-radius: var(--field-radius, calc(var(--radius) * 1.5));
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    color: var(--field-placeholder, var(--muted));
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    border-style: solid;
    border-right-color: var(--field-border);
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .input-group:has([data-slot='input-group-textarea']) .input-group__prefix {
    align-items: flex-start;
    padding-top: 0.5rem;
  }
  .input-group__prefix {
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth);
  }
  .input-group__prefix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input-group__prefix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input-group__prefix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input-group__prefix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input-group__prefix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input-group__prefix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .input-group__suffix {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-bottom-right-radius: var(--field-radius, calc(var(--radius) * 1.5));
    height: 100%;
    padding-inline: calc(var(--spacing) * 3);
    color: var(--field-placeholder, var(--muted));
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    border-style: solid;
    border-left-color: var(--field-border);
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-right: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .input-group:has([data-slot='input-group-textarea']) .input-group__suffix {
    align-items: flex-start;
    padding-top: 0.5rem;
  }
  .input-group__suffix {
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth);
  }
  .input-group__suffix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .input-group__suffix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .input-group__suffix:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .input-group__suffix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .input-group__suffix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .input-group__suffix:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .input-group--secondary {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--input-group-bg);
    --input-group-bg: var(--default);
    --input-group-bg-hover: var(--default-hover);
    --input-group-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .input-group--secondary:hover:not(:focus-within),
    .input-group--secondary[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--input-group-bg-hover);
    }
  }
  .input-group--secondary:has([data-slot='input-group-input']:focus),
  .input-group--secondary:has([data-slot='input-group-textarea']:focus) {
    background-color: var(--input-group-bg-focus);
  }
  .input-group--secondary[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .input-group--secondary[data-invalid='true']:focus,
  .input-group--secondary[data-invalid='true']:focus-visible,
  .input-group--secondary[data-invalid='true'][data-focused='true'],
  .input-group--secondary[data-invalid='true'][data-focus-visible='true'],
  .input-group--secondary[data-invalid='true']:focus-within,
  .input-group--secondary[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .input-group--secondary[data-invalid='true'] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--input-group-bg-focus);
  }
  .input-group--secondary [data-slot='input-group-input'],
  .input-group--secondary [data-slot='input-group-textarea'] {
    background-color: #0000;
  }
  .input-group--full-width {
    width: 100%;
  }
  .number-field {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.number-field[data-invalid='true'], .number-field[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .number-field [data-slot='label'] {
    width: fit-content;
  }
  .number-field__group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    display: grid;
    overflow: hidden;
  }
  .number-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .number-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .number-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .number-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .number-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .number-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .number-field__group:hover:not(:focus-within),
    .number-field__group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .number-field__group[data-focus-within='true'],
  .number-field__group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .number-field__group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .number-field__group[data-invalid='true']:focus,
  .number-field__group[data-invalid='true']:focus-visible,
  .number-field__group[data-invalid='true'][data-focused='true'],
  .number-field__group[data-invalid='true'][data-focus-visible='true'],
  .number-field__group[data-invalid='true']:focus-within,
  .number-field__group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .number-field__group[data-invalid='true'] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }
  .number-field__group[data-disabled='true'],
  .number-field__group[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .number-field__input {
    min-width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
  }
  @media (min-width: 40rem) {
    .number-field__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .number-field__group:has([slot='decrement']) .number-field__input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .number-field__group:has([slot='increment']) .number-field__input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .number-field__input:focus,
  .number-field__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .number-field__increment-button,
  .number-field__decrement-button {
    height: 100%;
    width: calc(var(--spacing) * 10);
    color: var(--field-foreground, var(--foreground));
    --tw-outline-style: none;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth);
    background-color: #0000;
    border-style: solid;
    border-radius: 0;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  :is(.number-field__increment-button, .number-field__decrement-button):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.number-field__increment-button, .number-field__decrement-button):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.number-field__increment-button, .number-field__decrement-button):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.number-field__increment-button, .number-field__decrement-button):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.number-field__increment-button, .number-field__decrement-button):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.number-field__increment-button, .number-field__decrement-button):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .number-field__increment-button,
  .number-field__decrement-button {
    cursor: var(--cursor-interactive);
  }
  :is(.number-field__increment-button, .number-field__decrement-button):active,
  :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed='true'] {
    background-color: var(--field-foreground, var(--foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.number-field__increment-button, .number-field__decrement-button):active,
    :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed='true'] {
      background-color: color-mix(in oklab, var(--field-foreground, var(--foreground)) 10%, transparent);
    }
  }
  :is(.number-field__increment-button, .number-field__decrement-button):active,
  :is(.number-field__increment-button, .number-field__decrement-button)[data-pressed='true'] {
    transform: scale(0.97);
  }
  :is(.number-field__increment-button, .number-field__decrement-button):disabled,
  :is(.number-field__increment-button, .number-field__decrement-button)[data-disabled='true'],
  :is(.number-field__increment-button, .number-field__decrement-button)[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  :is(.number-field__increment-button, .number-field__decrement-button)
    [data-slot='number-field-increment-button-icon'],
  :is(.number-field__increment-button, .number-field__decrement-button)
    [data-slot='number-field-decrement-button-icon'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .number-field__increment-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-bottom-right-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--field-placeholder, var(--muted));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .number-field__increment-button {
      border-color: color-mix(in oklab, var(--field-placeholder, var(--muted)) 15%, transparent);
    }
  }
  .number-field__decrement-button {
    border-top-left-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-bottom-left-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--field-placeholder, var(--muted));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .number-field__decrement-button {
      border-color: color-mix(in oklab, var(--field-placeholder, var(--muted)) 15%, transparent);
    }
  }
  .number-field--secondary .number-field__group {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--number-field-group-bg);
    --number-field-group-bg: var(--default);
    --number-field-group-bg-hover: var(--default-hover);
    --number-field-group-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .number-field--secondary .number-field__group:hover:not(:focus-within),
    .number-field--secondary .number-field__group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--number-field-group-bg-hover);
    }
  }
  .number-field--secondary .number-field__group:focus-within,
  .number-field--secondary .number-field__group[data-focus-within='true'] {
    background-color: var(--number-field-group-bg-focus);
  }
  .number-field--secondary .number-field__group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .number-field--secondary .number-field__group[data-invalid='true']:focus,
  .number-field--secondary .number-field__group[data-invalid='true']:focus-visible,
  .number-field--secondary .number-field__group[data-invalid='true'][data-focused='true'],
  .number-field--secondary .number-field__group[data-invalid='true'][data-focus-visible='true'],
  .number-field--secondary .number-field__group[data-invalid='true']:focus-within,
  .number-field--secondary .number-field__group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .number-field--secondary .number-field__group[data-invalid='true'] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--number-field-group-bg-focus);
  }
  .number-field--secondary .number-field__group [data-slot='number-field-input'] {
    background-color: #0000;
  }
  .number-field--full-width,
  .number-field__group--full-width {
    width: 100%;
  }
  .radio-group {
    flex-direction: column;
    display: flex;
  }
  .radio-group[data-orientation='vertical'] [data-slot='radio'] {
    margin-top: calc(var(--spacing) * 4);
  }
  .radio-group[data-orientation='horizontal'] {
    gap: calc(var(--spacing) * 4);
    flex-flow: wrap;
  }
  .radio-group--secondary .radio__control {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--radio-control-bg);
    --radio-control-bg: var(--default);
    --radio-control-bg-hover: var(--default-hover);
  }
  .radio:hover :is(.radio-group--secondary .radio__control),
  .radio[data-hovered='true'] :is(.radio-group--secondary .radio__control) {
    border-color: var(--field-border-hover);
  }
  .radio:not([aria-checked='true']):not([data-selected='true'])
    :is(.radio-group--secondary .radio__control)
    .radio__indicator:empty:before {
    background-color: var(--radio-control-bg);
  }
  :is(
      .radio:hover:not([aria-checked='true']):not([data-selected='true']) :is(.radio-group--secondary .radio__control),
      .radio[data-hovered='true']:not([aria-checked='true']):not([data-selected='true'])
        :is(.radio-group--secondary .radio__control)
    )
    .radio__indicator:empty:before {
    background-color: var(--radio-control-bg-hover);
  }
  .radio {
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    outline-style: none;
    display: flex;
    position: relative;
  }
  .radio [data-slot='label'] {
    -webkit-user-select: none;
    user-select: none;
  }
  .radio [data-slot='description'] {
    text-wrap: wrap;
    -webkit-user-select: none;
    user-select: none;
  }
  .radio:disabled,
  .radio[data-disabled='true'],
  .radio[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .radio__control {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border, var(--border));
    background-color: var(--field-background, var(--default));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      background-color 0.2s var(--ease-out),
      border-color 0.2s var(--ease-out),
      transform 0.1s var(--ease-out);
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    position: relative;
  }
  .radio__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .radio__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .radio__control:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .radio__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .radio__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .radio__control:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .radio__control {
    cursor: var(--cursor-interactive);
  }
  .radio:focus-visible .radio__control,
  .radio[data-focus-visible='true'] .radio__control {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .radio:hover .radio__control,
  .radio[data-hovered='true'] .radio__control {
    border-color: var(--field-border-hover);
  }
  :is(
      .radio:hover:not([aria-checked='true']):not([data-selected='true']) .radio__control,
      .radio[data-hovered='true']:not([aria-checked='true']):not([data-selected='true']) .radio__control
    )
    .radio__indicator:empty:before {
    background-color: var(--field-hover);
  }
  .radio:active .radio__control,
  .radio[data-pressed='true'] .radio__control {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .radio[aria-checked='true'] .radio__control,
  .radio[data-selected='true'] .radio__control {
    background-color: hsl(var(--accent));
    border-color: #0000;
  }
  .radio:active[data-selected='true'] .radio__control,
  .radio[data-pressed='true'][data-selected='true'] .radio__control {
    background-color: var(--accent-hover);
  }
  .radio[data-invalid='true'] .radio__control,
  .radio[aria-invalid='true'] .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  :is(.radio[data-invalid='true'] .radio__control, .radio[aria-invalid='true'] .radio__control):focus,
  :is(.radio[data-invalid='true'] .radio__control, .radio[aria-invalid='true'] .radio__control):focus-visible,
  :is(.radio[data-invalid='true'] .radio__control, .radio[aria-invalid='true'] .radio__control)[data-focused='true'],
  :is(
    .radio[data-invalid='true'] .radio__control,
    .radio[aria-invalid='true'] .radio__control
  )[data-focus-visible='true'],
  :is(.radio[data-invalid='true'] .radio__control, .radio[aria-invalid='true'] .radio__control):focus-within,
  :is(
    .radio[data-invalid='true'] .radio__control,
    .radio[aria-invalid='true'] .radio__control
  )[data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .radio[data-invalid='true'][aria-checked='true'] .radio__control,
  .radio[data-invalid='true'][data-selected='true'] .radio__control,
  .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
  .radio[aria-invalid='true'][data-selected='true'] .radio__control {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  ):focus,
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  ):focus-visible,
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  )[data-focused='true'],
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  )[data-focus-visible='true'],
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  ):focus-within,
  :is(
    .radio[data-invalid='true'][aria-checked='true'] .radio__control,
    .radio[data-invalid='true'][data-selected='true'] .radio__control,
    .radio[aria-invalid='true'][aria-checked='true'] .radio__control,
    .radio[aria-invalid='true'][data-selected='true'] .radio__control
  )[data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .radio__indicator {
    inset: calc(var(--spacing) * 0);
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }
  .radio__indicator:empty:before {
    content: '';
    border-radius: calc(var(--radius) * 1);
    background-color: var(--field-background, var(--default));
    width: 100%;
    height: 100%;
    transition:
      scale 0.2s var(--ease-out),
      background-color 0.2s var(--ease-out);
    scale: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .radio__indicator:empty:before:not(:is()) {
      transition-property: none;
    }
  }
  .radio[aria-checked='true'] .radio__indicator:empty:before,
  .radio[data-selected='true'] .radio__indicator:empty:before {
    background-color: hsl(var(--accent-foreground));
    scale: 0.4286;
  }
  .radio[data-selected='true'][data-pressed='true'] .radio__indicator:empty:before {
    scale: 0.5714;
  }
  .radio__content {
    gap: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .radio--disabled {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .textfield {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.textfield[data-invalid='true'], .textfield[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .textfield--full-width,
  .textfield--full-width [data-slot='input'],
  .textfield--full-width [data-slot='textarea'] {
    width: 100%;
  }
  .search-field {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.search-field[data-invalid='true'], .search-field[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .search-field [data-slot='label'] {
    width: fit-content;
  }
  .search-field[data-empty='true'] [data-slot='search-field-clear-button'] {
    pointer-events: none;
    opacity: 0;
  }
  .search-field__group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }
  .search-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .search-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .search-field__group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .search-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .search-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .search-field__group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .search-field__group:hover:not(:focus-within),
    .search-field__group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .search-field__group[data-focus-within='true'],
  .search-field__group:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    outline-style: none;
  }
  .search-field__group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .search-field__group[data-invalid='true']:focus,
  .search-field__group[data-invalid='true']:focus-visible,
  .search-field__group[data-invalid='true'][data-focused='true'],
  .search-field__group[data-invalid='true'][data-focus-visible='true'],
  .search-field__group[data-invalid='true']:focus-within,
  .search-field__group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .search-field__group[data-invalid='true'] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }
  .search-field__group[data-disabled='true'],
  .search-field__group[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .search-field__input {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }
  @media (min-width: 40rem) {
    .search-field__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .search-field__input::-webkit-search-cancel-button {
    appearance: none;
  }
  .search-field__input::-webkit-search-decoration {
    appearance: none;
  }
  .search-field__group:has([data-slot='search-field-search-icon']) .search-field__input {
    padding-left: calc(var(--spacing) * 2);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .search-field__group:has([slot='clear']) .search-field__input {
    padding-right: calc(var(--spacing) * 2);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .search-field__input:focus,
  .search-field__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .search-field__search-icon {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .search-field__clear-button {
    margin-right: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }
  .search-field__clear-button [data-slot='close-button-icon'] {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .search-field--secondary .search-field__group {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--search-field-group-bg);
    --search-field-group-bg: var(--default);
    --search-field-group-bg-hover: var(--default-hover);
    --search-field-group-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .search-field--secondary .search-field__group:hover:not(:focus-within),
    .search-field--secondary .search-field__group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--search-field-group-bg-hover);
    }
  }
  .search-field--secondary .search-field__group:focus-within,
  .search-field--secondary .search-field__group[data-focus-within='true'] {
    background-color: var(--search-field-group-bg-focus);
  }
  .search-field--secondary .search-field__group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .search-field--secondary .search-field__group[data-invalid='true']:focus,
  .search-field--secondary .search-field__group[data-invalid='true']:focus-visible,
  .search-field--secondary .search-field__group[data-invalid='true'][data-focused='true'],
  .search-field--secondary .search-field__group[data-invalid='true'][data-focus-visible='true'],
  .search-field--secondary .search-field__group[data-invalid='true']:focus-within,
  .search-field--secondary .search-field__group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .search-field--secondary .search-field__group[data-invalid='true'] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--search-field-group-bg-focus);
  }
  .search-field--secondary .search-field__group [data-slot='search-field-input'] {
    background-color: #0000;
  }
  .search-field--full-width,
  .search-field__group--full-width {
    width: 100%;
  }
  .textarea {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
  }
  .textarea::placeholder {
    color: var(--field-placeholder, var(--muted));
  }
  @media (min-width: 40rem) {
    .textarea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .textarea {
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    min-height: 38px;
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
  }
  .textarea:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .textarea:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .textarea:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .textarea:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .textarea:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .textarea:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .textarea:hover:not(:focus):not(:focus-visible),
    .textarea[data-hovered='true']:not([data-focused='true']):not([data-focus-visible='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .textarea:focus,
  .textarea[data-focused='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .textarea[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .textarea[data-invalid='true']:focus,
  .textarea[data-invalid='true']:focus-visible,
  .textarea[data-invalid='true'][data-focused='true'],
  .textarea[data-invalid='true'][data-focus-visible='true'],
  .textarea[data-invalid='true']:focus-within,
  .textarea[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .textarea[data-invalid='true'] {
    background-color: var(--field-focus);
  }
  .textarea[data-disabled='true'],
  .textarea[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .textarea--secondary {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--textarea-bg);
    --textarea-bg: var(--default);
    --textarea-bg-hover: var(--default-hover);
    --textarea-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .textarea--secondary:hover:not(:focus):not(:focus-visible),
    .textarea--secondary[data-hovered='true']:not([data-focused='true']):not([data-focus-visible='true']) {
      background-color: var(--textarea-bg-hover);
    }
  }
  .textarea--secondary:focus,
  .textarea--secondary[data-focused='true'] {
    background-color: var(--textarea-bg-focus);
  }
  .textarea--secondary[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .textarea--secondary[data-invalid='true']:focus,
  .textarea--secondary[data-invalid='true']:focus-visible,
  .textarea--secondary[data-invalid='true'][data-focused='true'],
  .textarea--secondary[data-invalid='true'][data-focus-visible='true'],
  .textarea--secondary[data-invalid='true']:focus-within,
  .textarea--secondary[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .textarea--secondary[data-invalid='true'] {
    background-color: var(--textarea-bg-focus);
  }
  .textarea--full-width {
    width: 100%;
  }
  .calendar {
    width: calc(var(--spacing) * 63);
    max-width: 100%;
    container-type: inline-size;
  }
  .calendar__header {
    padding-inline: calc(var(--spacing) * 0.5);
    padding-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .calendar__header:has(.calendar-year-picker__trigger[data-open='true']) .calendar__nav-button {
    pointer-events: none;
    opacity: 0;
  }
  .calendar__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex: 1;
  }
  .calendar__nav-button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) * 2);
    color: var(--accent-soft-foreground);
    will-change: scale;
    transition:
      transform 0.25s var(--ease-out),
      background-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out),
      opacity 0.15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar__nav-button {
    cursor: var(--cursor-interactive);
  }
  @media (hover: hover) {
    .calendar__nav-button:hover,
    .calendar__nav-button[data-hovered='true'] {
      background-color: var(--default);
      color: var(--accent-soft-foreground);
    }
  }
  .calendar__nav-button:active,
  .calendar__nav-button[data-pressed='true'] {
    transform: scale(0.95);
  }
  .calendar__nav-button:focus-visible,
  .calendar__nav-button[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .calendar__nav-button:disabled,
  .calendar__nav-button[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .calendar__nav-button-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .calendar__grid {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }
  .calendar__grid[aria-readonly='true'] .calendar__cell {
    pointer-events: none;
  }
  .calendar__grid-header,
  .calendar__grid-header > tr,
  .calendar__grid-body,
  .calendar__grid-body > tr {
    display: contents;
  }
  .calendar__grid-body > tr:first-child > td {
    margin-top: calc(var(--spacing) * 1);
  }
  .calendar__grid-row {
    display: contents;
  }
  .calendar__header-cell {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .calendar__cell {
    aspect-ratio: 1;
    border-radius: calc(var(--radius) * 3);
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-outline-style: none;
    -webkit-tap-highlight-color: transparent;
    will-change: scale;
    transition:
      transform 0.25s var(--ease-out),
      box-shadow 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar__cell {
    cursor: var(--cursor-interactive);
  }
  .calendar__cell:focus-visible:not(:focus),
  .calendar__cell[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .calendar__cell[data-today='true'] {
    color: var(--accent-soft-foreground);
  }
  .calendar__cell[data-selected='true'] {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }
  .calendar__cell:active,
  .calendar__cell[data-pressed='true'] {
    background-color: var(--default);
    transform: scale(0.95);
  }
  :is(.calendar__cell:active, .calendar__cell[data-pressed='true'])[data-selected='true'] {
    background-color: var(--accent-hover);
  }
  @media (hover: hover) {
    .calendar__cell:hover:not([data-selected='true']),
    .calendar__cell[data-hovered='true']:not([data-selected='true']) {
      background-color: var(--default);
    }
  }
  .calendar__cell[data-outside-month='true'] {
    color: hsl(var(--muted));
    opacity: 0.5;
  }
  .calendar__cell[data-selected='true'][data-outside-month='true'] {
    background-color: var(--default);
  }
  .calendar__cell[data-unavailable='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .calendar__cell:disabled:not([data-outside-month='true']),
  .calendar__cell[data-disabled='true']:not([data-outside-month='true']) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    text-decoration: line-through;
  }
  .calendar__cell-indicator {
    bottom: calc(var(--spacing) * 1);
    --tw-translate-x: -50%;
    width: 3px;
    height: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) * 0.25);
    background-color: hsl(var(--muted));
    position: absolute;
    left: 50%;
  }
  [data-selected='true'] > .calendar__cell-indicator {
    background-color: hsl(var(--accent-foreground));
  }
  .range-calendar {
    width: calc(var(--spacing) * 63);
    max-width: 100%;
    container-type: inline-size;
  }
  .range-calendar__header {
    padding-inline: calc(var(--spacing) * 0.5);
    padding-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .range-calendar__header:has(.calendar-year-picker__trigger[data-open='true']) .range-calendar__nav-button {
    pointer-events: none;
    opacity: 0;
  }
  .range-calendar__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    flex: 1;
  }
  .range-calendar__nav-button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(var(--radius) * 1.5);
    color: var(--accent-soft-foreground);
    will-change: scale;
    transition:
      transform 0.25s var(--ease-out),
      background-color 0.1s var(--ease-out),
      box-shadow 0.1s var(--ease-out),
      opacity 0.15s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .range-calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .range-calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .range-calendar__nav-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .range-calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .range-calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .range-calendar__nav-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .range-calendar__nav-button {
    cursor: var(--cursor-interactive);
  }
  @media (hover: hover) {
    .range-calendar__nav-button:hover,
    .range-calendar__nav-button[data-hovered='true'] {
      background-color: var(--default);
      color: var(--accent-soft-foreground);
    }
  }
  .range-calendar__nav-button:active,
  .range-calendar__nav-button[data-pressed='true'] {
    transform: scale(0.95);
  }
  .range-calendar__nav-button:focus-visible,
  .range-calendar__nav-button[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .range-calendar__nav-button:disabled,
  .range-calendar__nav-button[data-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .range-calendar__nav-button-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .range-calendar__grid {
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    display: grid;
  }
  .range-calendar__grid[aria-readonly='true'] .range-calendar__cell {
    pointer-events: none;
  }
  .range-calendar__grid-header,
  .range-calendar__grid-header > tr,
  .range-calendar__grid-body,
  .range-calendar__grid-body > tr {
    display: contents;
  }
  .range-calendar__grid-body > tr:first-child > td {
    margin-top: calc(var(--spacing) * 1);
  }
  .range-calendar__grid-row {
    display: contents;
  }
  .range-calendar__header-cell {
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .range-calendar__cell {
    z-index: 1;
    margin-inline: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) * 3);
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    cursor: var(--cursor-interactive);
    will-change: background-color, border-color;
    transition:
      box-shadow 0.1s var(--ease-out),
      border-color 0.1s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    outline-style: none;
    margin-block: 2px;
    position: relative;
  }
  .range-calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .range-calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .range-calendar__cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .range-calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .range-calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .range-calendar__cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .range-calendar__cell .range-calendar__cell-button {
    aspect-ratio: 1;
    border-radius: calc(var(--radius) * 3);
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
    -webkit-tap-highlight-color: transparent;
    will-change: scale;
    transition: scale 0.2s var(--ease-out);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .range-calendar__cell .range-calendar__cell-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .range-calendar__cell
    .range-calendar__cell-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .range-calendar__cell
    .range-calendar__cell-button:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .range-calendar__cell
      .range-calendar__cell-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .range-calendar__cell
      .range-calendar__cell-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .range-calendar__cell
      .range-calendar__cell-button:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .range-calendar__cell:focus-visible:not(:focus),
  .range-calendar__cell[data-focus-visible='true'] {
    z-index: 2;
  }
  :is(.range-calendar__cell:focus-visible:not(:focus), .range-calendar__cell[data-focus-visible='true'])
    .range-calendar__cell-button {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .range-calendar__cell[data-today='true'] .range-calendar__cell-button {
    color: var(--accent-soft-foreground);
  }
  .range-calendar__cell[data-selected='true']:not([data-outside-month='true']) {
    background-color: var(--accent-soft);
    border-radius: 0;
  }
  .range-calendar__cell[data-selected='true']:is(td:first-child > *, [aria-disabled] + td > *) {
    border-start-start-radius: calc(var(--radius) * 1);
    border-end-start-radius: calc(var(--radius) * 1);
  }
  .range-calendar__cell[data-selected='true']:is(
      td:first-child > *,
      [aria-disabled] + td > *
    )[data-selection-start='true'] {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }
  .range-calendar__cell[data-selected='true']:is(td:last-child > *, td:has(+ [aria-disabled]) > *) {
    border-start-end-radius: calc(var(--radius) * 1);
    border-end-end-radius: calc(var(--radius) * 1);
  }
  .range-calendar__cell[data-selected='true']:is(
      td:last-child > *,
      td:has(+ [aria-disabled]) > *
    )[data-selection-end='true'] {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }
  .range-calendar__cell[data-selection-start='true']:not([data-outside-month='true']),
  .range-calendar__cell[data-selection-end='true']:not([data-outside-month='true']) {
    z-index: 2;
  }
  :is(
      .range-calendar__cell[data-selection-start='true']:not([data-outside-month='true']),
      .range-calendar__cell[data-selection-end='true']:not([data-outside-month='true'])
    )
    .range-calendar__cell-button {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }
  .range-calendar__cell[data-selection-start='true']:not([data-outside-month='true']) {
    border-top-left-radius: calc(var(--radius) * 3);
    border-bottom-left-radius: calc(var(--radius) * 3);
  }
  .range-calendar__cell[data-selection-end='true']:not([data-outside-month='true']) {
    border-top-right-radius: calc(var(--radius) * 3);
    border-bottom-right-radius: calc(var(--radius) * 3);
  }
  :is(.range-calendar__cell:active, .range-calendar__cell[data-pressed='true']) .range-calendar__cell-button {
    scale: 0.9;
  }
  :is(
      :is(.range-calendar__cell:active, .range-calendar__cell[data-pressed='true'])[data-selection-start='true'],
      :is(.range-calendar__cell:active, .range-calendar__cell[data-pressed='true'])[data-selection-end='true']
    )
    .range-calendar__cell-button {
    background-color: var(--accent-hover);
  }
  @media (hover: hover) {
    :is(
        .range-calendar__cell:hover:not([data-selected='true']),
        .range-calendar__cell[data-hovered='true']:not([data-selected='true'])
      )
      .range-calendar__cell-button {
      background-color: var(--default);
    }
  }
  .range-calendar__cell[data-outside-month='true'] {
    color: hsl(var(--muted));
    opacity: 0.5;
  }
  .range-calendar__cell[data-selected='true'][data-outside-month='true']:not(
      [data-selection-start='true'],
      [data-selection-end='true']
    ) {
    background-color: var(--default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .range-calendar__cell[data-selected='true'][data-outside-month='true']:not(
        [data-selection-start='true'],
        [data-selection-end='true']
      ) {
      background-color: color-mix(in oklab, var(--default) 20%, transparent);
    }
  }
  .range-calendar__cell[data-unavailable='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .range-calendar__cell:disabled:not([data-outside-month='true']),
  .range-calendar__cell[data-disabled='true']:not([data-outside-month='true']) {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
    text-decoration: line-through;
  }
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-outside-month='true'])
    + td
    > .range-calendar__cell[data-selected='true'] {
    border-start-start-radius: calc(var(--radius) * 1);
    border-end-start-radius: calc(var(--radius) * 1);
  }
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-outside-month='true'])
    + td
    > .range-calendar__cell[data-selected='true'][data-outside-month='true'],
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-outside-month='true'])
    + td
    > .range-calendar__cell[data-selected='true'][data-selection-start='true'] {
    border-start-start-radius: calc(var(--radius) * 3);
    border-end-start-radius: calc(var(--radius) * 3);
  }
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-selected='true']):has(+ td > .range-calendar__cell[data-outside-month='true'])
    > .range-calendar__cell[data-selected='true'] {
    border-start-end-radius: calc(var(--radius) * 1);
    border-end-end-radius: calc(var(--radius) * 1);
  }
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-selected='true']):has(+ td > .range-calendar__cell[data-outside-month='true'])
    > .range-calendar__cell[data-selected='true'][data-outside-month='true'],
  .range-calendar__grid-body
    td:has(> .range-calendar__cell[data-selected='true']):has(+ td > .range-calendar__cell[data-outside-month='true'])
    > .range-calendar__cell[data-selected='true'][data-selection-end='true'] {
    border-start-end-radius: calc(var(--radius) * 3);
    border-end-end-radius: calc(var(--radius) * 3);
  }
  .range-calendar__cell-indicator {
    bottom: calc(var(--spacing) * 1);
    --tw-translate-x: -50%;
    width: 3px;
    height: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(var(--radius) * 0.25);
    background-color: hsl(var(--muted));
    position: absolute;
    left: 50%;
  }
  [data-selected='true'] > .range-calendar__cell-indicator {
    background-color: hsl(var(--accent-foreground));
  }
  .calendar:has(.calendar-year-picker__year-grid),
  .range-calendar:has(.calendar-year-picker__year-grid) {
    position: relative;
  }
  .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
  .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid'] {
    will-change: opacity;
    transition:
      opacity 0.15s var(--ease-out),
      visibility 0s linear;
  }
  :is(
    .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
    .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
  ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  :is(
      .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  :is(
      .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(
      .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
    ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    :is(
        .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
        .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    :is(
        .calendar:has(.calendar-year-picker__year-grid) > [data-slot='calendar-grid'],
        .range-calendar:has(.calendar-year-picker__year-grid) > [data-slot='range-calendar-grid']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
  .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid'] {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.15s var(--ease-out),
      visibility 0s linear 0.15s;
  }
  :is(
    .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
    .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
  ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  :is(
      .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  :is(
      .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
    ):is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(
      .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
      .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
    ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    :is(
        .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
        .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    :is(
        .calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='calendar-grid'],
        .range-calendar:has(.calendar-year-picker__year-grid[data-open='true']) > [data-slot='range-calendar-grid']
      ):not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar-year-picker__trigger {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) * 1);
    --tw-outline-style: none;
    cursor: var(--cursor-interactive);
    touch-action: manipulation;
    outline-style: none;
    flex: 1;
    display: flex;
  }
  .calendar-year-picker__trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .calendar-year-picker__trigger-heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition: color 0.15s var(--ease-out);
  }
  .calendar-year-picker__trigger-heading:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar-year-picker__trigger-heading:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .calendar-year-picker__trigger-heading:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .calendar-year-picker__trigger-heading:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar-year-picker__trigger-indicator {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--accent-soft-foreground);
    transition: transform 0.15s var(--ease-out);
  }
  .calendar-year-picker__trigger-indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar-year-picker__trigger-indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .calendar-year-picker__trigger-indicator:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__trigger-indicator:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .calendar-year-picker__trigger-indicator:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .calendar-year-picker__trigger-indicator:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .calendar-year-picker__trigger[data-open='true'] .calendar-year-picker__trigger-indicator {
    transform: rotate(90deg);
  }
  .calendar-year-picker__trigger[data-open='true'] .calendar-year-picker__trigger-heading {
    color: var(--accent-soft-foreground);
  }
  .calendar-year-picker__year-grid {
    pointer-events: none;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    align-content: flex-start;
    gap: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 1);
    opacity: 0;
    will-change: opacity;
    scrollbar-width: thin;
    scrollbar-color: oklch(0% 0 0/0.15) transparent;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    position: absolute;
    overflow-y: auto;
  }
  .calendar-year-picker__year-grid::-webkit-scrollbar {
    width: 6px;
  }
  .calendar-year-picker__year-grid::-webkit-scrollbar-track {
    background: 0 0;
  }
  .calendar-year-picker__year-grid::-webkit-scrollbar-thumb {
    background: #00000026;
    border-radius: 3px;
  }
  .calendar-year-picker__year-grid::-webkit-scrollbar-thumb:hover {
    background: #00000040;
  }
  :is([data-theme='dark'], .dark) .calendar-year-picker__year-grid {
    scrollbar-color: oklch(100% 0 0/0.15) transparent;
  }
  :is([data-theme='dark'], .dark) .calendar-year-picker__year-grid::-webkit-scrollbar-thumb {
    background: #ffffff26;
  }
  :is([data-theme='dark'], .dark) .calendar-year-picker__year-grid::-webkit-scrollbar-thumb:hover {
    background: #ffffff40;
  }
  .calendar-year-picker__year-grid[data-open='true'] {
    pointer-events: auto;
    opacity: 1;
    transition: opacity 0.2s var(--ease-out) 50ms;
  }
  .calendar-year-picker__year-grid[data-open='true']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar-year-picker__year-grid[data-open='true']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .calendar-year-picker__year-grid[data-open='true']:is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__year-grid[data-open='true']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .calendar-year-picker__year-grid[data-open='true']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .calendar-year-picker__year-grid[data-open='true']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .calendar-year-picker__year-cell {
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 3);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition:
      color 0.1s var(--ease-smooth),
      scale 0.1s var(--ease-smooth),
      opacity 0.1s var(--ease-smooth),
      background-color 0.1s var(--ease-smooth),
      box-shadow 0.1s var(--ease-out);
    transform-origin: 50%;
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .calendar-year-picker__year-cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .calendar-year-picker__year-cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .calendar-year-picker__year-cell:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .calendar-year-picker__year-cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .calendar-year-picker__year-cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .calendar-year-picker__year-cell:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .calendar-year-picker__year-cell {
    cursor: var(--cursor-interactive);
  }
  @media (hover: hover) and (pointer: fine) {
    .calendar-year-picker__year-cell:is(:hover, [data-hovered='true']):not([data-selected='true']) {
      background-color: var(--default);
      color: var(--default-foreground);
    }
  }
  .calendar-year-picker__year-cell[data-selected='true'],
  .calendar-year-picker__year-cell[aria-selected='true'] {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }
  @media (hover: hover) and (pointer: fine) {
    :is(
      .calendar-year-picker__year-cell[data-selected='true'],
      .calendar-year-picker__year-cell[aria-selected='true']
    ):is(:hover, [data-hovered='true']) {
      background-color: var(--accent-hover);
    }
  }
  .calendar-year-picker__year-cell:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-field {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.date-field[data-invalid='true'], .date-field[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .date-field [data-slot='label'] {
    width: fit-content;
  }
  .date-field--full-width {
    width: 100%;
  }
  .time-field {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.time-field[data-invalid='true'], .time-field[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .time-field [data-slot='label'] {
    width: fit-content;
  }
  .time-field--full-width {
    width: 100%;
  }
  .date-input-group {
    height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    border-width: var(--border-width-field);
    border-color: var(--field-border);
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    outline-style: none;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }
  .date-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .date-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .date-input-group:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .date-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .date-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .date-input-group:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  @media (hover: hover) {
    .date-input-group:hover:not(:focus-within),
    .date-input-group[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .date-input-group[data-focus-within='true']:not(
      :has(
        [data-slot='date-picker-trigger']:focus,
        [data-slot='date-picker-trigger'][data-focused='true'],
        [data-slot='date-range-picker-trigger']:focus,
        [data-slot='date-range-picker-trigger'][data-focused='true']
      )
    ),
  .date-input-group:focus-within:not(
      :has(
        [data-slot='date-picker-trigger']:focus,
        [data-slot='date-picker-trigger'][data-focused='true'],
        [data-slot='date-range-picker-trigger']:focus,
        [data-slot='date-range-picker-trigger'][data-focused='true']
      )
    ) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    outline-style: none;
  }
  .date-input-group[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .date-input-group[data-invalid='true']:focus,
  .date-input-group[data-invalid='true']:focus-visible,
  .date-input-group[data-invalid='true'][data-focused='true'],
  .date-input-group[data-invalid='true'][data-focus-visible='true'],
  .date-input-group[data-invalid='true']:focus-within,
  .date-input-group[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .date-input-group[data-invalid='true'] {
    background-color: var(--field-focus);
    border-color: var(--color-field-border-invalid);
  }
  .date-input-group[data-disabled='true'],
  .date-input-group[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .date-input-group__input {
    cursor: text;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
    align-items: center;
    gap: 1px;
    display: flex;
  }
  @media (min-width: 40rem) {
    .date-input-group__input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .date-input-group:has([data-slot='date-input-group-prefix']) .date-input-group__input {
    padding-left: calc(var(--spacing) * 2);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .date-input-group:has([data-slot='date-input-group-suffix']) .date-input-group__input {
    padding-right: calc(var(--spacing) * 2);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot='start'] {
    padding-right: calc(var(--spacing) * 0);
    flex: none;
  }
  .date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot='end'] {
    padding-left: calc(var(--spacing) * 0);
  }
  .date-input-group__input:focus,
  .date-input-group__input:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-input-group__input-container {
    scrollbar-width: none;
    flex: 1;
    align-items: center;
    width: fit-content;
    display: flex;
    overflow: auto clip;
  }
  .date-input-group__input-container::-webkit-scrollbar {
    display: none;
  }
  .date-input-group__segment {
    border-radius: calc(var(--radius) * 0.75);
    padding-inline: calc(var(--spacing) * 0.5);
    text-align: end;
    text-wrap: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    display: inline-block;
  }
  .date-input-group__segment[data-type='literal'] {
    padding: calc(var(--spacing) * 0);
    color: hsl(var(--muted));
  }
  .date-input-group__segment[data-placeholder='true'] {
    color: var(--field-placeholder, var(--muted));
  }
  .date-input-group__segment:focus,
  .date-input-group__segment[data-focused='true'] {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }
  .date-input-group__segment[data-disabled='true'] {
    opacity: 0.5;
  }
  .date-input-group__segment[data-invalid='true'] {
    color: var(--danger);
  }
  .date-input-group__segment[data-invalid='true']:focus,
  .date-input-group__segment[data-invalid='true'][data-focused='true'] {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }
  .date-input-group__prefix {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 3);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  .date-input-group__suffix {
    pointer-events: none;
    color: var(--field-placeholder, var(--muted));
    margin-right: calc(var(--spacing) * 3);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  .date-input-group--secondary {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--date-input-group-bg);
    --date-input-group-bg: var(--default);
    --date-input-group-bg-hover: var(--default-hover);
    --date-input-group-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .date-input-group--secondary:hover:not(:focus-within),
    .date-input-group--secondary[data-hovered='true']:not([data-focus-within='true']) {
      background-color: var(--date-input-group-bg-hover);
    }
  }
  .date-input-group--secondary:focus-within,
  .date-input-group--secondary[data-focus-within='true'] {
    background-color: var(--date-input-group-bg-focus);
  }
  .date-input-group--secondary[data-invalid='true'] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  .date-input-group--secondary[data-invalid='true']:focus,
  .date-input-group--secondary[data-invalid='true']:focus-visible,
  .date-input-group--secondary[data-invalid='true'][data-focused='true'],
  .date-input-group--secondary[data-invalid='true'][data-focus-visible='true'],
  .date-input-group--secondary[data-invalid='true']:focus-within,
  .date-input-group--secondary[data-invalid='true'][data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .date-input-group--secondary[data-invalid='true'] {
    border-color: var(--color-field-border-invalid);
    background-color: var(--date-input-group-bg-focus);
  }
  .date-input-group--secondary [data-slot='date-input-group-input'] {
    background-color: #0000;
  }
  .date-input-group--full-width {
    width: 100%;
  }
  .date-picker {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: inline-flex;
  }
  .date-picker .date-input-group__suffix,
  .date-picker .date-input-group__prefix {
    pointer-events: auto;
  }
  .date-picker__trigger {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    width: 100%;
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: box-shadow 0.15s var(--ease-out);
    align-items: center;
    display: inline-flex;
  }
  .date-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .date-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .date-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .date-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .date-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .date-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .date-picker__trigger:focus-visible:not(:focus),
  .date-picker__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-picker__trigger:disabled,
  .date-picker__trigger[data-disabled='true'],
  .date-picker__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .date-picker__trigger-indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--field-placeholder, var(--muted));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .date-picker__popover {
    max-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 3);
    overflow: hidden auto;
  }
  .date-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .date-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .date-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .date-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .date-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .date-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .date-picker__popover {
    box-shadow: var(--shadow-overlay);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }
  .date-picker__popover::-webkit-scrollbar {
    display: none;
  }
  .date-picker__popover {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .date-picker__popover:focus-visible:not(:focus),
  .date-picker__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-picker__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .date-picker__popover[data-entering='true'][data-placement^='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .date-picker__popover[data-entering='true'][data-placement^='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .date-picker__popover[data-entering='true'][data-placement^='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .date-picker__popover[data-entering='true'][data-placement^='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .date-picker__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .date-picker__popover[data-exiting='true'],
  .date-picker__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .date-range-picker {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: inline-flex;
  }
  .date-range-picker .date-input-group__suffix,
  .date-range-picker .date-input-group__prefix {
    pointer-events: auto;
  }
  .date-range-picker__trigger {
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    width: 100%;
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-tap-highlight-color: transparent;
    cursor: var(--cursor-interactive);
    transition: box-shadow 0.15s var(--ease-out);
    align-items: center;
    display: inline-flex;
  }
  .date-range-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .date-range-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .date-range-picker__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .date-range-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .date-range-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .date-range-picker__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .date-range-picker__trigger:focus-visible:not(:focus),
  .date-range-picker__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-range-picker__trigger:disabled,
  .date-range-picker__trigger[data-disabled='true'],
  .date-range-picker__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .date-range-picker__trigger-indicator {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--field-placeholder, var(--muted));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .date-range-picker__range-separator {
    padding-inline: calc(var(--spacing) * 1);
    color: var(--field-placeholder, var(--muted));
    -webkit-user-select: none;
    user-select: none;
  }
  .date-range-picker__popover {
    max-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 3);
    overflow: hidden auto;
  }
  .date-range-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .date-range-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .date-range-picker__popover:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .date-range-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .date-range-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .date-range-picker__popover:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .date-range-picker__popover {
    box-shadow: var(--shadow-overlay);
    border-radius: min(32px, calc(var(--radius) * 2.5));
  }
  .date-range-picker__popover::-webkit-scrollbar {
    display: none;
  }
  .date-range-picker__popover {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .date-range-picker__popover:focus-visible:not(:focus),
  .date-range-picker__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .date-range-picker__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .date-range-picker__popover[data-entering='true'][data-placement^='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .date-range-picker__popover[data-entering='true'][data-placement^='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .date-range-picker__popover[data-entering='true'][data-placement^='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .date-range-picker__popover[data-entering='true'][data-placement^='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .date-range-picker__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .date-range-picker__popover[data-exiting='true'],
  .date-range-picker__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .card {
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--surface-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-radius: min(32px, var(--radius-3xl));
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .card__header {
    flex-direction: column;
    display: flex;
  }
  .card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .card__description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: hsl(var(--muted));
  }
  .card__content {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    flex: 1;
    display: flex;
  }
  .card__footer {
    flex-direction: row;
    align-items: center;
    display: flex;
  }
  .card--transparent {
    --tw-border-style: none;
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: #0000;
    border-style: none;
  }
  .card--default {
    background-color: var(--surface);
  }
  .card--secondary {
    background-color: var(--surface-secondary);
  }
  .card--tertiary {
    background-color: var(--surface-tertiary);
  }
  .header {
    width: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 1);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--muted));
  }
  .separator {
    border-radius: calc(var(--radius) * 0.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-bottom-style: var(--tw-border-style);
    background-color: var(--separator);
    border-bottom-width: 0;
    flex-shrink: 0;
    width: 100%;
    height: 1px;
  }
  .separator--horizontal {
    width: 100%;
    height: 1px;
  }
  .separator--vertical {
    height: auto;
    min-height: calc(var(--spacing) * 2);
    align-self: stretch;
    width: 1px;
  }
  .separator--default {
    background-color: var(--separator);
  }
  .separator--secondary {
    background-color: var(--separator-secondary);
  }
  .separator--tertiary {
    background-color: var(--separator-tertiary);
  }
  .separator__container {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }
  .separator__container--horizontal {
    flex-direction: row;
    width: 100%;
  }
  .separator__container--vertical {
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .separator__line {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .separator__content {
    text-align: center;
    white-space: nowrap;
    color: hsl(var(--muted));
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .separator__content--horizontal,
  .separator__content--vertical {
    text-align: center;
  }
  .surface {
    color: hsl(var(--foreground));
    position: relative;
  }
  .surface--transparent {
    background-color: #0000;
  }
  .surface--default {
    background-color: var(--surface);
    color: var(--surface-foreground);
  }
  .surface--secondary {
    background-color: var(--surface-secondary);
    color: var(--surface-secondary-foreground);
  }
  .surface--tertiary {
    background-color: var(--surface-tertiary);
    color: var(--surface-tertiary-foreground);
  }
  .avatar {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    background-color: var(--default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .avatar__fallback {
    background-color: var(--default);
    width: 100%;
    height: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .avatar__image {
    inset: calc(var(--spacing) * 0);
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
    position: absolute;
  }
  .avatar__image:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .avatar__image:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .avatar__image:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .avatar__image:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .avatar__image:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .avatar__image:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .avatar--sm {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(var(--radius) * 2);
  }
  .avatar--lg {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    border-radius: calc(var(--radius) * 3);
  }
  .avatar--lg .avatar__fallback {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .avatar__fallback--accent {
    color: hsl(var(--accent));
  }
  .avatar__fallback--default {
    color: var(--default-foreground);
  }
  .avatar__fallback--success {
    color: var(--success);
  }
  .avatar__fallback--warning {
    color: var(--warning);
  }
  .avatar__fallback--danger {
    color: var(--danger);
  }
  .avatar--soft {
    background-color: #0000;
  }
  .avatar--soft .avatar__fallback--accent {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }
  .avatar--soft .avatar__fallback--success {
    background-color: var(--success-soft);
    color: var(--success-soft-foreground);
  }
  .avatar--soft .avatar__fallback--warning {
    background-color: var(--warning-soft);
    color: var(--warning-soft-foreground);
  }
  .avatar--soft .avatar__fallback--danger {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }
  .alert-dialog__trigger {
    cursor: var(--cursor-interactive);
    transition:
      transform 0.25s var(--ease-out-quart),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-block;
  }
  .alert-dialog__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .alert-dialog__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .alert-dialog__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .alert-dialog__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .alert-dialog__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .alert-dialog__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .alert-dialog__trigger:focus-visible:not(:focus),
  .alert-dialog__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .alert-dialog__trigger:disabled,
  .alert-dialog__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .alert-dialog__trigger:active,
  .alert-dialog__trigger[data-pressed='true'] {
    transform: scale(0.97);
  }
  .alert-dialog__backdrop {
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    height: var(--visual-viewport-height);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: fixed;
  }
  .alert-dialog__backdrop[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: var(--ease-out);
    transition-duration: 0.15s;
    transition-timing-function: var(--ease-out);
    --tw-enter-opacity: 0;
  }
  .alert-dialog__backdrop[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: var(--ease-out);
    transition-duration: 0.1s;
    transition-timing-function: var(--ease-out);
    --tw-exit-opacity: 0;
  }
  .alert-dialog__backdrop[data-exiting='true'],
  .alert-dialog__backdrop[data-entering='true'] {
    will-change: opacity;
  }
  :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.alert-dialog__backdrop[data-exiting='true'], .alert-dialog__backdrop[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      animation: none;
    }
  }
  .alert-dialog__backdrop--transparent {
    background-color: #0000;
  }
  .alert-dialog__backdrop--opaque {
    background-color: var(--backdrop);
  }
  .alert-dialog__backdrop--blur {
    background-color: var(--backdrop);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .alert-dialog__container {
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
  }
  @media (min-width: 40rem) {
    .alert-dialog__container {
      width: fit-content;
      padding: calc(var(--spacing) * 10);
    }
  }
  .alert-dialog__container {
    pointer-events: none;
  }
  .alert-dialog__container[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.25s;
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tw-enter-opacity: 0;
    --tw-enter-scale: 105%;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .alert-dialog__container[data-entering='true'][data-placement='auto'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  @media (min-width: 40rem) {
    .alert-dialog__container[data-entering='true'][data-placement='auto'] {
      --tw-enter-translate-y: 0%;
    }
  }
  .alert-dialog__container[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .alert-dialog__container[data-entering='true'][data-placement='center'] {
    --tw-enter-translate-y: -0%;
  }
  .alert-dialog__container[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .alert-dialog__container[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tw-exit-opacity: 0;
    --tw-exit-scale: 0.95;
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .alert-dialog__container[data-exiting='true'],
  .alert-dialog__container[data-entering='true'] {
    will-change: opacity, transform;
  }
  :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.alert-dialog__container[data-exiting='true'], .alert-dialog__container[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      animation: none;
    }
  }
  .alert-dialog__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    width: 100%;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .alert-dialog__dialog[data-placement='auto'] {
    margin-top: auto;
  }
  @media (min-width: 40rem) {
    .alert-dialog__dialog[data-placement='auto'] {
      margin-block: auto;
    }
  }
  .alert-dialog__dialog[data-placement='center'] {
    margin-block: auto;
  }
  .alert-dialog__dialog[data-placement='bottom'] {
    margin-top: auto;
  }
  .alert-dialog__dialog[data-placement='top'] {
    margin-top: calc(var(--spacing) * 0);
  }
  .alert-dialog__dialog--xs {
    max-width: var(--container-xs);
  }
  .alert-dialog__dialog--sm {
    max-width: var(--container-sm);
  }
  .alert-dialog__dialog--md {
    max-width: var(--container-md);
  }
  .alert-dialog__dialog--lg {
    max-width: var(--container-lg);
  }
  .alert-dialog__dialog--cover {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
  .alert-dialog__header {
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .alert-dialog__header > .modal__icon {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .alert-dialog__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .alert-dialog__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .alert-dialog__icon [data-slot='alert-dialog-default-icon'] {
    box-sizing: content-box;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .alert-dialog__icon--default {
    background-color: var(--default);
    color: hsl(var(--foreground));
  }
  .alert-dialog__icon--accent {
    background-color: var(--accent-soft);
    color: var(--accent-soft-foreground);
  }
  .alert-dialog__icon--success {
    background-color: var(--success-soft);
    color: var(--success-soft-foreground);
  }
  .alert-dialog__icon--warning {
    background-color: var(--warning-soft);
    color: var(--warning-soft-foreground);
  }
  .alert-dialog__icon--danger {
    background-color: var(--danger-soft);
    color: var(--danger-soft-foreground);
  }
  .alert-dialog__body {
    min-height: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: hsl(var(--muted));
    margin-block: calc(var(--spacing) * 0);
    -webkit-overflow-scrolling: touch;
    flex: 1;
    line-height: 1.43;
    overflow-y: auto;
  }
  .alert-dialog__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 0);
    flex-direction: row;
    display: flex;
  }
  .alert-dialog__close-trigger {
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    position: absolute;
  }
  .alert-dialog__header + .alert-dialog__body {
    margin-top: calc(var(--spacing) * 2);
  }
  .alert-dialog__header + .alert-dialog__footer,
  .alert-dialog__body + .alert-dialog__footer {
    margin-top: calc(var(--spacing) * 5);
  }
  .drawer__trigger {
    cursor: var(--cursor-interactive);
    transition:
      transform 0.25s var(--ease-out-quart),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-block;
  }
  .drawer__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .drawer__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .drawer__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .drawer__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .drawer__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .drawer__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .drawer__trigger:focus-visible:not(:focus),
  .drawer__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .drawer__trigger:disabled,
  .drawer__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .drawer__trigger:active,
  .drawer__trigger[data-pressed='true'] {
    transform: scale(0.97);
  }
  .drawer__backdrop {
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    height: var(--visual-viewport-height);
    opacity: 1;
    width: 100%;
    transition: opacity 0.25s cubic-bezier(0.32, 0.72, 0, 1);
    position: fixed;
  }
  .drawer__backdrop[data-entering='true'] {
    opacity: 0;
  }
  .drawer__backdrop[data-exiting='true'] {
    opacity: 0;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
  }
  .drawer__backdrop[data-exiting='true'],
  .drawer__backdrop[data-entering='true'] {
    will-change: opacity;
  }
  @media (prefers-reduced-motion: reduce) {
    .drawer__backdrop {
      transition: none;
    }
  }
  .drawer__backdrop--transparent {
    background-color: #0000;
  }
  .drawer__backdrop--opaque {
    background-color: var(--backdrop);
  }
  .drawer__backdrop--blur {
    background-color: var(--backdrop);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .drawer__content {
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    display: flex;
    position: fixed;
  }
  .drawer__content--bottom {
    align-items: flex-end;
  }
  .drawer__content--top {
    align-items: flex-start;
  }
  .drawer__content--left {
    justify-content: flex-start;
  }
  .drawer__content--right {
    justify-content: flex-end;
  }
  .drawer__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    --drawer-enter-duration: 0.25s;
    --drawer-exit-duration: 0.2s;
    --drawer-enter-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --drawer-exit-ease: cubic-bezier(0.32, 0.72, 0, 1);
    will-change: translate;
    transition: translate var(--drawer-enter-duration) var(--drawer-enter-ease);
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }
  @media (prefers-reduced-motion: reduce) {
    .drawer__dialog {
      transition: none;
    }
  }
  .drawer__dialog[data-placement='bottom'] {
    border-top-left-radius: min(32px, var(--radius-2xl));
    border-top-right-radius: min(32px, var(--radius-2xl));
    width: 100%;
    max-height: 85vh;
  }
  .drawer__dialog[data-placement='top'] {
    border-bottom-left-radius: min(32px, var(--radius-2xl));
    border-bottom-right-radius: min(32px, var(--radius-2xl));
    width: 100%;
    max-height: 85vh;
  }
  .drawer__dialog[data-placement='left'] {
    height: 100%;
    width: calc(var(--spacing) * 80);
    border-radius: 0;
    max-width: 85vw;
  }
  @media (min-width: 40rem) {
    .drawer__dialog[data-placement='left'] {
      width: calc(var(--spacing) * 96);
    }
  }
  .drawer__dialog[data-placement='right'] {
    height: 100%;
    width: calc(var(--spacing) * 80);
    border-radius: 0;
    max-width: 85vw;
  }
  @media (min-width: 40rem) {
    .drawer__dialog[data-placement='right'] {
      width: calc(var(--spacing) * 96);
    }
  }
  [data-exiting='true'] .drawer__dialog {
    transition-duration: var(--drawer-exit-duration);
    transition-timing-function: var(--drawer-exit-ease);
  }
  .drawer__content--left .drawer__dialog,
  .drawer__content--right .drawer__dialog,
  .drawer__content--top .drawer__dialog,
  .drawer__content--bottom .drawer__dialog {
    translate: 0;
  }
  .drawer__content--left[data-entering='true'] .drawer__dialog,
  .drawer__content--left[data-exiting='true'] .drawer__dialog {
    translate: -100%;
  }
  .drawer__content--right[data-entering='true'] .drawer__dialog,
  .drawer__content--right[data-exiting='true'] .drawer__dialog {
    translate: 100%;
  }
  .drawer__content--top[data-entering='true'] .drawer__dialog,
  .drawer__content--top[data-exiting='true'] .drawer__dialog {
    translate: 0 -100%;
  }
  .drawer__content--bottom[data-entering='true'] .drawer__dialog,
  .drawer__content--bottom[data-exiting='true'] .drawer__dialog {
    translate: 0 100%;
  }
  .drawer__dialog--top {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .drawer__dialog--top .drawer__handle {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .drawer__header {
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .drawer__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .drawer__body {
    min-height: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: hsl(var(--muted));
    margin: -3px;
    margin-block: calc(var(--spacing) * 0);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: 3px;
    line-height: 1.43;
    overflow-y: auto;
  }
  .drawer__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 0);
    flex-direction: row;
    display: flex;
  }
  .drawer__handle {
    padding-bottom: calc(var(--spacing) * 2);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .drawer__handle > [data-slot='drawer-handle-bar'] {
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 9);
    border-radius: calc(var(--radius) * 0.25);
    background-color: var(--separator);
  }
  .drawer__close-trigger {
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    position: absolute;
  }
  .drawer__header + .drawer__body {
    margin-top: calc(var(--spacing) * 2);
  }
  .drawer__header + .drawer__footer,
  .drawer__body + .drawer__footer {
    margin-top: calc(var(--spacing) * 5);
  }
  .drawer__handle + .drawer__header,
  .drawer__handle + .drawer__body {
    margin-top: calc(var(--spacing) * 0);
  }
  .modal__trigger {
    cursor: var(--cursor-interactive);
    transition:
      transform 0.25s var(--ease-out-quart),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-block;
  }
  .modal__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .modal__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .modal__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .modal__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .modal__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .modal__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .modal__trigger:focus-visible:not(:focus),
  .modal__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .modal__trigger:disabled,
  .modal__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .modal__trigger:active,
  .modal__trigger[data-pressed='true'] {
    transform: scale(0.97);
  }
  .modal__backdrop {
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    height: var(--visual-viewport-height);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: fixed;
  }
  .modal__backdrop[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: var(--ease-out);
    transition-duration: 0.15s;
    transition-timing-function: var(--ease-out);
    --tw-enter-opacity: 0;
  }
  .modal__backdrop[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: var(--ease-out);
    transition-duration: 0.1s;
    transition-timing-function: var(--ease-out);
    --tw-exit-opacity: 0;
  }
  .modal__backdrop[data-exiting='true'],
  .modal__backdrop[data-entering='true'] {
    will-change: opacity;
  }
  :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.modal__backdrop[data-exiting='true'], .modal__backdrop[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      animation: none;
    }
  }
  .modal__backdrop--transparent {
    background-color: #0000;
  }
  .modal__backdrop--opaque {
    background-color: var(--backdrop);
  }
  .modal__backdrop--blur {
    background-color: var(--backdrop);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .modal__container {
    height: var(--visual-viewport-height);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    align-items: center;
    display: flex;
  }
  @media (min-width: 40rem) {
    .modal__container {
      width: fit-content;
      padding: calc(var(--spacing) * 10);
    }
  }
  .modal__container {
    pointer-events: none;
  }
  .modal__container[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.25s;
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tw-enter-opacity: 0;
    --tw-enter-scale: 105%;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .modal__container[data-entering='true'][data-placement='auto'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  @media (min-width: 40rem) {
    .modal__container[data-entering='true'][data-placement='auto'] {
      --tw-enter-translate-y: 0%;
    }
  }
  .modal__container[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .modal__container[data-entering='true'][data-placement='center'] {
    --tw-enter-translate-y: -0%;
  }
  .modal__container[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .modal__container[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tw-exit-opacity: 0;
    --tw-exit-scale: 0.95;
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .modal__container[data-exiting='true'],
  .modal__container[data-entering='true'] {
    will-change: opacity, transform;
  }
  :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):is(
    [data-reduce-motion='true'],
    [data-reduce-motion='true'] *
  ),
  :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):not(
      :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
    ),
    :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    :is(.modal__container[data-exiting='true'], .modal__container[data-entering='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      animation: none;
    }
  }
  .modal__container--scroll-outside {
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
  .modal__container--full {
    padding: calc(var(--spacing) * 0);
  }
  @media (min-width: 40rem) {
    .modal__container--full {
      padding: calc(var(--spacing) * 0);
    }
  }
  .modal__container--full[data-entering='true'] {
    --tw-enter-translate-y: 0%;
    --tw-enter-scale: 1;
  }
  @media (min-width: 40rem) {
    .modal__container--full[data-entering='true'] {
      --tw-enter-translate-y: 0%;
    }
  }
  .modal__container--full[data-exiting='true'] {
    --tw-exit-scale: 1;
  }
  .modal__dialog {
    background-color: var(--overlay);
    --tw-shadow: var(--overlay-shadow);
    width: 100%;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    border-radius: min(32px, var(--radius-3xl));
    padding: calc(var(--spacing) * 6);
    pointer-events: auto;
    outline-style: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }
  .modal__dialog[data-placement='auto'] {
    margin-top: auto;
  }
  @media (min-width: 40rem) {
    .modal__dialog[data-placement='auto'] {
      margin-block: auto;
    }
  }
  .modal__dialog[data-placement='center'] {
    margin-block: auto;
  }
  .modal__dialog[data-placement='bottom'] {
    margin-top: auto;
  }
  .modal__dialog[data-placement='top'] {
    margin-top: calc(var(--spacing) * 0);
  }
  .modal__dialog--scroll-inside {
    overflow: hidden;
  }
  .modal__dialog--scroll-outside {
    height: auto;
    min-height: calc(var(--spacing) * 0);
    flex-shrink: 0;
  }
  .modal__dialog--xs {
    max-width: var(--container-xs);
  }
  .modal__dialog--sm {
    max-width: var(--container-sm);
  }
  .modal__dialog--md {
    max-width: var(--container-md);
  }
  .modal__dialog--lg {
    max-width: var(--container-lg);
  }
  .modal__dialog--cover {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
  .modal__dialog--full {
    --tw-shadow: 0 0 #0000;
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-radius: 0;
  }
  .modal__header {
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 0);
    flex-direction: column;
    display: flex;
  }
  .modal__header > .modal__icon {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .modal__heading {
    vertical-align: middle;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: hsl(var(--foreground));
  }
  .modal__icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(var(--radius) * 3);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .modal__body {
    min-height: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.43;
    color: hsl(var(--muted));
    margin-block: calc(var(--spacing) * 0);
    flex: 1;
    line-height: 1.43;
  }
  .modal__body--scroll-inside {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
  .modal__body--scroll-outside {
    overflow-y: visible;
  }
  .modal__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 0);
    flex-direction: row;
    display: flex;
  }
  .modal__close-trigger {
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    position: absolute;
  }
  .modal__header + .modal__body {
    margin-top: calc(var(--spacing) * 2);
  }
  .modal__header + .modal__footer,
  .modal__body + .modal__footer {
    margin-top: calc(var(--spacing) * 5);
  }
  .popover {
    transform-origin: var(--trigger-anchor-point);
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--shadow-overlay);
  }
  .popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.9;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .popover[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .popover[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .popover[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .popover[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .popover[data-exiting='true'],
  .popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .popover [data-slot='popover-overlay-arrow'] {
    fill: var(--overlay);
  }
  .popover[data-placement='bottom'] [data-slot='popover-overlay-arrow'] {
    rotate: 180deg;
  }
  .popover[data-placement='left'] [data-slot='popover-overlay-arrow'] {
    rotate: -90deg;
  }
  .popover[data-placement='right'] [data-slot='popover-overlay-arrow'] {
    rotate: 90deg;
  }
  .popover__dialog {
    padding: calc(var(--spacing) * 4);
    --tw-outline-style: none;
    outline-style: none;
  }
  .popover__heading {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .popover__trigger {
    transition:
      color 0.15s var(--ease-smooth),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-block;
  }
  .popover__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .popover__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .popover__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .popover__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .popover__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .popover__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .popover__trigger {
    cursor: var(--cursor-interactive);
  }
  .popover__trigger:focus-visible:not(:focus),
  .popover__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .popover__trigger:disabled,
  .popover__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .tooltip {
    max-width: var(--container-xs);
    transform-origin: var(--trigger-anchor-point);
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    word-break: break-all;
    border-radius: min(32px, var(--radius-xl));
    box-shadow: var(--shadow-overlay);
  }
  .tooltip[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.9;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .tooltip[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .tooltip[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .tooltip[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .tooltip[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .tooltip[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .tooltip[data-exiting='true'],
  .tooltip[data-entering='true'] {
    will-change: opacity, transform;
  }
  .tooltip [data-slot='overlay-arrow'] {
    stroke: hsl(var(--border));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .tooltip [data-slot='overlay-arrow'] {
      stroke: color-mix(in oklab, hsl(var(--border)) 40%, transparent);
    }
  }
  .tooltip [data-slot='overlay-arrow'] {
    fill: var(--overlay);
  }
  .tooltip[data-placement='bottom'] [data-slot='overlay-arrow'] {
    rotate: 180deg;
  }
  .tooltip[data-placement='left'] [data-slot='overlay-arrow'] {
    rotate: -90deg;
  }
  .tooltip[data-placement='right'] [data-slot='overlay-arrow'] {
    rotate: 90deg;
  }
  .tooltip__trigger {
    transition:
      color 0.15s var(--ease-smooth),
      background-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    display: inline-block;
  }
  .tooltip__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .tooltip__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .tooltip__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .tooltip__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .tooltip__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .tooltip__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .tooltip__trigger:focus-visible:not(:focus),
  .tooltip__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .combo-box {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.combo-box[data-invalid='true'], .combo-box[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .combo-box [data-slot='label'] {
    width: fit-content;
  }
  .combo-box [data-slot='input'] {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .combo-box [data-slot='input']:has(+ .combo-box__trigger) {
    padding-right: calc(var(--spacing) * 7);
  }
  .combo-box [data-slot='input']:focus,
  .combo-box [data-slot='input'][data-focus] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    --tw-ring-offset-width: 0px;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .combo-box [data-slot='input']:disabled,
  .combo-box [data-slot='input'][data-disabled],
  .combo-box [data-slot='input'][aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .combo-box__input-group {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .combo-box__trigger {
    top: 50%;
    right: calc(var(--spacing) * 0);
    --tw-translate-y: -50%;
    height: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    padding-right: calc(var(--spacing) * 2);
    color: var(--field-placeholder, var(--muted));
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    -webkit-tap-highlight-color: transparent;
    --tw-border-style: none;
    --tw-outline-style: none;
    background-color: #0000;
    border-style: none;
    outline-style: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition-duration: 0.15s;
    display: flex;
    position: absolute;
  }
  @media (hover: hover) {
    .combo-box__trigger:hover,
    .combo-box__trigger[data-hovered='true'] {
      color: var(--field-foreground, var(--foreground));
    }
  }
  .combo-box__trigger:focus-visible:not(:focus),
  .combo-box__trigger[data-focus-visible='true'] {
    border-radius: var(--radius);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    outline-style: none;
  }
  .combo-box__trigger[data-pressed='true'] {
    opacity: 0.7;
  }
  .combo-box__trigger:disabled,
  .combo-box__trigger[data-disabled],
  .combo-box__trigger[aria-disabled='true'] {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .combo-box__trigger [data-slot='combo-box-trigger-default-icon'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .combo-box__trigger
    [data-slot='combo-box-trigger-default-icon']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .combo-box__trigger
    [data-slot='combo-box-trigger-default-icon']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .combo-box__trigger
    [data-slot='combo-box-trigger-default-icon']:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .combo-box__trigger
      [data-slot='combo-box-trigger-default-icon']:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .combo-box__trigger
      [data-slot='combo-box-trigger-default-icon']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .combo-box__trigger
      [data-slot='combo-box-trigger-default-icon']:not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .combo-box__trigger[data-open='true'] [data-slot='combo-box-trigger-default-icon'] {
    rotate: 180deg;
  }
  .combo-box__popover {
    min-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: calc(var(--spacing) * 1);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--shadow-overlay);
    overflow-y: auto;
  }
  .combo-box__popover:focus-visible:not(:focus),
  .combo-box__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .combo-box__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .combo-box__popover[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .combo-box__popover[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .combo-box__popover[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .combo-box__popover[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .combo-box__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .combo-box__popover[data-exiting='true'],
  .combo-box__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .combo-box__popover [data-slot='popover-overlay-arrow'] {
    fill: var(--overlay);
  }
  .combo-box__popover[data-placement='bottom'] [data-slot='popover-overlay-arrow'] {
    rotate: 180deg;
  }
  .combo-box__popover[data-placement='left'] [data-slot='popover-overlay-arrow'] {
    rotate: -90deg;
  }
  .combo-box__popover[data-placement='right'] [data-slot='popover-overlay-arrow'] {
    rotate: 90deg;
  }
  .combo-box__popover [data-slot='list-box'] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .combo-box__popover [data-slot='list-box-item'] {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .combo-box__popover [data-slot='list-box-item'] [data-slot='list-box-item-indicator--checkmark'] {
    transition-property: none;
  }
  .combo-box--full-width,
  .combo-box__input-group--full-width {
    width: 100%;
  }
  .select {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  :is(.select[data-invalid='true'], .select[aria-invalid='true']) [data-slot='description'] {
    display: none;
  }
  .select [data-slot='label'] {
    width: fit-content;
  }
  .select__trigger {
    isolation: isolate;
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }
  .select__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .select__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .select__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .select__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .select__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .select__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .select__trigger {
    cursor: var(--cursor-interactive);
    border-width: var(--border-width-field);
    border-color: var(--field-border);
  }
  .select__trigger:has(.select__indicator) {
    padding-right: calc(var(--spacing) * 7);
  }
  @media (hover: hover) {
    .select__trigger:hover,
    .select__trigger[data-hovered='true'] {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .select__trigger:focus-visible:not(:focus),
  .select__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .select[data-invalid='true'] .select__trigger,
  .select[aria-invalid='true'] .select__trigger {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  :is(.select[data-invalid='true'] .select__trigger, .select[aria-invalid='true'] .select__trigger):focus,
  :is(.select[data-invalid='true'] .select__trigger, .select[aria-invalid='true'] .select__trigger):focus-visible,
  :is(
    .select[data-invalid='true'] .select__trigger,
    .select[aria-invalid='true'] .select__trigger
  )[data-focused='true'],
  :is(
    .select[data-invalid='true'] .select__trigger,
    .select[aria-invalid='true'] .select__trigger
  )[data-focus-visible='true'],
  :is(.select[data-invalid='true'] .select__trigger, .select[aria-invalid='true'] .select__trigger):focus-within,
  :is(
    .select[data-invalid='true'] .select__trigger,
    .select[aria-invalid='true'] .select__trigger
  )[data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .select[data-invalid='true'] .select__trigger,
  .select[aria-invalid='true'] .select__trigger {
    background-color: var(--field-focus);
  }
  .select__trigger:disabled,
  .select__trigger[data-disabled='true'],
  .select__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .select--secondary .select__trigger {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--select-trigger-bg);
    --select-trigger-bg: var(--default);
    --select-trigger-bg-hover: var(--default-hover);
    --select-trigger-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .select--secondary .select__trigger:hover,
    .select--secondary .select__trigger[data-hovered='true'] {
      background-color: var(--select-trigger-bg-hover);
    }
  }
  .select--secondary .select__trigger:focus-visible:not(:focus),
  .select--secondary .select__trigger[data-focus-visible='true'] {
    background-color: var(--select-trigger-bg-focus);
  }
  .select__value {
    text-align: left;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    overflow-wrap: break-word;
    color: currentColor;
    flex: 1;
  }
  @media (min-width: 40rem) {
    .select__value {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .select__value[data-placeholder='true'] {
    color: var(--field-placeholder, var(--muted));
  }
  .select__value [data-slot='list-box-item-indicator'] {
    display: none;
  }
  .select__indicator {
    inset-block: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 2);
    color: var(--field-placeholder, var(--muted));
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    transition-duration: 0.15s;
    display: flex;
    position: absolute;
  }
  .select__indicator[data-open='true'] {
    rotate: 180deg;
  }
  .select__indicator[data-slot='select-default-indicator'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .select__popover {
    min-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: calc(var(--spacing) * 1);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--shadow-overlay);
    overflow-y: auto;
  }
  .select__popover:focus-visible:not(:focus),
  .select__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.15s;
    --tw-ease: ease;
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .select__popover[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .select__popover[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .select__popover[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .select__popover[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .select__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: ease;
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  .select__popover[data-exiting='true'],
  .select__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .select__popover [data-slot='popover-overlay-arrow'] {
    fill: var(--overlay);
  }
  .select__popover[data-placement='bottom'] [data-slot='popover-overlay-arrow'] {
    rotate: 180deg;
  }
  .select__popover[data-placement='left'] [data-slot='popover-overlay-arrow'] {
    rotate: -90deg;
  }
  .select__popover[data-placement='right'] [data-slot='popover-overlay-arrow'] {
    rotate: 90deg;
  }
  .select__popover [data-slot='list-box'] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .select__popover [data-slot='list-box-item'] {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .select__popover [data-slot='list-box']:not([aria-multiselectable='true']) [data-slot='list-box-item-indicator'],
  .select__popover
    [data-slot='list-box']:not([aria-multiselectable='true'])
    [data-slot='list-box-item-indicator']
    [data-slot='list-box-item-indicator--checkmark'] {
    transition-property: none;
  }
  .select--full-width,
  .select__trigger--full-width {
    width: 100%;
  }
  .autocomplete {
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }
  .autocomplete__trigger {
    isolation: isolate;
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--field-radius, calc(var(--radius) * 1.5));
    border-style: var(--tw-border-style);
    background-color: var(--field-background, var(--default));
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--field-foreground, var(--foreground));
    --tw-shadow: var(--field-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
      background-color 0.15s var(--ease-smooth),
      border-color 0.15s var(--ease-smooth),
      box-shadow 0.15s var(--ease-out);
    border-width: 1px;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }
  .autocomplete__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .autocomplete__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):before,
  .autocomplete__trigger:is([data-reduce-motion='true'], [data-reduce-motion='true'] *):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .autocomplete__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)),
    .autocomplete__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):before,
    .autocomplete__trigger:not(:is([data-reduce-motion='true'], [data-reduce-motion='true'] *)):after {
      transition-property: none;
    }
  }
  .autocomplete__trigger {
    cursor: var(--cursor-interactive);
    border-width: var(--border-width-field);
    border-color: var(--field-border);
  }
  .autocomplete__trigger:has(.autocomplete__indicator) {
    padding-right: calc(var(--spacing) * 7);
  }
  @media (hover: hover) {
    .autocomplete__trigger:hover:not(:has(.autocomplete__clear-button:hover)),
    .autocomplete__trigger[data-hovered='true']:not(:has(.autocomplete__clear-button:hover)) {
      background-color: var(--field-hover);
      border-color: var(--field-border-hover);
    }
  }
  .autocomplete__trigger:focus-visible:not(:focus),
  .autocomplete__trigger[data-focus-visible='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--focus);
    --tw-ring-offset-width: var(--ring-offset-width);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: hsl(var(--background));
    --tw-outline-style: none;
    border-color: var(--field-border-focus);
    background-color: var(--field-focus);
    outline-style: none;
  }
  .autocomplete[data-invalid='true'] .autocomplete__trigger,
  .autocomplete[aria-invalid='true'] .autocomplete__trigger {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--danger);
    --tw-outline-style: solid;
    --tw-ring-offset-width: 3px;
    outline-style: solid;
  }
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  ):focus,
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  ):focus-visible,
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  )[data-focused='true'],
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  )[data-focus-visible='true'],
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  ):focus-within,
  :is(
    .autocomplete[data-invalid='true'] .autocomplete__trigger,
    .autocomplete[aria-invalid='true'] .autocomplete__trigger
  )[data-focus-within='true'] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    --tw-ring-color: var(--danger);
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-width: 0px;
  }
  .autocomplete[data-invalid='true'] .autocomplete__trigger,
  .autocomplete[aria-invalid='true'] .autocomplete__trigger {
    background-color: var(--field-focus);
  }
  .autocomplete__trigger:disabled,
  .autocomplete__trigger[data-disabled='true'],
  .autocomplete__trigger[aria-disabled='true'] {
    opacity: var(--disabled-opacity);
    cursor: var(--cursor-disabled);
    pointer-events: none;
  }
  .autocomplete--secondary .autocomplete__trigger {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    background-color: var(--autocomplete-trigger-bg);
    --autocomplete-trigger-bg: var(--default);
    --autocomplete-trigger-bg-hover: var(--default-hover);
    --autocomplete-trigger-bg-focus: var(--default);
  }
  @media (hover: hover) {
    .autocomplete--secondary .autocomplete__trigger:hover:not(:has(.autocomplete__clear-button:hover)),
    .autocomplete--secondary .autocomplete__trigger[data-hovered='true']:not(:has(.autocomplete__clear-button:hover)) {
      background-color: var(--autocomplete-trigger-bg-hover);
    }
  }
  .autocomplete--secondary .autocomplete__trigger:focus-visible:not(:focus),
  .autocomplete--secondary .autocomplete__trigger[data-focus-visible='true'] {
    background-color: var(--autocomplete-trigger-bg-focus);
  }
  .autocomplete__value {
    text-align: left;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    overflow-wrap: break-word;
    color: currentColor;
    flex: 1;
  }
  @media (min-width: 40rem) {
    .autocomplete__value {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .autocomplete__value[data-placeholder='true'] {
    color: var(--field-placeholder, var(--muted));
  }
  .autocomplete__value [data-slot='list-box-item-indicator'] {
    display: none;
  }
  .autocomplete__indicator {
    inset-block: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 2);
    color: var(--field-placeholder, var(--muted));
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    cursor: var(--cursor-interactive);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-block: auto;
    transition-duration: 0.15s;
    display: flex;
    position: absolute;
  }
  .autocomplete__indicator[data-open='true'] {
    rotate: 180deg;
  }
  .autocomplete__indicator[data-slot='autocomplete-default-indicator'] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .autocomplete__popover {
    min-width: var(--trigger-width);
    transform-origin: var(--trigger-anchor-point);
    scroll-padding-block: calc(var(--spacing) * 1);
    overscroll-behavior: contain;
    background-color: var(--overlay);
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: min(32px, var(--radius-3xl));
    box-shadow: var(--shadow-overlay);
    overflow-y: auto;
  }
  .autocomplete__popover:focus-visible:not(:focus),
  .autocomplete__popover[data-focus-visible='true'] {
    --tw-outline-style: none;
    outline-style: none;
  }
  .autocomplete__popover[data-entering='true'] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.25s;
    --tw-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --tw-enter-opacity: 0;
    --tw-enter-scale: 0.95;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
  }
  .autocomplete__popover[data-entering='true'][data-placement='top'] {
    --tw-enter-translate-y: calc(1 * var(--spacing));
  }
  .autocomplete__popover[data-entering='true'][data-placement='bottom'] {
    --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
  }
  .autocomplete__popover[data-entering='true'][data-placement='left'] {
    --tw-enter-translate-x: calc(1 * var(--spacing));
  }
  .autocomplete__popover[data-entering='true'][data-placement='right'] {
    --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
  }
  .autocomplete__popover[data-exiting='true'] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s)) var(--tw-ease, ease)
      var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
      var(--tw-animation-fill-mode, none);
    --tw-duration: 0.1s;
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --tw-exit-scale: 0.95;
    --tw-exit-opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .autocomplete__popover[data-exiting='true'],
  .autocomplete__popover[data-entering='true'] {
    will-change: opacity, transform;
  }
  .autocomplete__popover [data-slot='popover-overlay-arrow'] {
    fill: var(--overlay);
  }
  .autocomplete__popover[data-placement='bottom'] [data-slot='popover-overlay-arrow'] {
    rotate: 180deg;
  }
  .autocomplete__popover[data-placement='left'] [data-slot='popover-overlay-arrow'] {
    rotate: -90deg;
  }
  .autocomplete__popover[data-placement='right'] [data-slot='popover-overlay-arrow'] {
    rotate: 90deg;
  }
  .autocomplete__popover [data-slot='list-box'] {
    padding: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .autocomplete__popover [data-slot='list-box-item'] {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .autocomplete__popover
    [data-slot='list-box']:not([aria-multiselectable='true'])
    [data-slot='list-box-item-indicator'],
  .autocomplete__popover
    [data-slot='list-box']:not([aria-multiselectable='true'])
    [data-slot='list-box-item-indicator']
    [data-slot='list-box-item-indicator--checkmark'] {
    transition-property: none;
  }
  .autocomplete__popover [data-slot='search-field'] {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .autocomplete__popover [data-slot='empty-state'] {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--overlay-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .autocomplete__popover [data-slot='empty-state'] {
      color: color-mix(in oklab, var(--overlay-foreground) 60%, transparent);
    }
  }
  .autocomplete--full-width,
  .autocomplete__trigger--full-width {
    width: 100%;
  }
  .autocomplete__clear-button {
    isolation: isolate;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    transform-origin: 50%;
    border-radius: calc(var(--radius) * 1.5);
    padding: calc(var(--spacing) * 1);
    color: hsl(var(--muted));
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-right: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    cursor: var(--cursor-interactive);
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
    background-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .autocomplete__clear-button:not([data-empty='true']) {
    transition: opacity 0.15s var(--ease-smooth);
  }
  .autocomplete__clear-button:not([data-empty='true']):is([data-reduce-motion='true'], [data-reduce-motion='true'] *),
  .autocomplete__clear-button:not([data-empty='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):before,
  .autocomplete__clear-button:not([data-empty='true']):is(
      [data-reduce-motion='true'],
      [data-reduce-motion='true'] *
    ):after {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .autocomplete__clear-button:not([data-empty='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ),
    .autocomplete__clear-button:not([data-empty='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):before,
    .autocomplete__clear-button:not([data-empty='true']):not(
        :is([data-reduce-motion='true'], [data-reduce-motion='true'] *)
      ):after {
      transition-property: none;
    }
  }
  .autocomplete__clear-button[data-empty='true'] {
    pointer-events: none;
    opacity: 0;
  }
  .autocomplete__clear-button [data-slot='autocomplete-clear-button-icon'] {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  @media (hover: hover) {
    .autocomplete__clear-button:hover,
    .autocomplete__clear-button[data-hovered='true'] {
      background-color: var(--default-hover);
    }
  }
  .autocomplete__clear-button:active,
  .autocomplete__clear-button[data-pressed='true'] {
    transform: scale(0.93);
  }
  .kbd {
    height: calc(var(--spacing) * 6);
    align-items: center;
    display: inline-flex;
  }
  :where(.kbd > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  .kbd {
    border-radius: calc(var(--radius) * 1);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 2);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: hsl(var(--muted));
  }
  :where(.kbd:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }
  .kbd {
    word-spacing: -0.25rem;
  }
  .kbd__abbr {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
  }
  .kbd__content {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .kbd--light {
    background-color: #0000;
  }
  .typography,
  .typography-prose {
    color: hsl(var(--foreground));
  }
  .typography-prose h1 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose h2 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose h6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography-prose p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .typography-prose code {
    border-radius: calc(var(--radius) * 0.75);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--foreground));
  }
  .typography-prose a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--link);
    text-underline-offset: 4px;
    text-decoration-line: underline;
  }
  .typography-prose blockquote {
    margin-top: calc(var(--spacing) * 4);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: hsl(var(--border));
    padding-left: calc(var(--spacing) * 4);
    color: hsl(var(--muted));
    font-style: italic;
  }
  .typography-prose ul {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: disc;
  }
  :where(.typography-prose ul > :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)));
  }
  .typography-prose ul {
    padding-left: calc(var(--spacing) * 6);
  }
  .typography-prose ol {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: decimal;
  }
  :where(.typography-prose ol > :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)));
  }
  .typography-prose ol {
    padding-left: calc(var(--spacing) * 6);
  }
  .typography-prose li {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .typography-prose hr {
    margin-block: calc(var(--spacing) * 8);
    border-color: var(--separator);
  }
  .typography-prose pre {
    margin-block: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1.5);
    background-color: var(--default);
    padding: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-x: auto;
  }
  .typography-prose strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: hsl(var(--foreground));
  }
  .typography-prose em {
    font-style: italic;
  }
  .typography-prose img {
    margin-block: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius) * 1.5);
  }
  .typography--h1 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--h2 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--h6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .typography--body {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .typography--body-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .typography--body-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .typography--code {
    border-radius: calc(var(--radius) * 0.75);
    background-color: var(--default);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: hsl(var(--foreground));
  }
  .typography--align-start {
    text-align: left;
  }
  .typography--align-start:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {
    text-align: right;
  }
  .typography--align-center {
    text-align: center;
  }
  .typography--align-end {
    text-align: right;
  }
  .typography--align-end:where(:dir(rtl), [dir='rtl'], [dir='rtl'] *) {
    text-align: left;
  }
  .typography--align-justify {
    text-align: justify;
  }
  .typography--color-default {
    color: hsl(var(--foreground));
  }
  .typography--color-muted {
    color: hsl(var(--muted));
  }
  .typography--truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }
  .typography--weight-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .typography--weight-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .typography--weight-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .typography--weight-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .scroll-shadow {
    --scroll-shadow-size: 40px;
    position: relative;
  }
  .scroll-shadow--vertical {
    overflow-y: auto;
  }
  .scroll-shadow--horizontal {
    overflow-x: auto;
  }
  .scroll-shadow--fade.scroll-shadow--vertical[data-top-scroll='true'] {
    --scroll-linear-gradient: 0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--fade.scroll-shadow--vertical[data-bottom-scroll='true'] {
    --scroll-linear-gradient: 180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--fade.scroll-shadow--vertical[data-top-bottom-scroll='true'] {
    --scroll-linear-gradient:
      #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)),
      transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-scroll='true'] {
    --scroll-linear-gradient: 270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--fade.scroll-shadow--horizontal[data-right-scroll='true'] {
    --scroll-linear-gradient: 90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--fade.scroll-shadow--horizontal[data-left-right-scroll='true'] {
    --scroll-linear-gradient:
      to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)),
      transparent;
    mask-image: linear-gradient(var(--scroll-linear-gradient));
    -webkit-mask-image: linear-gradient(var(--scroll-linear-gradient));
  }
  .scroll-shadow--hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .scroll-shadow--hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .input,
  .textarea,
  .text-area,
  .select__trigger,
  .input-group,
  .date-input-group,
  .color-input-group {
    box-shadow: none !important;
  }
  .button {
    border-radius: var(--kb-radius-lg);
    box-shadow: none;
  }
  .button--sm,
  .button--icon-only {
    border-radius: var(--kb-radius-md);
  }
  .close-button {
    box-shadow: none;
  }
  .modal__dialog {
    background: var(--kb-surface);
    border: 1px solid var(--kb-hair);
    border-radius: var(--kb-radius-lg);
    box-shadow: none;
  }
  .modal__backdrop {
    background: var(--backdrop);
  }
  .modal__header,
  .modal__footer {
    background: 0 0;
  }
  .popover__dialog,
  .select__popover,
  .menu,
  .menu-content,
  .listbox,
  .autocomplete__popover {
    background: var(--kb-surface);
    border: 1px solid var(--kb-hair);
    border-radius: var(--kb-radius-md);
    box-shadow: none;
  }
  .card,
  .drawer-content {
    background: var(--kb-surface);
    border: 1px solid var(--kb-hair);
    border-radius: var(--kb-radius-lg);
    box-shadow: none;
  }
  .table {
    border-collapse: collapse;
  }
  .table thead,
  .table__thead {
    font-family: var(--kb-font-mono);
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: 'tnum', 'lnum';
    color: var(--kb-muted);
  }
  .table td,
  .table th,
  .table__cell {
    border-bottom: 1px solid var(--kb-hair-2);
  }
  .chip,
  .badge,
  .tag {
    box-shadow: none;
  }
  .list-box-item,
  .listbox-item,
  [role='option'] {
    border-radius: var(--kb-radius-sm);
  }
  .list-box-item[data-hovered='true'],
  .listbox-item[data-hovered='true'],
  [role='option'][data-hovered='true'] {
    background: var(--kb-bg);
  }
  .list-box-item[data-selected='true'],
  .listbox-item[data-selected='true'],
  [role='option'][aria-selected='true'] {
    background: var(--kb-accent-tint);
    color: var(--kb-accent);
  }
  .checkbox[data-selected='true'] .checkbox__indicator,
  .switch[data-selected='true'] .switch__thumb-container {
    background: var(--kb-accent);
    border-color: var(--kb-accent);
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .not-sr-only {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .max-h-\[calc\(100dvh-env\(safe-area-inset-top\,0px\)-32px\)\] {
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 32px);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .translate-none {
    translate: none;
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform\! {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  :where(.space-y-reverse > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }
  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }
  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-y-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .rounded-s {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius);
  }
  .rounded-ss {
    border-start-start-radius: var(--radius);
  }
  .rounded-e {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }
  .rounded-se {
    border-start-end-radius: var(--radius);
  }
  .rounded-ee {
    border-end-end-radius: var(--radius);
  }
  .rounded-es {
    border-end-start-radius: var(--radius);
  }
  .rounded-t {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .rounded-l {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .rounded-tl {
    border-top-left-radius: var(--radius);
  }
  .rounded-r {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .rounded-tr {
    border-top-right-radius: var(--radius);
  }
  .rounded-b {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .rounded-br {
    border-bottom-right-radius: var(--radius);
  }
  .rounded-bl {
    border-bottom-left-radius: var(--radius);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .mask-no-clip {
    -webkit-mask-clip: no-clip;
    mask-clip: no-clip;
  }
  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .text-\[var\(--kb-muted\)\] {
    color: var(--kb-muted);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))
      drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    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,);
  }
  .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,) !important;
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }
  .paused {
    animation-play-state: paused;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .running {
    animation-play-state: running;
  }
  .zoom-in {
    --tw-enter-scale: 0;
  }
  .zoom-out {
    --tw-exit-scale: 0;
  }
  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
  }
}
@property --tw-animation-delay {
  syntax: '*';
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: '*';
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: '*';
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: '*';
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
:root,
.light,
.default,
[data-theme='light'],
[data-theme='default'] {
  --background: #fafaf7;
  --surface: #fff;
  --surface-alt: #f3f0ea;
  --foreground: #171612;
  --muted: #6b6862;
  --border: #e7e2d8;
  --accent: #1e3a5f;
  --accent-hover: #152a45;
  --accent-foreground: #fafaf7;
  --success: #335c45;
  --success-hover: #294a37;
  --success-foreground: #fafaf7;
  --warning: #8a6230;
  --warning-hover: #6f4f27;
  --warning-foreground: #fafaf7;
  --danger: #7a3434;
  --danger-hover: #5e2828;
  --danger-foreground: #fafaf7;
  --radius: 6px;
  --field-radius: 6px;
  --default-font-family:
    'Inter Tight', 'Noto Sans SC', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Source Han Sans SC',
    'Hiragino Sans GB', system-ui, sans-serif;
}
[data-theme='dark'] {
  --background: #171814;
  --surface: #232620;
  --surface-alt: #1c1f1a;
  --foreground: #f3efe7;
  --muted: #a39c90;
  --border: #38352f;
  --accent: #8da9c9;
  --accent-hover: #b6c8dd;
  --accent-foreground: #171814;
  --success: #7ea58c;
  --success-hover: #95b7a1;
  --success-foreground: #171814;
  --warning: #c49b63;
  --warning-hover: #ddbb8b;
  --warning-foreground: #171814;
  --danger: #cf8b8b;
  --danger-hover: #deb0b0;
  --danger-foreground: #171814;
  --default-font-family:
    'Inter Tight', 'Noto Sans SC', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Source Han Sans SC',
    'Hiragino Sans GB', system-ui, sans-serif;
}
.kb-app-main {
  max-width: 1080px;
  padding: var(--kb-pad-y) var(--kb-pad-x);
  gap: var(--kb-section-gap);
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}
.kb-page {
  font-family: var(--kb-font-body);
  flex-direction: column;
  padding-bottom: 32px;
  display: flex;
}
.kb-page--section {
  gap: var(--kb-section-gap);
}
.kb-page--module {
  gap: var(--kb-module-gap);
}
.kb-page--row {
  gap: var(--kb-row-gap);
}
:root,
.light,
.default,
[data-theme='light'],
[data-theme='default'] {
  --background-secondary: var(--kb-surface-alt);
  --background-tertiary: var(--kb-bg-soft);
  --background-inverse: var(--kb-text);
  --surface: var(--kb-surface);
  --surface-foreground: var(--kb-text);
  --surface-hover: var(--kb-bg);
  --surface-secondary: var(--kb-surface-alt);
  --surface-secondary-foreground: var(--kb-text);
  --surface-tertiary: var(--kb-bg-soft);
  --surface-tertiary-foreground: var(--kb-text);
  --surface-shadow: 0 0 0 0 transparent;
  --border: var(--kb-hair);
  --border-secondary: var(--kb-hair-2);
  --border-tertiary: var(--kb-hair-strong);
  --border-width: 1px;
  --separator: var(--kb-hair);
  --separator-secondary: var(--kb-hair-2);
  --separator-tertiary: var(--kb-hair-strong);
  --field-background: var(--kb-surface);
  --field-foreground: var(--kb-text);
  --field-placeholder: var(--kb-muted);
  --field-border: var(--kb-hair-strong);
  --field-border-focus: var(--kb-accent);
  --field-border-hover: var(--kb-muted);
  --field-border-width: 1px;
  --field-radius: var(--kb-radius-md);
  --field-shadow: 0 0 0 0 transparent;
  --field-focus: var(--kb-surface);
  --field-hover: var(--kb-surface);
  --accent-soft: var(--kb-accent-tint);
  --accent-soft-foreground: var(--kb-accent);
  --accent-soft-hover: var(--kb-accent-tint-strong);
  --success-soft: var(--kb-success-tint);
  --success-soft-foreground: var(--kb-success);
  --success-soft-hover: var(--kb-success-tint);
  --warning-soft: var(--kb-warning-tint);
  --warning-soft-foreground: var(--kb-warning);
  --warning-soft-hover: var(--kb-warning-tint);
  --danger-soft: var(--kb-error-tint);
  --danger-soft-foreground: var(--kb-error);
  --danger-soft-hover: var(--kb-error-tint);
  --default: var(--kb-surface);
  --default-foreground: var(--kb-text);
  --default-hover: var(--kb-bg);
  --overlay: var(--kb-surface);
  --overlay-foreground: var(--kb-text);
  --overlay-shadow: 0 0 0 0 transparent;
  --backdrop: #1e3a5f6b;
  --muted: var(--kb-muted);
  --link: var(--kb-accent);
  --focus: var(--kb-accent);
  --segment: var(--kb-surface-alt);
  --segment-foreground: var(--kb-text);
  --scrollbar: var(--kb-hair-strong);
  --radius-sm: var(--kb-radius-sm);
  --radius-md: var(--kb-radius-md);
  --radius-lg: var(--kb-radius-lg);
  --radius-xl: var(--kb-radius-lg);
  --button-radius: var(--kb-radius-md);
}
[data-theme='dark'] {
  --background-secondary: var(--kb-surface-alt);
  --background-tertiary: var(--kb-bg-soft);
  --background-inverse: var(--kb-text);
  --surface: var(--kb-surface);
  --surface-foreground: var(--kb-text);
  --surface-hover: var(--kb-bg);
  --surface-secondary: var(--kb-surface-alt);
  --surface-secondary-foreground: var(--kb-text);
  --surface-tertiary: var(--kb-bg-soft);
  --surface-tertiary-foreground: var(--kb-text);
  --surface-shadow: 0 0 0 0 transparent;
  --border: var(--kb-hair);
  --border-secondary: var(--kb-hair-2);
  --border-tertiary: var(--kb-hair-strong);
  --border-width: 1px;
  --separator: var(--kb-hair);
  --separator-secondary: var(--kb-hair-2);
  --separator-tertiary: var(--kb-hair-strong);
  --field-background: var(--kb-surface);
  --field-foreground: var(--kb-text);
  --field-placeholder: var(--kb-muted);
  --field-border: var(--kb-hair-strong);
  --field-border-focus: var(--kb-accent);
  --field-border-hover: var(--kb-muted);
  --field-border-width: 1px;
  --field-radius: var(--kb-radius-md);
  --field-shadow: 0 0 0 0 transparent;
  --field-focus: var(--kb-surface);
  --field-hover: var(--kb-surface);
  --accent-soft: var(--kb-accent-tint);
  --accent-soft-foreground: var(--kb-accent);
  --accent-soft-hover: var(--kb-accent-tint-strong);
  --success-soft: var(--kb-success-tint);
  --success-soft-foreground: var(--kb-success);
  --success-soft-hover: var(--kb-success-tint);
  --warning-soft: var(--kb-warning-tint);
  --warning-soft-foreground: var(--kb-warning);
  --warning-soft-hover: var(--kb-warning-tint);
  --danger-soft: var(--kb-error-tint);
  --danger-soft-foreground: var(--kb-error);
  --danger-soft-hover: var(--kb-error-tint);
  --default: var(--kb-surface);
  --default-foreground: var(--kb-text);
  --default-hover: var(--kb-bg);
  --overlay: var(--kb-surface);
  --overlay-foreground: var(--kb-text);
  --overlay-shadow: 0 0 0 0 transparent;
  --backdrop: #0009;
  --muted: var(--kb-muted);
  --link: var(--kb-accent);
  --focus: var(--kb-accent);
  --segment: var(--kb-surface-alt);
  --segment-foreground: var(--kb-text);
  --scrollbar: var(--kb-hair-strong);
  --radius-sm: var(--kb-radius-sm);
  --radius-md: var(--kb-radius-md);
  --radius-lg: var(--kb-radius-lg);
  --radius-xl: var(--kb-radius-lg);
  --button-radius: var(--kb-radius-md);
}
@property --tw-scale-x {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: '*';
  inherits: false;
  initial-value: 1;
}
@property --tw-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-pan-x {
  syntax: '*';
  inherits: false;
}
@property --tw-pan-y {
  syntax: '*';
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: '*';
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: '*';
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: '*';
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: '*';
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: '*';
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: '*';
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: '*';
  inherits: false;
}
@property --tw-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-outline-style {
  syntax: '*';
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: '*';
  inherits: false;
}
@property --tw-brightness {
  syntax: '*';
  inherits: false;
}
@property --tw-contrast {
  syntax: '*';
  inherits: false;
}
@property --tw-grayscale {
  syntax: '*';
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: '*';
  inherits: false;
}
@property --tw-invert {
  syntax: '*';
  inherits: false;
}
@property --tw-opacity {
  syntax: '*';
  inherits: false;
}
@property --tw-saturate {
  syntax: '*';
  inherits: false;
}
@property --tw-sepia {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: '*';
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: '*';
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: '*';
  inherits: false;
}
@property --tw-font-weight {
  syntax: '*';
  inherits: false;
}
@property --tw-content {
  syntax: '*';
  inherits: false;
  initial-value: '';
}
@property --tw-duration {
  syntax: '*';
  inherits: false;
}
@property --tw-leading {
  syntax: '*';
  inherits: false;
}
@property --tw-ease {
  syntax: '*';
  inherits: false;
}
@property --tw-translate-x {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: '*';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-x {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: '<length>';
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-from {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: '<color>';
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: '*';
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  syntax: '*';
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
      rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
      rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
@keyframes caret-blink {
  0%,
  70%,
  to {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}
@keyframes skeleton {
  to {
    transform: translate(200%);
  }
}
.kb-shell {
  color: var(--kb-text);
  font-family: var(--kb-font-body);
  width: 100%;
}
.kb-icon-btn {
  border: 1px solid var(--kb-border);
  background: var(--kb-surface);
  color: var(--kb-muted);
  width: 36px;
  height: 36px;
  border-radius: var(--kb-radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.18s var(--kb-ease-enter);
}
.kb-icon-btn:hover {
  color: var(--kb-text);
  border-color: var(--kb-text);
}
.kb-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.kb-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-bg);
  color: var(--kb-accent);
  border: 1px solid var(--kb-border);
  font-family: var(--kb-font-body);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.18s var(--kb-ease-enter);
  white-space: nowrap;
}
.kb-chip:hover {
  border-color: var(--kb-accent);
}
.kb-chip:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 2px;
  border-color: var(--kb-accent);
}
.kb-chip--sm {
  padding: 3px 9px;
  font-size: 11px;
  cursor: default;
}
.kb-chip--more {
  background: transparent;
  border-style: dashed;
  color: var(--kb-muted);
}
.kb-chip--inverted {
  background: #ffffff1f;
  color: #ffffffeb;
  border-color: #ffffff3d;
}
.kb-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .kb-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.kb-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.kb-card {
  background: var(--kb-surface);
  border: 1px solid var(--kb-border);
  border-radius: var(--kb-radius-md);
  overflow: hidden;
  box-shadow: var(--kb-shadow-card);
  transition:
    box-shadow 0.18s var(--kb-ease-enter),
    transform 0.18s var(--kb-ease-enter);
}
.kb-card-link:hover .kb-card,
.kb-card:focus-within {
  box-shadow: var(--kb-shadow-elevated);
  transform: translateY(-1px);
}
.kb-card__cover {
  height: 140px;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.kb-card__cover-label {
  font-family: var(--kb-font-display);
  font-size: 56px;
  line-height: 1;
  color: #ffffffeb;
  padding: 0 20px 14px;
  font-weight: 400;
}
.kb-card__draft-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff29;
  color: var(--kb-text-inverse);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 2px 8px;
  font-size: 11px;
  border-radius: var(--kb-radius-sm);
  font-family: var(--kb-font-mono);
}
.kb-card__body {
  padding: 16px 20px 20px;
}
.kb-card__type {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
  margin: 0 0 8px;
}
.kb-card__child-count {
  margin-left: 4px;
}
.kb-card__name {
  font-family: var(--kb-font-display);
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 6px;
  font-weight: 400;
}
.kb-card__one-liner {
  font-size: 14px;
  line-height: 1.55;
  color: var(--kb-muted);
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kb-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kb-empty {
  text-align: center;
  padding: 80px 20px;
  color: var(--kb-muted);
}
@keyframes kbSpin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.kb-shell--detail {
  max-width: 760px;
  margin: 0 auto;
  padding: 16px 20px 96px;
}
.kb-detail__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.kb-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  color: var(--kb-muted);
  font-family: var(--kb-font-body);
  font-size: 14px;
  cursor: pointer;
}
.kb-back:hover {
  color: var(--kb-text);
}
.kb-detail__cover {
  height: 240px;
  border-radius: var(--kb-radius-lg);
  display: flex;
  align-items: flex-end;
  margin: 0 0 24px;
  box-shadow: var(--kb-shadow-elevated);
}
.kb-detail__cover-label {
  font-family: var(--kb-font-display);
  font-size: 96px;
  line-height: 1;
  color: #ffffffeb;
  padding: 0 32px 24px;
  font-weight: 400;
}
.kb-detail__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.kb-detail__type {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kb-muted);
  margin: 0;
}
.kb-detail__name {
  font-family: var(--kb-font-display);
  font-size: 36px;
  line-height: 1.15;
  margin: -8px 0 0;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.kb-detail__one-liner {
  font-size: 18px;
  line-height: 1.55;
  color: var(--kb-muted);
  margin: 0;
}
.kb-detail__description {
  font-size: 16px;
  line-height: 1.7;
  color: var(--kb-text);
}
.kb-detail__description p {
  margin: 0 0 16px;
}
.kb-detail__description p:last-child {
  margin-bottom: 0;
}
.kb-detail__section {
  border-top: 1px solid var(--kb-border);
  padding-top: 24px;
}
.kb-detail__section h2 {
  font-family: var(--kb-font-display);
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 12px;
  font-weight: 400;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.kb-detail__section ul {
  margin: 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kb-detail__section li {
  line-height: 1.6;
  font-size: 15px;
}
.kb-detail__section--sales-only h2 {
  color: var(--kb-warning);
}
.kb-detail__sales-only-tag {
  font-family: var(--kb-font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #8a5c121f;
  color: var(--kb-warning);
  border-radius: var(--kb-radius-sm);
  padding: 2px 6px;
}
.kb-detail__disclaimer {
  font-size: 12px;
  line-height: 1.6;
  color: var(--kb-muted);
  border-top: 1px solid var(--kb-border);
  padding-top: 16px;
  margin: 16px 0 0;
}
@media (min-width: 768px) {
  .kb-detail__cover {
    height: 320px;
  }
  .kb-detail__cover-label {
    font-size: 128px;
    padding: 0 48px 36px;
  }
  .kb-detail__name {
    font-size: 48px;
  }
  .kb-detail__one-liner {
    font-size: 20px;
  }
}
.kb-presentation {
  position: fixed;
  inset: 0;
  background: var(--kb-bg);
  color: var(--kb-text);
  font-family: var(--kb-font-body);
  overflow-y: auto;
  z-index: 100;
  animation: kbPresentationIn 0.45s var(--kb-ease-presentation);
}
@keyframes kbPresentationIn {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.kb-presentation--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kb-presentation__exit {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: var(--kb-radius-full);
  border: 1px solid rgba(250, 250, 247, 0.3);
  background: var(--kb-scrim-accent);
  color: var(--kb-text-inverse);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  backdrop-filter: blur(8px);
}
.kb-presentation__cover {
  height: 360px;
  display: flex;
  align-items: flex-end;
}
.kb-presentation__cover-inner {
  width: 100%;
  padding: 0 32px 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.kb-presentation__watermark {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #fafaf7b3;
  margin: 0 0 16px;
}
.kb-presentation__label {
  font-family: var(--kb-font-display);
  font-size: 144px;
  line-height: 1;
  color: var(--kb-cover-text);
  font-weight: 400;
}
.kb-presentation__body {
  padding: 36px 32px 96px;
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.kb-presentation__name {
  font-family: var(--kb-font-display);
  font-size: 56px;
  line-height: 1.1;
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.kb-presentation__one-liner {
  font-size: 22px;
  line-height: 1.55;
  color: var(--kb-muted);
  margin: 0;
}
.kb-presentation__description {
  font-size: 18px;
  line-height: 1.75;
}
.kb-presentation__description p {
  margin: 0 0 18px;
}
.kb-presentation__scenarios h2 {
  font-family: var(--kb-font-display);
  font-size: 28px;
  margin: 0 0 16px;
  font-weight: 400;
}
.kb-presentation__scenarios-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .kb-presentation__scenarios-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.kb-presentation__scenario {
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  padding: 18px 22px;
  font-size: 16px;
  line-height: 1.6;
  display: flex;
  align-items: baseline;
  gap: 16px;
}
.kb-presentation__scenario-number {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--kb-accent);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.kb-presentation__scenario-text {
  flex: 1;
  min-width: 0;
}
.kb-presentation__tags {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .kb-presentation__cover {
    height: 480px;
  }
  .kb-presentation__label {
    font-size: 192px;
  }
  .kb-presentation__name {
    font-size: 72px;
  }
}
.kb-admin-layout {
  min-height: 100vh;
  background: var(--kb-bg);
  font-family: var(--kb-font-body);
  color: var(--kb-text);
}
.kb-admin-layout__main {
  max-width: 1080px;
  margin: 0 auto;
  padding: 32px 24px 96px;
}
.kb-admin-layout__main h1 {
  font-family: var(--kb-font-display);
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 24px;
}
.kb-app-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fafaf7eb;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--kb-hair);
  padding-top: env(safe-area-inset-top, 0px);
}
[data-theme='dark'] .kb-app-header {
  background: #171612eb;
}
.kb-app-header__inner {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 24px;
}
.kb-app-header__left {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.kb-app-header__brand {
  font-family: var(--kb-font-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--kb-text);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.kb-app-header__brand:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--kb-accent);
}
.kb-app-header__section {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
  white-space: nowrap;
}
.kb-app-header__version {
  font-family: var(--kb-font-mono);
  font-size: 10px;
  color: var(--kb-muted);
}
.kb-app-header__nav {
  display: flex;
  gap: 2px;
  flex: 1;
  justify-content: center;
}
.kb-app-header__nav a {
  position: relative;
  padding: 8px 14px;
  font-family: var(--kb-font-body);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.003em;
  color: var(--kb-muted);
  border-radius: var(--kb-radius-sm);
  transition:
    color var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.kb-app-header__nav a:hover {
  color: var(--kb-text);
}
.kb-app-header__nav a[data-active='true'] {
  color: var(--kb-text);
  background: var(--kb-surface);
  box-shadow: 0 0 0 1px var(--kb-hair);
}
.kb-app-header__nav a[data-active='true']:after {
  content: '';
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -1px;
  height: 2px;
  background: var(--kb-accent);
  border-radius: 1px;
}
.kb-app-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.kb-app-header__cross-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--kb-font-body);
  font-size: 13px;
  color: var(--kb-muted);
  padding: 7px 12px;
  border: 1px solid var(--kb-border);
  border-radius: var(--kb-radius-md);
  background: var(--kb-bg);
  transition: all 0.18s var(--kb-ease-enter);
  white-space: nowrap;
}
.kb-app-header__cross-link:hover {
  color: var(--kb-text);
  border-color: var(--kb-text);
  background: var(--kb-surface);
}
.kb-app-header__user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: var(--kb-radius-full);
  border: 1px solid transparent;
  color: inherit;
  text-decoration: none;
  transition:
    background 0.12s var(--kb-ease-enter),
    border-color 0.12s var(--kb-ease-enter);
}
.kb-app-header__user:hover {
  background: var(--kb-bg);
  border-color: var(--kb-border);
}
.kb-app-header__avatar {
  width: 28px;
  height: 28px;
  border-radius: var(--kb-radius-full);
  object-fit: cover;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
}
.kb-app-header__avatar--initial {
  font-family: var(--kb-font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
}
.kb-app-header__user-name {
  font-family: var(--kb-font-mono);
  font-size: 13px;
  color: var(--kb-muted);
  white-space: nowrap;
}
.kb-app-header__menu-toggle {
  display: none;
  border: 1px solid var(--kb-border);
  background: var(--kb-surface);
  color: var(--kb-text);
  width: 36px;
  height: 36px;
  border-radius: var(--kb-radius-md);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.18s var(--kb-ease-enter);
}
.kb-app-header__menu-toggle:hover {
  border-color: var(--kb-text);
}
@media (max-width: 767px) {
  .kb-app-header__inner {
    padding: 12px 16px;
    gap: 8px;
  }
  .kb-app-header__brand {
    font-size: 20px;
  }
  .kb-app-header__version,
  .kb-app-header__nav,
  .kb-app-header__user-name,
  .kb-app-header__cross-link-text {
    display: none;
  }
  .kb-app-header__cross-link {
    padding: 7px 10px;
  }
  .kb-app-header__menu-toggle {
    display: inline-flex;
  }
}
.kb-app-header__drawer {
  border-top: 1px solid var(--kb-border);
  background: var(--kb-surface);
  padding: 8px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  animation: kbDrawerIn 0.18s var(--kb-ease-enter);
}
@keyframes kbDrawerIn {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kb-app-header__drawer a {
  padding: 11px 14px;
  font-size: 15px;
  color: var(--kb-text);
  border-radius: var(--kb-radius-md);
  transition: background 0.18s var(--kb-ease-enter);
}
.kb-app-header__drawer a:hover {
  background: var(--kb-bg);
}
.kb-app-header__drawer a[data-active='true'] {
  color: var(--kb-accent);
  background: var(--kb-accent-tint-strong, rgba(30, 58, 95, 0.08));
}
.kb-app-header__drawer-divider {
  height: 1px;
  background: var(--kb-border);
  margin: 6px 0;
}
.kb-app-header__drawer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 0;
  font-family: var(--kb-font-mono);
  font-size: 12px;
  color: var(--kb-muted);
}
@media (max-width: 767px) {
  .kb-app-main {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
.kb-bottom-nav {
  display: none;
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 20;
  background: #fafaf7f0;
  -webkit-backdrop-filter: saturate(160%) blur(20px);
  backdrop-filter: saturate(160%) blur(20px);
  border-top: 1px solid var(--kb-hair);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
[data-theme='dark'] .kb-bottom-nav {
  background: #171612f0;
}
@media (max-width: 767px) {
  .kb-bottom-nav {
    display: block;
  }
}
.kb-bottom-nav__inner {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  padding: 6px 4px 4px;
}
.kb-bottom-nav__link {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px 2px 4px;
  border-radius: var(--kb-radius-sm, 4px);
  font-family: var(--kb-font-body);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--kb-muted-2, #8f8b83);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.18s var(--kb-ease-enter);
  text-decoration: none;
  min-height: 48px;
}
.kb-bottom-nav__icon {
  color: inherit;
}
.kb-bottom-nav__link:before {
  content: '';
  position: absolute;
  top: -1px;
  width: 18px;
  height: 2px;
  background: var(--kb-accent);
  border-radius: 0 0 1px 1px;
  opacity: 0;
  transform: scaleX(0.4);
  transition:
    opacity var(--kb-duration-short) var(--kb-ease-move),
    transform var(--kb-duration-short) var(--kb-ease-enter);
}
.kb-bottom-nav__link:hover,
.kb-bottom-nav__link--active,
.kb-bottom-nav__link[data-active='true'] {
  color: var(--kb-text);
}
.kb-bottom-nav__link--active:before,
.kb-bottom-nav__link[data-active='true']:before {
  opacity: 1;
  transform: scaleX(1);
}
.kb-bottom-nav__link--active:hover,
.kb-bottom-nav__link[data-active='true']:hover {
  color: var(--kb-text);
}
@media (max-width: 360px) {
  .kb-bottom-nav__label {
    display: none;
  }
  .kb-bottom-nav__link {
    min-height: 44px;
  }
}
@keyframes kbSheetOverlayIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kbSheetPanelIn {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 640px) {
  .kb-customer-create__hero,
  .kb-customer-create__editor,
  .kb-customer-research {
    padding: 16px;
  }
}
@media (min-width: 640px) {
  .proposal-status-sheet__next {
    grid-template-columns: minmax(0, 1.2fr) minmax(180px, 0.8fr) minmax(200px, 0.8fr);
  }
}
.pm-avatar-hover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #17161200;
  color: #fafaf700;
  transition:
    background 0.16s var(--kb-ease-enter),
    color 0.16s var(--kb-ease-enter);
  pointer-events: none;
}
button:hover > .pm-avatar-hover,
button:focus-visible > .pm-avatar-hover {
  background: #17161273;
  color: #fafaf7f2;
}
@media (max-width: 640px) {
  .pm-me-identity {
    gap: 16px;
    padding: 20px;
  }
  .pm-me-avatar {
    width: 80px;
    height: 80px;
  }
  .pm-me-avatar__initial {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .pm-page-title {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .pm-page-header {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .pm-page-header__actions {
    width: 100%;
    flex-wrap: wrap;
  }
  .pm-page-header__actions > .kb-btn--accent {
    width: 100%;
    justify-content: center;
  }
  .pm-page-header__actions .pm-toolbar {
    justify-content: flex-start;
  }
}
@media (min-width: 640px) {
  .pm-metric__value {
    font-size: 36px;
  }
}
.pm-btn--danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: var(--kb-radius-md);
  border: 1px solid var(--kb-error);
  background: var(--kb-error);
  color: var(--kb-text-inverse);
  font-family: var(--kb-font-body);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.18s var(--kb-ease-enter);
}
.pm-btn--danger:hover:not(:disabled) {
  background: #6a2424;
  border-color: #6a2424;
}
.pm-btn--danger:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.pm-field-label {
  font-family: var(--kb-font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-muted);
  margin: 0 0 8px;
  display: block;
}
@media (max-width: 600px) {
  .pm-dialog__field-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 479px) {
  .pm-metric-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: none;
  }
  .pm-metric-grid::-webkit-scrollbar {
    display: none;
  }
  .pm-metric-grid > * {
    flex: 0 0 auto;
    width: min(70vw, 280px);
    scroll-snap-align: start;
  }
}
@media (max-width: 479px) {
  .pm-media-chips-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  }
  .pm-media-chips-row::-webkit-scrollbar {
    display: none;
  }
}
.ed-lead {
  padding: 24px 20px 4px;
}
.ed-lead__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-accent);
  white-space: nowrap;
}
.ed-lead__eyebrow:before {
  content: '';
  width: 18px;
  height: 1px;
  background: currentColor;
  display: inline-block;
}
.ed-lead__title {
  margin: 0;
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: clamp(28px, 7.4vw, 38px);
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--kb-text);
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
  font-feature-settings:
    'lnum' 1,
    'kern' 1;
}
.ed-lead__title em {
  font-style: italic;
  font-weight: 600;
  color: var(--kb-brass);
}
.ed-lead__title--muted {
  color: var(--kb-muted);
}
.ed-lead__sub {
  margin-top: 12px;
  max-width: 32ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--kb-muted);
}
.ed-section {
  padding: 0 20px;
  margin-top: var(--kb-section-gap);
}
.ed-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 0 14px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-section__head h2 {
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: var(--kb-ink-2);
  margin: 0;
}
.ed-section__meta {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .ed-section {
    padding: 0;
    margin-top: 28px;
  }
  .ed-brief {
    margin: 0;
    padding: 28px 28px 24px;
  }
  .ed-brief:before {
    top: 28px;
    bottom: 28px;
  }
  .ed-brief__title {
    font-size: 28px;
    line-height: 1.2;
  }
  .ed-lead {
    padding: 0 0 4px;
  }
  .ed-lead__title {
    font-size: clamp(36px, 3.6vw, 48px);
  }
  .ed-pulse {
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
  }
  .ed-pulse__head {
    display: none;
  }
  .ed-detail-head {
    padding: 0 0 20px;
  }
  .ed-search {
    margin: 0 0 16px;
    max-width: 480px;
  }
  .ed-filter-row {
    padding: 0 0 16px;
  }
  .ed-history {
    padding: 0;
  }
}
.ed-page-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  padding: 12px 20px 0;
}
.ed-page-toolbar--split {
  flex-wrap: wrap;
  justify-content: space-between;
}
.ed-kicker {
  display: inline-block;
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-kicker--accent {
  color: var(--kb-accent);
}
.ed-kicker--brass {
  color: var(--kb-brass);
}
.ed-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 8px;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: var(--kb-ink-2);
}
.ed-section-title__count {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  color: var(--kb-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-section--bleed {
  padding: 0 var(--kb-pad-x);
}
.ed-section--col {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.ed-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--kb-row-gap);
  padding-bottom: var(--kb-gap-content);
  border-bottom: 1px solid var(--kb-hair);
}
.ed-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--kb-hair-strong);
  border-radius: 2px;
  background: var(--kb-surface);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--kb-ink-3);
  white-space: nowrap;
}
.ed-tag--accent {
  color: var(--kb-accent);
  border-color: var(--kb-accent-tint-strong);
  background: var(--kb-accent-tint);
}
.ed-tag--warn {
  color: var(--kb-warning);
  border-color: #8a623033;
  background: var(--kb-warning-tint);
}
.ed-tag--danger {
  color: var(--kb-error);
  border-color: #7a2e2e33;
  background: var(--kb-error-tint);
}
.ed-tag--success {
  color: var(--kb-success);
  border-color: #2d5f3f33;
  background: var(--kb-success-tint);
}
.ed-tag--quiet {
  color: var(--kb-muted);
  border-color: var(--kb-hair);
  background: var(--kb-bg);
}
.ed-tag--mono {
  font-family: var(--kb-font-mono);
  letter-spacing: 0.02em;
}
.ed-trend {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: var(--kb-row-y) 0;
  border-bottom: 1px solid var(--kb-hair);
  cursor: pointer;
}
.ed-trend:last-child {
  border-bottom: 0;
}
.ed-trend__count {
  padding-top: 6px;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--kb-text);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum', 'lnum';
}
.ed-trend__count sub {
  margin-left: 2px;
  font-family: var(--kb-font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kb-muted);
  vertical-align: top;
}
.ed-trend__title {
  margin-bottom: 4px;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.4;
  color: var(--kb-text);
}
.ed-trend__body {
  font-size: 13px;
  line-height: 1.55;
  color: var(--kb-muted);
}
.ed-trend__note {
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--kb-ink-3);
}
.ed-trend__note strong {
  font-weight: 600;
  color: var(--kb-text);
}
.ed-search {
  position: relative;
  margin: 4px 20px 16px;
}
.ed-search input {
  width: 100%;
  height: 42px;
  padding: 0 14px 0 38px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  font-size: 14.5px;
  color: var(--kb-text);
  outline: none;
  transition:
    border-color var(--kb-duration-short) var(--kb-ease-move),
    box-shadow var(--kb-duration-short) var(--kb-ease-move);
}
.ed-search input:focus {
  border-color: var(--kb-accent);
  box-shadow: 0 0 0 3px var(--kb-accent-tint);
}
.ed-search input::placeholder {
  color: var(--kb-muted-2);
}
.ed-search__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--kb-muted-2);
  pointer-events: none;
  display: inline-flex;
}
.ed-filter-row {
  display: flex;
  gap: 8px;
  padding: 0 20px 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.ed-filter-row::-webkit-scrollbar {
  display: none;
}
.ed-filter-chip {
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  border: 1px solid var(--kb-hair-strong);
  border-radius: var(--kb-radius-full);
  background: var(--kb-surface);
  font-family: var(--kb-font-body);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--kb-ink-2);
  white-space: nowrap;
  cursor: pointer;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move),
    border-color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-filter-chip:hover {
  background: var(--kb-bg);
}
.ed-filter-chip[aria-pressed='true'] {
  background: var(--kb-text);
  border-color: var(--kb-text);
  color: var(--kb-bg);
}
.ed-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ed-phase {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}
.ed-phase__bars {
  display: grid;
  gap: 4px;
}
.ed-phase__bar {
  height: 3px;
  border-radius: 999px;
  background: var(--kb-hair);
}
.ed-phase__bar--past {
  background: var(--kb-accent-soft);
}
.ed-phase__bar--current {
  background: var(--kb-accent);
}
.ed-phase__labels {
  display: grid;
  gap: 4px;
  font-family: var(--kb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--kb-muted);
  text-transform: uppercase;
}
.ed-phase__label--current {
  color: var(--kb-accent);
}
.ed-phase__label--past {
  color: var(--kb-ink-3);
}
.ed-history {
  padding: 0 20px;
  margin-top: 14px;
}
.ed-history-row {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--kb-hair-2);
}
.ed-history-row:last-child {
  border-bottom: 0;
}
.ed-history-date {
  padding-top: 3px;
  font-family: var(--kb-font-mono);
  font-size: 11.5px;
  letter-spacing: 0.02em;
  color: var(--kb-muted);
}
.ed-history-kind {
  display: inline-block;
  margin-bottom: 4px;
  font-family: var(--kb-font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kb-accent);
}
.ed-history-text {
  font-size: 14px;
  line-height: 1.55;
  color: var(--kb-ink-2);
}
.ed-page {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  font-family: var(--kb-font-body);
}
.ed-page__spacer-xl {
  height: 48px;
}
.ed-page__spacer {
  height: 32px;
}
.ed-scope-pill {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-full);
  background: var(--kb-bg);
}
.ed-scope-pill button {
  height: 26px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--kb-radius-full);
  background: transparent;
  font-family: var(--kb-font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--kb-muted);
  cursor: pointer;
  transition:
    color var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-scope-pill button[aria-current='true'] {
  color: var(--kb-text);
  background: var(--kb-surface);
  box-shadow:
    0 1px 2px #1716120f,
    0 0 0 0.5px var(--kb-hair);
}
.ed-desktop {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  width: 100%;
}
.ed-desktop__rail {
  position: sticky;
  top: 88px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 24px 32px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-lg);
  background: var(--kb-surface);
}
.ed-desktop__rail-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ed-desktop__rail-title {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-muted);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-desktop__rail-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  font-size: 13.5px;
  color: var(--kb-ink-3);
  border-bottom: 1px dashed var(--kb-hair-2);
}
.ed-desktop__rail-item:last-child {
  border-bottom: 0;
}
.ed-desktop__rail-item strong {
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--kb-text);
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum', 'lnum';
}
.ed-desktop__rail-item strong.ed-warn {
  color: var(--kb-warning);
}
.ed-desktop__work {
  min-width: 0;
}
.ed-desktop__lead-title {
  margin: 0;
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: clamp(36px, 4.2vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.018em;
  color: var(--kb-text);
  max-width: 22ch;
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
  font-feature-settings:
    'lnum' 1,
    'kern' 1;
}
.ed-desktop__lead-title em {
  font-style: italic;
  font-weight: 600;
  color: var(--kb-brass);
}
.ed-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 32px;
  margin-top: 24px;
}
.ed-panel {
  display: flex;
  flex-direction: column;
}
.ed-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--kb-hair-strong);
}
.ed-panel__head h2 {
  margin: 0;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 13.5px;
  letter-spacing: 0.02em;
  color: var(--kb-ink-2);
}
.ed-panel__meta {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--kb-muted);
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .ed-desktop {
    display: block;
  }
  .ed-desktop__rail {
    display: none;
  }
  .ed-grid-2 {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
.ed-topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: env(safe-area-inset-top, 0px) 20px 12px;
  padding-top: calc(env(safe-area-inset-top, 0px) + 12px);
  background: #fafaf7db;
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid transparent;
  transition:
    border-color var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-topbar.is-scrolled {
  border-bottom-color: var(--kb-hair);
}
[data-theme='dark'] .ed-topbar {
  background: #171612db;
}
.ed-topbar__date {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--kb-muted);
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.ed-topbar__date strong {
  font-weight: 500;
  color: var(--kb-text);
  margin-right: 8px;
}
.ed-topbar__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ed-topbar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: var(--kb-radius-full);
  background: transparent;
  color: var(--kb-ink-3);
  cursor: pointer;
  transition: background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-topbar__icon:active {
  background: var(--kb-surface-alt);
  transform: scale(0.96);
}
.ed-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
  font-family: var(--kb-font-body);
  font-size: 13px;
  font-weight: 500;
  flex-shrink: 0;
  letter-spacing: 0;
}
.ed-login {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--kb-bg);
  overflow: hidden;
}
.ed-login:after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 92%, var(--kb-accent-tint), transparent 50%);
  pointer-events: none;
  opacity: 0.9;
}
.ed-login__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 70px 20px 0;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kb-muted);
  position: relative;
  z-index: 1;
}
.ed-login__brand strong {
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--kb-text);
}
.ed-login__brand-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--kb-accent);
}
.ed-login__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 24px 36px;
  position: relative;
  z-index: 1;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.ed-login__title {
  margin: 0 0 10px;
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: clamp(34px, 8.5vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--kb-text);
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
  font-feature-settings:
    'lnum' 1,
    'kern' 1;
}
.ed-login__title em {
  font-style: italic;
  font-weight: 600;
  color: var(--kb-brass);
}
.ed-login__sub {
  margin: 0 0 36px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--kb-muted);
  max-width: 26ch;
}
.ed-login__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.ed-login__field label {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-login__field input {
  height: 46px;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid var(--kb-hair-strong);
  background: transparent;
  font-family: var(--kb-font-body);
  font-size: 17px;
  color: var(--kb-text);
  outline: none;
  transition: border-color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-login__field input:focus {
  border-bottom-color: var(--kb-accent);
}
.ed-login__field-row {
  position: relative;
}
.ed-login__field-row input {
  width: 100%;
  padding-right: 38px;
}
.ed-login__password-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--kb-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ed-login__password-toggle:hover {
  color: var(--kb-text);
}
.ed-login__error {
  margin-top: 12px;
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--kb-error);
}
.ed-login__cta {
  margin-top: 24px;
  height: 50px;
  font-size: 15px;
}
.ed-login__foot {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 18px;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--kb-faint);
  text-align: center;
}
.ed-alert {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--kb-hair);
  border-left-width: 2px;
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  font-family: var(--kb-font-body);
  font-size: 13.5px;
  line-height: 1.55;
}
.ed-alert__title {
  font-weight: 600;
  font-size: 14px;
}
.ed-alert__body > * {
  margin: 0;
}
.ed-alert__body > * + * {
  margin-top: 6px;
}
.ed-alert--info {
  border-left-color: var(--kb-accent);
  background: var(--kb-accent-tint);
}
.ed-alert--warning {
  border-left-color: var(--kb-warning);
  background: var(--kb-warning-tint);
  color: var(--kb-text);
}
.ed-alert--warning .ed-alert__title {
  color: var(--kb-warning);
}
.ed-alert--danger {
  border-left-color: var(--kb-error);
  background: var(--kb-error-tint);
}
.ed-alert--danger .ed-alert__title {
  color: var(--kb-error);
}
.ed-alert--success {
  border-left-color: var(--kb-success);
  background: var(--kb-success-tint);
}
.ed-alert--success .ed-alert__title {
  color: var(--kb-success);
}
@media (min-width: 768px) {
  .ed-login {
    align-items: center;
    justify-content: center;
  }
  .ed-login__brand {
    position: absolute;
    top: 28px;
    left: 32px;
    padding: 0;
  }
  .ed-login__body {
    flex: 0 0 auto;
    justify-content: flex-start;
    width: 420px;
    max-width: 420px;
    padding: 40px 40px 36px;
    background: var(--kb-surface);
    border: 1px solid var(--kb-hair);
    border-radius: var(--kb-radius-lg);
    box-shadow: 0 1px #14233805;
  }
  .ed-login__title {
    font-size: clamp(28px, 2.4vw, 34px);
  }
  .ed-login__sub {
    margin-bottom: 28px;
  }
  .ed-login__foot {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin-top: 0;
  }
}
.ed-meta-list {
  display: flex;
  flex-direction: column;
}
.ed-presentation {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background: var(--kb-bg);
  color: var(--kb-text);
}
.ed-presentation__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 24px;
  border-bottom: 1px solid var(--kb-hair);
  background: #fafaf7eb;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
}
[data-theme='dark'] .ed-presentation__bar {
  background: #171612eb;
}
.ed-presentation__title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.ed-presentation__title strong {
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.005em;
  color: var(--kb-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ed-presentation__title em {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-muted);
  font-style: normal;
}
.ed-presentation__stage {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 48px clamp(20px, 6vw, 80px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.ed-presentation__counter {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--kb-muted);
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-contact-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  padding: 8px 10px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
}
.ed-contact-row__body {
  flex: 1;
  min-width: 0;
}
.ed-contact-row__name {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-micro);
  font-size: 14px;
  font-weight: 500;
  color: var(--kb-text);
}
.ed-contact-row__name .ed-contact-row__title-suffix {
  font-weight: 400;
  color: var(--kb-muted);
}
.ed-contact-row__meta {
  margin-top: 2px;
  font-family: var(--kb-font-mono);
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-inline-form {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  padding: 12px;
  border: 1px dashed var(--kb-accent);
  border-radius: var(--kb-radius-md);
  background: var(--kb-accent-tint);
}
.ed-inline-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--kb-gap-tight);
}
.ed-inline-form__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--kb-gap-micro);
}
.pm-field-label--flush {
  margin: 0;
}
.ed-hint-field {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-help-text {
  margin: 0;
  font-size: 12px;
  color: var(--kb-text-soft);
  line-height: 1.5;
}
.ed-help-text--warning {
  color: var(--kb-warning);
}
.ed-help-text--error {
  color: var(--kb-error);
}
.ed-contact-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-content);
  padding: 10px 0;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-contact-li:last-child {
  border-bottom: 0;
}
.ed-contact-li__body {
  flex: 1;
  min-width: 0;
}
.ed-contact-li__name {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-contact-li__name-text {
  font-weight: 500;
  font-size: 14px;
}
.ed-contact-li__title {
  font-size: 12px;
  color: var(--kb-text-soft);
}
.ed-contact-li__meta {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--kb-text-soft);
}
.ed-action-card {
  padding: 16px 18px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
}
.ed-action-card--cancelled {
  opacity: 0.7;
}
.ed-action-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.ed-action-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--kb-gap-content);
}
.ed-action-card__head-text {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
}
.ed-action-card__title {
  margin: 0;
  font-family: var(--kb-font-display);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--kb-text);
  word-break: break-word;
}
.ed-action-card--cancelled .ed-action-card__title {
  color: var(--kb-muted);
  text-decoration: line-through;
  text-decoration-color: var(--kb-hair);
}
.ed-action-card__owner-row {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-action-card__collaborators {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.ed-action-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-tight);
}
.ed-action-card__meta {
  margin-top: var(--kb-gap-content);
  padding-top: 10px;
  border-top: 1px dashed var(--kb-hair);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--kb-muted);
}
.ed-action-card__meta-line + .ed-action-card__meta-line {
  margin-top: 2px;
}
.ed-action-card__resolve-grid {
  margin-top: var(--kb-gap-content);
  display: grid;
  gap: var(--kb-gap-tight);
}
.ed-action-card__resolve-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
.ed-action-card__resolve-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.ed-filter-row--spaced {
  margin-top: var(--kb-row-gap);
  margin-bottom: var(--kb-row-y);
}
.ed-contact-group {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ed-contact-group__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 0 8px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-contact-group__head h3 {
  margin: 0;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: var(--kb-ink-2);
}
.ed-contact-row {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--kb-hair-2);
}
.ed-contact-row:last-child {
  border-bottom: 0;
}
.ed-contact-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-bg);
  border: 1px solid var(--kb-hair);
  color: var(--kb-ink-2);
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ed-contact-name {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--kb-text);
}
.ed-contact-meta {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--kb-muted);
}
.ed-contact-tap {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-full);
  color: var(--kb-muted);
  cursor: pointer;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-contact-tap:hover {
  background: var(--kb-bg);
  color: var(--kb-text);
}
.ed-contacts-subsection {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-contacts-subsection__label {
  margin: 0;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-contacts-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-contacts-row--tight {
  gap: var(--kb-gap-tight);
}
.ed-contacts-column-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--kb-muted);
}
.ed-settings-chip-row {
  padding: 0;
}
.ed-modal-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-text-soft);
}
.ed-modal-hint-inline {
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-admin-shell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0 96px;
}
.ed-admin-nav {
  display: flex;
  gap: 4px;
  padding: 12px 24px 16px;
  border-bottom: 1px solid var(--kb-hair);
  overflow-x: auto;
  scrollbar-width: none;
}
.ed-admin-nav::-webkit-scrollbar {
  display: none;
}
.ed-admin-nav a {
  flex-shrink: 0;
  padding: 6px 12px;
  border-radius: var(--kb-radius-sm);
  font-family: var(--kb-font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-muted);
  white-space: nowrap;
  transition:
    color var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-admin-nav a:hover {
  color: var(--kb-text);
}
.ed-admin-nav a[data-active='true'],
.ed-admin-nav a.active,
.ed-admin-nav a[aria-current='page'] {
  color: var(--kb-text);
  background: var(--kb-surface);
  box-shadow: inset 0 0 0 1px var(--kb-hair);
}
.ed-admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
  color: var(--kb-ink-2);
}
.ed-admin-table thead th {
  position: sticky;
  top: 0;
  padding: 10px 14px;
  background: var(--kb-bg);
  border-bottom: 1px solid var(--kb-hair-strong);
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kb-muted);
  text-align: left;
  white-space: nowrap;
}
.ed-admin-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--kb-hair-2);
  vertical-align: top;
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-admin-table tbody tr:hover td {
  background: var(--kb-bg);
}
.ed-admin-table tbody tr:last-child td {
  border-bottom: 0;
}
.ed-admin-table .num,
.ed-admin-table [data-num] {
  font-family: var(--kb-font-mono);
}
.ed-admin-table__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.ed-page-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--kb-gap-content);
  margin-bottom: var(--kb-row-y);
}
.ed-admin-table-bleed {
  margin: 0 var(--kb-pad-x);
}
.ed-form-card {
  margin-bottom: var(--kb-row-y);
}
.ed-form-error {
  margin: 0 0 var(--kb-row-gap);
  color: var(--kb-error);
  font-size: 13px;
}
.ed-admin-table__msg {
  text-align: center;
  color: var(--kb-muted);
}
.ed-form-row {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
}
.ed-form-row__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-muted);
}
.ed-form-row__label-required {
  color: var(--kb-error);
  margin-left: 2px;
}
.ed-form-row__hint {
  margin: 0;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-form-divider {
  margin-top: var(--kb-gap-micro);
  padding-top: var(--kb-row-y);
  border-top: 1px solid var(--kb-hair);
}
.ed-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ed-list-head__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-text-soft);
}
.ed-list-head__count {
  color: var(--kb-muted);
}
.ed-kpi-card {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
}
.ed-kpi-card__label {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-text-soft);
}
.ed-kpi-card__value {
  font-family: var(--kb-font-display);
  font-size: 22px;
  font-weight: 500;
  color: var(--kb-text);
  font-variant-numeric: lining-nums tabular-nums;
}
.ed-kpi-card[data-tone='warning'] .ed-kpi-card__value {
  color: var(--kb-warning);
}
.ed-kpi-card__hint {
  font-size: 10px;
  color: var(--kb-text-soft);
}
.ed-kpi-card--lg {
  padding: 18px;
}
.ed-kpi-card--lg .ed-kpi-card__label {
  margin-bottom: 6px;
}
.ed-kpi-card--lg .ed-kpi-card__value {
  font-size: 36px;
  line-height: 1;
}
.ed-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--kb-row-gap);
  margin-bottom: var(--kb-section-gap);
}
.ed-admin-table--spaced {
  margin-bottom: var(--kb-section-gap);
}
.ed-admin-table th[data-align='right'],
.ed-admin-table td[data-align='right'] {
  text-align: right;
}
.ed-admin-table td[data-tone='success'] {
  color: var(--kb-success);
  font-weight: 500;
}
.ed-admin-table td[data-tone='warning'] {
  color: var(--kb-warning);
  font-weight: 500;
}
.ed-admin-table td[data-tone='muted'] {
  color: var(--kb-text-soft);
}
.ed-admin-table-scroll {
  overflow-x: auto;
}
@media (max-width: 767px) {
  .ed-admin-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .ed-admin-table,
  .ed-admin-table tbody,
  .ed-admin-table tr,
  .ed-admin-table td {
    display: block;
    width: 100%;
  }
  .ed-admin-table tr {
    padding: 12px 0;
    border-bottom: 1px solid var(--kb-hair);
  }
  .ed-admin-table tbody tr:last-child {
    border-bottom: 0;
  }
  .ed-admin-table td {
    padding: 6px 0;
    border: 0;
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 12px;
    align-items: baseline;
  }
  .ed-admin-table td:before {
    content: attr(data-label);
    font-family: var(--kb-font-mono);
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--kb-muted);
  }
  .ed-admin-table td:not([data-label]):before {
    content: none;
  }
  .ed-admin-table td:not([data-label]) {
    display: block;
  }
  .ed-admin-table td[data-label='actions'] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--kb-hair-2);
  }
}
.ed-detail-head {
  padding: 14px 20px 18px;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-detail-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kb-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ed-detail-back:hover {
  color: var(--kb-text);
}
.ed-detail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-detail-meta .ed-sep {
  color: var(--kb-faint);
}
.ed-detail-meta button {
  border: 0;
  background: transparent;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: var(--kb-accent);
  cursor: pointer;
  padding: 0;
}
.ed-detail-title {
  margin: 0 0 12px;
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: clamp(28px, 7.4vw, 36px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--kb-text);
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
  font-feature-settings:
    'lnum' 1,
    'kern' 1;
}
.ed-settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  margin: 0 -16px;
  border: 0;
  background: transparent;
  color: var(--kb-text);
  font-family: var(--kb-font-body);
  font-size: 14.5px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-settings-row + .ed-settings-row {
  border-top: 1px solid var(--kb-hair);
}
.ed-settings-row:hover {
  background: var(--kb-bg);
}
.ed-settings-row:active {
  background: var(--kb-surface-alt);
}
.ed-settings-row__chevron {
  color: var(--kb-muted-2);
  flex-shrink: 0;
}
.ed-settings-row--danger {
  color: var(--kb-error);
}
.ed-settings-row--danger .ed-settings-row__chevron {
  color: var(--kb-error);
  opacity: 0.6;
}
.ed-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
}
[data-theme='dark'] .ed-card {
  border-color: var(--kb-hair-strong);
}
.ed-card--soft {
  background: var(--kb-surface-soft);
  border-color: var(--kb-hair-2);
}
.ed-card--flush {
  padding: 0;
}
.ed-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--kb-hair-2);
}
.ed-link-reset {
  text-decoration: none;
}
.ed-link {
  color: var(--kb-accent);
  text-decoration: none;
}
.ed-link:hover {
  color: var(--kb-accent-hover);
}
.ed-detail-head--padded {
  padding: 14px 20px 20px;
}
.ed-detail-title-row {
  display: flex;
  justify-content: space-between;
  gap: var(--kb-row-gap);
  align-items: flex-start;
}
.ed-detail-title-row__main {
  flex: 1;
  min-width: 0;
}
.ed-detail-title-row__actions {
  display: flex;
  gap: var(--kb-gap-tight);
  flex-shrink: 0;
}
.ed-rename-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-detail-title-input {
  margin: 0;
  padding: 2px 8px;
  border: 1px solid var(--kb-hair-strong);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  color: var(--kb-text);
  outline: none;
  min-width: 240px;
  flex: 1;
}
.ed-detail-title-input:focus {
  border-color: var(--kb-accent);
}
.ed-icon-x-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--kb-muted);
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
}
.ed-icon-x-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.ed-icon-x-btn:hover:not(:disabled) {
  color: var(--kb-text);
}
.ed-card.ed-card--p18 {
  padding: 18px;
}
.ed-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
  margin-bottom: var(--kb-gap-content);
}
.ed-card-head__title {
  margin: 0;
  font-family: var(--kb-font-display);
  font-size: 14px;
  font-weight: 500;
  color: var(--kb-text);
}
.ed-card-body-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--kb-text-soft);
}
.ed-card-body-text--sm {
  font-size: 12px;
}
.ed-card-body-text--multiline {
  white-space: pre-wrap;
}
.ed-card-body-text--main {
  color: var(--kb-text);
}
.ed-card-body-text--relaxed {
  line-height: 1.6;
}
.ed-cardref-tile {
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  position: relative;
}
.ed-cardref-tile__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--kb-text-soft);
  padding: 4px;
}
.ed-cardref-tile__remove:hover {
  color: var(--kb-text);
}
.ed-cardref-tile__link {
  text-decoration: none;
  color: inherit;
  padding-right: 18px;
}
.ed-cardref-tile__title-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-cardref-tile__name {
  font-weight: 500;
  font-size: 13px;
  font-family: var(--kb-font-display);
}
.ed-cardref-tile__oneliner {
  margin: 2px 0 0;
  font-size: 11px;
  color: var(--kb-text-soft);
  line-height: 1.4;
}
.ed-cardref-tile__reason {
  margin: var(--kb-gap-micro) 0 0;
  font-size: 10px;
  color: var(--kb-text-soft);
  font-style: italic;
  line-height: 1.35;
}
.ed-cardref-tile__footer {
  margin: var(--kb-gap-micro) 0 0;
  font-size: 10px;
  color: var(--kb-text-soft);
}
.ed-pack-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  gap: var(--kb-gap-content);
}
.ed-pack-row__body {
  flex: 1;
  min-width: 0;
}
.ed-pack-row__name {
  font-weight: 500;
  font-size: 14px;
}
.ed-pack-row__meta {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--kb-text-soft);
}
.ed-pack-row__cta {
  color: var(--kb-accent);
  text-decoration: none;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-micro);
}
.ed-pack-row__cta:hover {
  color: var(--kb-accent-hover);
}
.ed-icon-accent {
  color: var(--kb-accent);
}
.ed-icon-btn--p4 {
  padding: 4px;
}
.ed-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-tight);
  margin-top: var(--kb-row-y);
  padding-top: var(--kb-gap-content);
  border-top: 1px dashed var(--kb-hair);
}
.ed-link-card {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-lg);
}
.ed-link-card__rail {
  width: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--kb-gap-tight);
  padding: 12px 4px;
  border-right: 1px solid var(--kb-hair);
}
.ed-link-card__rail-label {
  font-family: var(--kb-font-body);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.ed-link-card--wide .ed-link-card__rail {
  width: 56px;
}
.ed-link-card__body {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-link-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--kb-text);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ed-link-card__host {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: clamp(140px, 50vw, 360px);
  display: inline-block;
}
.ed-link-card__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--kb-text-soft);
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ed-link-card--wide .ed-link-card__desc {
  -webkit-line-clamp: 4;
}
.ed-link-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--kb-gap-tight);
  margin-top: var(--kb-gap-micro);
  flex-wrap: wrap;
}
.ed-link-card__actions {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-micro);
}
.ed-link-card__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-micro);
  padding: 6px 14px;
  border-radius: var(--kb-radius-md);
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.ed-link-card__cta:hover {
  background: var(--kb-accent-hover);
}
.ed-card-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--kb-row-y);
  gap: var(--kb-row-gap);
}
.ed-card-form-header__title {
  margin: var(--kb-gap-content) 0 0;
  font-family: var(--kb-font-display);
  font-size: 24px;
  font-weight: 500;
  color: var(--kb-text);
}
.ed-card-form-header__aside {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-content);
}
.ed-back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-micro);
  color: var(--kb-muted);
  font-size: 14px;
  text-decoration: none;
}
.ed-back-link:hover {
  color: var(--kb-text);
}
.ed-warning-pill {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  color: var(--kb-warning);
  background: var(--kb-warning-tint);
  padding: 4px 8px;
  border-radius: var(--kb-radius-sm);
}
.ed-cover-thumb {
  width: 120px;
  height: 80px;
  border-radius: var(--kb-radius-md);
  display: flex;
  align-items: flex-end;
  padding: 8px 12px;
}
.ed-cover-thumb__label {
  font-family: var(--kb-font-display);
  font-size: 24px;
  color: var(--kb-cover-text);
}
.ed-card .actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--kb-gap-tight);
  margin-top: var(--kb-row-y);
}
.ed-card.ed-card--section {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ed-card__title {
  margin: 0;
  font-family: var(--kb-font-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--kb-text);
}
.ed-contacts-card {
  margin-top: var(--kb-row-y);
}
.ed-contacts-card__head {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  margin-bottom: var(--kb-row-y);
}
.ed-contacts-card__title {
  margin: 0;
  font-size: 15px;
  font-family: var(--kb-font-display);
  font-weight: 500;
}
.ed-contacts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: var(--kb-row-y);
}
.ed-contacts-section {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
  height: 100%;
  padding: 14px 16px;
  border-radius: var(--kb-radius-md);
  border: 1px solid var(--kb-hair);
  background: var(--kb-bg);
}
.ed-contacts-section--owner {
  background: var(--kb-accent-tint);
  border-color: var(--kb-accent-tint-strong);
}
.ed-contacts-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
}
.ed-contacts-section__stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ed-contacts-empty {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  padding: 10px 12px;
  border-radius: var(--kb-radius-sm);
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
}
.ed-contacts-empty__title {
  margin: 0;
  font-size: 13px;
  color: var(--kb-text);
}
.ed-contacts-empty__hint {
  margin: 0;
  font-size: 12px;
  color: var(--kb-text-soft);
  line-height: 1.55;
}
.ed-relative {
  position: relative;
}
.ed-avatar-editor {
  margin: 0 20px;
  padding: 18px 20px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  display: flex;
  gap: 18px;
  align-items: center;
}
.ed-avatar-editor__btn {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: var(--kb-radius-full);
  border: 1px solid var(--kb-hair);
  background: var(--kb-bg);
  color: var(--kb-ink-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
}
.ed-avatar-editor__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ed-avatar-editor__initial {
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: 28px;
  color: var(--kb-text);
}
.ed-avatar-editor__overlay {
  position: absolute;
  inset: 0;
  background: var(--kb-scrim-accent);
  color: var(--kb-text-inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.18s var(--kb-ease-enter);
}
.ed-avatar-editor__file-input {
  display: none;
}
.ed-avatar-editor__body {
  flex: 1;
  min-width: 0;
}
.ed-avatar-editor__name-edit {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-avatar-editor__name-input {
  max-width: 260px;
}
.ed-avatar-editor__name-row {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-avatar-editor__name {
  margin: 0;
  font-family: var(--kb-font-display);
  font-size: 24px;
  font-weight: 500;
  color: var(--kb-text);
  letter-spacing: -0.01em;
}
.ed-avatar-editor__remove {
  margin-top: var(--kb-gap-micro);
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--kb-muted);
  font-size: 12px;
  cursor: pointer;
}
.ed-avatar-editor__remove:hover {
  color: var(--kb-text);
}
.ed-settings-card-stack {
  gap: var(--kb-gap-content);
}
.ed-settings-card-hint {
  margin: 0;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-settings-row__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.ed-theme-chip {
  gap: var(--kb-gap-tight);
}
.ed-option-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-tight);
}
.ed-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1 0 88px;
  min-height: 72px;
  padding: 10px 12px;
  appearance: none;
  border: 1px solid var(--kb-hair-strong);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  color: var(--kb-text-soft);
  font-family: var(--kb-font-body);
  cursor: pointer;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    border-color var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-option:hover {
  background: var(--kb-bg);
  border-color: var(--kb-muted-2);
  color: var(--kb-text);
}
.ed-option:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 2px;
}
.ed-option__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--kb-muted);
  transition: color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-option__label {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.ed-option--active {
  background: var(--kb-accent-tint);
  border-color: var(--kb-accent);
  color: var(--kb-accent);
}
.ed-option--active .ed-option__icon {
  color: var(--kb-accent);
}
.ed-option--active:hover {
  background: var(--kb-accent-tint-strong);
  border-color: var(--kb-accent);
  color: var(--kb-accent);
}
.ed-channel-body {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  font-size: 13px;
}
.ed-channel-name-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-channel-name-row__name {
  font-weight: 500;
  color: var(--kb-text);
}
.ed-channel-name-row__type {
  font-size: 11px;
  color: var(--kb-muted);
}
.ed-channel-contact-block {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  padding: 10px 12px;
  border-radius: var(--kb-radius-sm);
  border: 1px solid var(--kb-hair);
  background: var(--kb-surface);
}
.ed-channel-contact-block__name {
  color: var(--kb-text);
}
.ed-channel-contact-block__phone {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  color: var(--kb-muted);
  font-variant-numeric: tabular-nums;
}
.ed-channel-contact-block__hint {
  margin: 0;
  font-size: 12px;
  color: var(--kb-text-soft);
  line-height: 1.55;
}
.ed-contacts-card--customer .ed-contacts-card__title {
  font-size: 14px;
}
.ed-contacts-card--customer .ed-contacts-card__head {
  margin-bottom: var(--kb-gap-content);
}
.ed-contacts-card--customer .ed-contacts-grid {
  gap: 18px;
}
.ed-channel-notes {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--kb-ink-2);
  white-space: pre-wrap;
}
.ed-ai-source {
  border: 1px solid var(--kb-hair);
  border-left: 2px solid var(--kb-accent);
  border-radius: var(--kb-radius-md);
  padding: var(--kb-pad-y) var(--kb-pad-x);
  background: var(--kb-surface);
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.ed-ai-source__head {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--kb-muted);
  text-transform: uppercase;
}
.ed-ai-source__excerpt {
  margin: 0;
  padding: var(--kb-gap-content) var(--kb-gap-content);
  background: var(--kb-bg);
  border-radius: var(--kb-radius-sm);
  font-family: var(--kb-font-body);
  font-size: 14px;
  line-height: 1.7;
  color: var(--kb-text);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 220px;
  overflow: auto;
}
.ed-ai-source__reason {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--kb-ink-2);
}
.ed-ai-source__reason strong {
  color: var(--kb-accent);
  font-weight: 500;
}
.ed-teammate-head {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-content);
  margin-top: var(--kb-gap-tight);
}
.ed-teammate-head__text {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  min-width: 0;
}
.ed-teammate-avatar {
  width: 56px;
  height: 56px;
  border-radius: var(--kb-radius-full);
  object-fit: cover;
  border: 1px solid var(--kb-hair);
  background: var(--kb-bg);
  flex-shrink: 0;
}
.ed-teammate-avatar--initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--kb-font-display);
  font-size: 26px;
  color: var(--kb-accent);
  background: var(--kb-accent-tint);
}
.ed-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--kb-radius-sm);
  background: transparent;
  font-family: var(--kb-font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move),
    border-color var(--kb-duration-short) var(--kb-ease-move),
    transform var(--kb-duration-short) var(--kb-ease-enter);
}
.ed-btn:active:not(:disabled) {
  transform: scale(0.98);
}
.ed-btn--primary {
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
}
.ed-btn--primary:hover {
  background: var(--kb-accent-hover);
}
.ed-btn--ghost {
  background: var(--kb-surface);
  color: var(--kb-ink-2);
  border-color: var(--kb-hair-strong);
}
.ed-btn--ghost:hover {
  background: var(--kb-bg);
}
.ed-btn--quiet {
  height: 36px;
  padding: 0 8px;
  color: var(--kb-muted);
}
.ed-btn--quiet:hover {
  color: var(--kb-ink-2);
  background: var(--kb-bg);
}
.ed-btn--block {
  width: 100%;
}
.ed-btn--sm {
  height: 32px;
  padding: 0 12px;
  font-size: 13px;
}
.ed-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ed-field__label {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ed-field__label--required:after {
  content: '*';
  color: var(--kb-brass);
}
.ed-field__input,
.ed-field textarea,
.ed-field select {
  width: 100%;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  font-family: var(--kb-font-body);
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--kb-text);
  outline: none;
  transition:
    border-color var(--kb-duration-short) var(--kb-ease-move),
    box-shadow var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-field textarea {
  resize: vertical;
  min-height: 88px;
}
.ed-field__input:focus,
.ed-field textarea:focus,
.ed-field select:focus {
  border-color: var(--kb-accent);
  box-shadow: 0 0 0 3px var(--kb-accent-tint);
}
.ed-field__input::placeholder,
.ed-field textarea::placeholder {
  color: var(--kb-muted-2);
}
.ed-field__input:disabled,
.ed-field textarea:disabled,
.ed-field select:disabled {
  background: var(--kb-bg);
  color: var(--kb-muted);
  cursor: not-allowed;
}
.ed-field--inline {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.ed-field--inline .ed-field__label {
  flex-shrink: 0;
  min-width: 88px;
}
.ed-field__hint {
  font-size: 12px;
  line-height: 1.5;
  color: var(--kb-muted);
  text-wrap: pretty;
}
.ed-field__error {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--kb-error);
}
.ed-field--underline .ed-field__input,
.ed-field--underline textarea {
  border: 0;
  border-bottom: 1px solid var(--kb-hair-strong);
  border-radius: 0;
  padding: 6px 0;
  background: transparent;
  font-size: 16px;
}
.ed-field--underline .ed-field__input:focus,
.ed-field--underline textarea:focus {
  border-bottom-color: var(--kb-accent);
  box-shadow: none;
}
.ed-btn--xs {
  font-size: 11px;
  padding: 2px 8px;
  height: auto;
  min-height: 0;
}
.ed-textarea {
  width: 100%;
  padding: 10px;
  font-size: 13px;
  font-family: inherit;
  border: 1px solid var(--kb-hair-strong);
  border-radius: var(--kb-radius-md);
  resize: vertical;
  background: var(--kb-surface);
  color: var(--kb-text);
  outline: none;
  transition: border-color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-textarea:focus {
  border-color: var(--kb-accent);
}
.ed-field-stack__footer {
  display: flex;
  gap: var(--kb-gap-tight);
  justify-content: flex-end;
}
.ed-form-stack {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.ed-mini-field {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-textarea-resize {
  resize: vertical;
}
.ed-field-stack {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-field-stack__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-text-soft);
}
.ed-field-stack__sub {
  font-size: 12px;
  color: var(--kb-muted);
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
}
.ed-btn--danger {
  color: var(--kb-error);
}
.ed-btn--primary.ed-btn--primary-danger {
  background: var(--kb-error);
  color: var(--kb-text-inverse);
}
.ed-btn--primary.ed-btn--primary-danger:hover {
  background: color-mix(in oklab, var(--kb-error) 88%, var(--kb-text) 12%);
}
.ed-text-button {
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0 var(--kb-gap-micro);
  color: var(--kb-accent);
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}
.ed-text-button:hover {
  color: var(--kb-accent-hover);
}
.ed-text-action {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 7px;
  border: none;
  background: var(--kb-surface);
  color: var(--kb-accent);
  font-size: 12px;
  cursor: pointer;
  border-radius: var(--kb-radius-full);
}
.ed-text-action:hover {
  background: var(--kb-accent-tint);
}
.ed-no-data-text {
  font-size: 13px;
  color: var(--kb-text-soft);
}
.ed-no-data-text--sm {
  font-size: 12px;
}
.ed-modal-form-stack {
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-y);
}
.ed-modal-form-stack--tight {
  gap: var(--kb-gap-content);
}
.ed-modal-action-row {
  display: flex;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-modal-action-row--end {
  justify-content: flex-end;
}
.ed-modal-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
}
.ed-detail-row {
  display: flex;
  align-items: baseline;
  gap: var(--kb-gap-content);
  padding: var(--kb-gap-tight) 0;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-detail-row:last-child {
  border-bottom: 0;
}
.ed-detail-row__label {
  flex-shrink: 0;
  width: 72px;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-detail-row__value {
  flex: 1;
  font-size: 14px;
  color: var(--kb-text);
  word-break: break-word;
}
.ed-detail-row__value--mono {
  font-family: var(--kb-font-mono);
  font-variant-numeric: tabular-nums;
}
.ed-detail-row__value--muted {
  color: var(--kb-muted);
}
.ed-display-contents {
  display: contents;
}
.ed-flex-wrap-row {
  display: flex;
  gap: var(--kb-gap-content);
  flex-wrap: wrap;
}
.ed-flex-wrap-row--end {
  display: flex;
  justify-content: flex-end;
}
.ed-flex-1-200 {
  flex: 1 1 200px;
}
.ed-inline-row {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
}
.ed-input-narrow {
  max-width: 120px;
}
.ed-field__hint--warning {
  color: var(--kb-warning);
}
.ed-mono-label-sm {
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-form-grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--kb-row-gap);
  margin-bottom: var(--kb-row-y);
}
.ed-visibility-block {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  margin-bottom: var(--kb-row-y);
}
.ed-visibility-list {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-visibility-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: var(--kb-bg);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
}
.ed-visibility-row__label {
  font-size: 14px;
}
.ed-visibility-row__checkbox {
  cursor: pointer;
  margin: 0;
}
.ed-visibility-row__hint {
  font-size: 13px;
  color: var(--kb-muted);
}
.text-field {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  margin-bottom: var(--kb-row-y);
}
.text-field .label {
  font-size: 13px;
  font-weight: 500;
  color: var(--kb-muted);
}
.text-field .description {
  font-size: 12px;
  color: var(--kb-muted);
  margin-top: 2px;
}
.ed-form-hr {
  border: none;
  border-top: 1px solid var(--kb-hair);
  margin: var(--kb-gap-micro) 0;
}
.ed-action-editor {
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-y);
}
.ed-action-editor__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ed-action-editor__index {
  margin: 0;
  font-family: var(--kb-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-suffix-muted {
  color: var(--kb-muted);
}
.ed-ai-input-card {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  padding: 14px 16px;
  background: var(--kb-accent-tint);
  border: 1px solid var(--kb-accent-tint-strong);
  border-radius: var(--kb-radius-md);
}
.ed-inline-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  font-size: 13.5px;
  color: var(--kb-ink-2);
}
.ed-tag-button {
  appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font: inherit;
  display: inline-flex;
  align-items: center;
}
.ed-tag-button:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 2px;
  border-radius: var(--kb-radius-full);
}
.ed-tag-button:hover .ed-tag {
  filter: brightness(0.96);
}
.ed-rows {
  display: flex;
  flex-direction: column;
}
.ed-row {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 14px;
  align-items: start;
  margin: 0 -8px;
  padding: var(--kb-row-y) 8px;
  border: 0;
  border-bottom: 1px solid var(--kb-hair);
  border-radius: 2px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-row:last-child {
  border-bottom: 0;
}
.ed-row:hover {
  background: var(--kb-bg);
}
.ed-row:active {
  background: var(--kb-surface-alt);
}
.ed-row__idx {
  padding-top: 4px;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--kb-muted-2);
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-row__main {
  min-width: 0;
}
.ed-row__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ed-row__meta .ed-sep {
  color: var(--kb-faint);
}
.ed-row__title {
  margin-bottom: 4px;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.4;
  letter-spacing: -0.003em;
  color: var(--kb-text);
}
.ed-row__title--serif {
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: 19px;
  letter-spacing: -0.005em;
}
.ed-row__sub {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--kb-muted);
  text-wrap: pretty;
}
.ed-row__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  padding-top: 4px;
}
.ed-row__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-family: var(--kb-font-body);
  font-size: 12.5px;
  color: var(--kb-accent);
}
.ed-row__action:before {
  content: '建议';
  margin-right: 4px;
  font-family: var(--kb-font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-row--risk .ed-row__idx {
  color: var(--kb-warning);
}
.ed-row--risk:before {
  content: '';
  position: absolute;
  left: 8px;
  top: var(--kb-row-y);
  bottom: var(--kb-row-y);
  width: 2px;
  background: var(--kb-warning);
  opacity: 0.55;
}
.ed-pulse {
  margin: 0 20px;
  padding: 16px 20px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ed-pulse__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--kb-hair-2);
}
.ed-pulse__head h3 {
  margin: 0;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 14px;
  color: var(--kb-text);
}
.ed-pulse__range {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--kb-muted);
}
.ed-pulse__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ed-pulse__cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 0 0 12px;
  border-left: 1px solid var(--kb-hair-2);
}
.ed-pulse__cell:first-child {
  padding-left: 0;
  border-left: 0;
}
.ed-pulse__cell--link {
  text-decoration: none;
  color: inherit;
  transition: color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-pulse__cell--link:hover .ed-pulse__num,
.ed-pulse__cell--link:focus-visible .ed-pulse__num {
  color: var(--kb-accent);
}
.ed-pulse__cell--link:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 4px;
  border-radius: var(--kb-radius-sm);
}
.ed-pulse__cell .ed-pulse__label {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-pulse__cell .ed-pulse__num {
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--kb-text);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum', 'lnum';
}
.ed-pulse__cell .ed-pulse__num--warn {
  color: var(--kb-warning);
}
.ed-pulse__cell .ed-pulse__delta {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  color: var(--kb-muted-2);
}
.ed-pulse__note {
  padding-top: 10px;
  border-top: 1px dashed var(--kb-hair-2);
  font-size: 13px;
  line-height: 1.55;
  color: var(--kb-muted);
  text-wrap: pretty;
}
.ed-empty {
  padding: 22px 0;
  border-top: 1px solid var(--kb-hair-2);
  color: var(--kb-muted);
  font-size: 13.5px;
  line-height: 1.6;
}
.ed-empty strong {
  display: block;
  margin-bottom: 4px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--kb-ink-3);
}
.ed-empty p {
  margin: 0;
  text-wrap: pretty;
}
.ed-meta-row {
  display: grid;
  grid-template-columns: minmax(72px, 96px) 1fr;
  gap: 14px;
  padding: 10px 0;
  align-items: baseline;
  border-bottom: 1px solid var(--kb-hair-2);
}
.ed-meta-row:last-child {
  border-bottom: 0;
}
.ed-meta-row__label {
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-meta-row__value {
  font-size: 14px;
  line-height: 1.55;
  color: var(--kb-ink-2);
  text-wrap: pretty;
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-meta-row__value--strong {
  font-weight: 500;
  color: var(--kb-text);
}
.ed-meta-row__value--mono {
  font-family: var(--kb-font-mono);
}
.ed-meta-row__value--muted {
  color: var(--kb-muted);
}
.ed-row-sub {
  margin-top: 2px;
  color: var(--kb-muted);
  font-size: 12px;
}
.ed-row-li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ed-row--button {
  text-align: left;
}
.ed-project-picker-list {
  max-height: min(60vh, 480px);
  overflow-y: auto;
}
.ed-row__chev {
  color: var(--kb-muted-2);
}
.ed-roster {
  margin-top: var(--kb-row-y);
  padding-top: var(--kb-gap-content);
  border-top: 1px dashed var(--kb-hair);
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-roster__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-roster__title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--kb-accent);
  letter-spacing: 0.3px;
}
.ed-roster__list .ed-roster__item + .ed-roster__item {
  border-top: 1px dashed var(--kb-hair);
}
.ed-roster__link {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
  padding: 10px 0;
  color: inherit;
  text-decoration: none;
}
.ed-roster__title-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-roster__title-text {
  display: flex;
  align-items: baseline;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
  min-width: 0;
}
.ed-roster__name {
  font-weight: 500;
  font-size: 14px;
  color: var(--kb-text);
}
.ed-roster__meta {
  font-size: 11px;
  color: var(--kb-text-soft);
}
.ed-roster__owner {
  font-size: 11px;
  color: var(--kb-text-soft);
  flex-shrink: 0;
}
.ed-ainotes {
  margin-top: var(--kb-row-y);
  padding-top: var(--kb-gap-content);
  border-top: 1px dashed var(--kb-hair);
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-ainotes__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-ainotes__title-group {
  display: flex;
  align-items: baseline;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-ainotes__meta {
  font-size: 11px;
  color: var(--kb-text-soft);
}
.ed-roster__segments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-size: 11px;
  color: var(--kb-muted);
  font-family: var(--kb-font-mono);
}
.ed-roster__segment {
  display: inline-flex;
  align-items: center;
}
.ed-roster__segment-dot {
  margin-right: var(--kb-gap-tight);
  color: var(--kb-hair-strong);
}
.ed-cooperation-chip {
  appearance: none;
  padding: 4px 12px;
  border-radius: var(--kb-radius-full);
  border: 1px solid var(--kb-hair-strong);
  background: transparent;
  color: var(--kb-muted);
  font-size: 12px;
  font-family: var(--kb-font-body);
  cursor: pointer;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    border-color var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-cooperation-chip[aria-pressed='true'] {
  background: var(--kb-accent);
  border-color: var(--kb-accent);
  color: var(--kb-text-inverse);
}
.ed-cooperation-chip:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.ed-cooperation-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  margin-top: var(--kb-row-y);
  flex-wrap: wrap;
}
.ed-relation-tag {
  font-size: 10px;
  padding: 1px 6px;
  background: var(--kb-surface-alt);
  border-radius: var(--kb-radius-sm);
  color: var(--kb-text-soft);
}
.ed-list-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ed-list-reset--rows {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-list-reset--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.ed-pending-pill {
  margin-left: var(--kb-gap-tight);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--kb-warning);
}
.ed-collapsible {
  border-top: 1px solid var(--kb-hair);
}
.ed-collapsible:last-child {
  border-bottom: 1px solid var(--kb-hair);
}
.ed-collapsible__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 14px 0;
  border: 0;
  background: transparent;
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: var(--kb-ink-2);
  cursor: pointer;
  text-align: left;
}
.ed-collapsible__head:hover {
  color: var(--kb-text);
}
.ed-collapsible__chev {
  transition: transform var(--kb-duration-short) var(--kb-ease-enter);
  color: var(--kb-muted-2);
}
.ed-collapsible[data-open='true'] .ed-collapsible__chev {
  transform: rotate(180deg);
}
.ed-collapsible__body {
  padding: 0 0 18px;
}
.ed-contacts-pill-list {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-empty--warning {
  border-top: 0;
  color: var(--kb-warning);
}
.ed-row--static {
  cursor: default;
}
.ed-row__link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition:
    border-color var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-row__link:hover,
.ed-row__link:focus-visible {
  color: var(--kb-accent);
  border-bottom-color: currentColor;
  outline: none;
}
.ed-row__link--strong {
  border-bottom-color: var(--kb-hair-strong);
}
.ed-row__link--strong:hover,
.ed-row__link--strong:focus-visible {
  border-bottom-color: var(--kb-accent);
}
.ed-empty__action {
  margin-top: var(--kb-gap-content);
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
}
.ed-brief {
  position: relative;
  margin: 0 20px;
  padding: 22px 22px 20px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-lg);
  overflow: hidden;
}
.ed-brief:before {
  content: '';
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 2px;
  background: var(--kb-accent);
  border-radius: 0 1px 1px 0;
}
.ed-brief__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.ed-brief__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kb-accent);
}
.ed-brief__refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--kb-radius-full);
  color: var(--kb-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
  transition:
    background var(--kb-duration-short) var(--kb-ease-move),
    color var(--kb-duration-short) var(--kb-ease-move);
}
.ed-brief__refresh:hover {
  color: var(--kb-text);
  background: var(--kb-bg);
}
.ed-brief__title {
  margin: 0 0 16px;
  font-family: var(--kb-font-display);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.28;
  letter-spacing: -0.005em;
  color: var(--kb-text);
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
  font-feature-settings:
    'lnum' 1,
    'kern' 1;
}
.ed-brief__title em {
  font-style: italic;
  font-weight: 600;
  color: var(--kb-brass);
}
.ed-brief__reason {
  display: flex;
  flex-direction: column;
  padding-top: 14px;
  border-top: 1px solid var(--kb-hair-2);
}
.ed-brief__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--kb-hair-2);
  align-items: baseline;
}
.ed-brief__step:last-child {
  border-bottom: 0;
}
.ed-brief__step-num {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--kb-accent-soft);
  padding-top: 2px;
  font-variant-numeric: tabular-nums lining-nums;
}
.ed-brief__step-text {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--kb-ink-2);
  text-wrap: pretty;
}
.ed-brief__deeper {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 8px;
  padding: 10px 0 6px;
  border: 0;
  border-top: 1px solid var(--kb-hair-2);
  background: transparent;
  font-family: var(--kb-font-body);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--kb-muted);
  cursor: pointer;
}
.ed-brief__deeper-chev {
  transition: transform var(--kb-duration-medium) var(--kb-ease-enter);
}
.ed-brief__deeper[aria-expanded='true'] .ed-brief__deeper-chev {
  transform: rotate(180deg);
}
.ed-brief__deep {
  overflow: hidden;
  max-height: 0;
  transition: max-height var(--kb-duration-long) var(--kb-ease-enter);
}
.ed-brief__deep[data-open='true'] {
  max-height: 480px;
}
.ed-brief__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--kb-hair);
}
.ed-brief__evidence {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed var(--kb-hair-2);
}
.ed-brief__evidence-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  font-size: 12.5px;
  line-height: 1.55;
}
.ed-brief__evidence-kind {
  flex-shrink: 0;
  width: 36px;
  font-family: var(--kb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kb-muted-2);
}
.ed-brief__evidence-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--kb-ink-2);
}
.ed-brief__evidence-ref {
  flex-shrink: 0;
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.02em;
  color: var(--kb-faint);
  white-space: nowrap;
}
.ed-picker {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
}
.ed-picker__search {
  position: relative;
  padding: 8px 12px 8px 36px;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-picker__search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--kb-muted-2);
}
.ed-picker__search-input {
  width: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-family: var(--kb-font-body);
  font-size: 14px;
  color: var(--kb-text);
}
.ed-picker__no-match {
  margin: 0;
  padding: 14px;
  font-size: 13px;
  color: var(--kb-muted);
}
.ed-picker__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow-y: auto;
}
.ed-picker__item {
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid var(--kb-hair);
}
.ed-picker__item:last-child {
  border-bottom: 0;
}
.ed-picker__item[data-active='true'] {
  background: var(--kb-bg);
}
.ed-picker__item[data-disabled='true'] {
  cursor: not-allowed;
  opacity: 0.6;
}
.ed-picker__item-title {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  font-family: var(--kb-font-body);
  font-weight: 400;
  font-size: 14px;
  color: var(--kb-text);
}
.ed-picker__item[data-selected='true'] .ed-picker__item-title {
  font-weight: 500;
  color: var(--kb-accent);
}
.ed-picker__item-meta {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-picker-empty {
  padding: 12px 14px;
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface-alt);
  font-size: 13px;
  color: var(--kb-muted);
}
.ed-picker-empty__link {
  color: var(--kb-accent);
  text-decoration: underline;
}
.ed-self-start {
  align-self: flex-start;
}
.ed-channel-picker__count {
  color: var(--kb-muted);
  margin-left: var(--kb-gap-tight);
  font-size: 11px;
}
.ed-channel-picker__create {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-micro);
  color: var(--kb-accent);
  font-weight: 500;
}
.ed-cmd {
  position: fixed;
  inset: 0;
  background: var(--kb-overlay);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: max(80px, env(safe-area-inset-top, 0px));
  z-index: 100;
  font-family: var(--kb-font-body);
}
.ed-cmd__panel {
  width: min(560px, calc(100vw - 32px));
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-lg);
  overflow: hidden;
}
.ed-cmd__input {
  width: 100%;
  border: none;
  outline: none;
  padding: 16px 20px;
  font-size: 15px;
  color: var(--kb-text);
  background: transparent;
}
.ed-cmd__list {
  max-height: 360px;
  overflow-y: auto;
  border-top: 1px solid var(--kb-hair);
}
.ed-cmd__empty {
  padding: 24px 20px;
  margin: 0;
  font-size: 13px;
  color: var(--kb-muted);
  text-align: center;
}
.ed-cmd__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  color: var(--kb-text);
}
.ed-cmd__item[data-active='true'] {
  background: var(--kb-bg);
}
.ed-cmd__item-left {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-content);
  min-width: 0;
}
.ed-cmd__kind {
  font-size: 11px;
  color: var(--kb-muted);
  flex-shrink: 0;
  width: 36px;
}
.ed-cmd__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ed-cmd__hint {
  font-size: 11px;
  color: var(--kb-muted);
  margin-left: var(--kb-gap-content);
  flex-shrink: 0;
}
.ed-cmd__foot {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  border-top: 1px solid var(--kb-hair);
  font-size: 11px;
  color: var(--kb-muted);
  font-family: var(--kb-font-mono);
}
.ed-virtual-list {
  max-height: min(70vh, 720px);
  overflow-y: auto;
  contain: strict;
}
.ed-virtual-list__inner {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.ed-virtual-list__row {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ed-member-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  padding: 4px 10px 4px 4px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent-tint);
  color: var(--kb-text);
  font-size: 13px;
}
.ed-member-pill--owner {
  background: var(--kb-accent-tint-strong);
}
.ed-member-pill__name {
  font-weight: 400;
}
.ed-member-pill--owner .ed-member-pill__name {
  font-weight: 500;
}
.ed-member-pill__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--kb-muted);
  cursor: pointer;
  padding: 0;
  margin-left: -2px;
}
.ed-member-pill__remove:hover {
  background: var(--kb-bg);
  color: var(--kb-text);
}
.ed-picker-menu {
  margin-top: var(--kb-gap-micro);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  max-height: 220px;
  overflow-y: auto;
}
.ed-picker-state {
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-picker-state--error {
  color: var(--kb-error);
}
.ed-picker-item {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--kb-hair);
  cursor: pointer;
  text-align: left;
}
.ed-picker-item:last-child {
  border-bottom: 0;
}
.ed-picker-item:hover {
  background: var(--kb-bg);
}
.ed-picker-item__name {
  flex: 1;
  font-size: 13px;
}
.ed-picker-item__role {
  font-size: 11px;
  color: var(--kb-muted);
}
.ed-picker-item__check {
  opacity: 0.5;
}
.ed-avatar-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
}
.ed-avatar-circle__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.ed-contact-pill-name {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  font-size: 14px;
  color: var(--kb-text);
}
.ed-contact-pill-name__main {
  font-weight: 500;
}
.ed-contact-pill-name__title {
  color: var(--kb-muted);
  font-weight: 400;
}
.ed-contact-pill-phone {
  font-size: 12px;
  color: var(--kb-muted);
  margin-top: 2px;
  font-family: var(--kb-font-mono);
  font-variant-numeric: tabular-nums;
}
.ed-modal-title-row {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-contact-avatar-row {
  display: flex;
  justify-content: center;
  padding-bottom: var(--kb-gap-micro);
}
.ed-contact-avatar-circle {
  width: 56px;
  height: 56px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent-tint-strong);
  color: var(--kb-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ed-contact-detail-list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ed-contact-detail-empty {
  margin: 0;
  font-size: 13.5px;
  color: var(--kb-muted);
  text-align: center;
}
.ed-contact-detail-row {
  grid-template-columns: 22px 96px 1fr;
  align-items: flex-start;
}
.ed-contact-detail-row__icon {
  color: var(--kb-muted-2);
  display: inline-flex;
  align-items: center;
}
.ed-contact-detail-row__label {
  margin: 0;
}
.ed-contact-detail-row__value {
  margin: 0;
  white-space: normal;
  line-height: 1.4;
  word-break: break-word;
}
.ed-contact-detail-row__value--multiline {
  white-space: pre-wrap;
  line-height: 1.55;
}
.ed-break-all {
  word-break: break-all;
}
.ed-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.ed-file-card {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-content);
  padding: 12px;
  border-radius: var(--kb-radius-md);
  border: 1px solid var(--kb-hair);
  background: var(--kb-surface);
}
.ed-file-card__icon {
  color: var(--kb-accent);
  flex-shrink: 0;
}
.ed-file-card__body {
  flex: 1;
  min-width: 0;
}
.ed-file-card__name {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--kb-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ed-file-card__size {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-doc-preview {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  flex: 1;
  min-height: 0;
}
.ed-doc-preview__kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--kb-gap-tight);
}
.ed-doc-preview__body {
  margin: 0;
  padding: 16px;
  white-space: pre-wrap;
  overflow: auto;
  font-size: 14px;
  line-height: 1.7;
  font-family: var(--kb-font-body);
  word-break: break-word;
  background: var(--kb-surface-alt);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  max-height: 60vh;
}
.ed-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--kb-gap-tight);
  padding: 32px 16px;
  border: 2px dashed var(--kb-hair-strong);
  border-radius: var(--kb-radius-md);
  background: var(--kb-bg);
  color: var(--kb-muted);
  cursor: pointer;
  transition:
    border-color var(--kb-duration-short) var(--kb-ease-move),
    background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-dropzone:hover,
.ed-dropzone[data-active='true'] {
  border-color: var(--kb-accent);
  background: var(--kb-accent-tint);
  color: var(--kb-accent);
}
.ed-dropzone__title {
  font-size: 14px;
  font-weight: 500;
}
.ed-dropzone__hint {
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-modal-container--wide {
  max-width: 880px;
}
.ed-modal-container--md-wide {
  max-width: 760px;
}
.ed-modal-footer--start {
  justify-content: flex-start;
}
.ed-card-picker-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.ed-kspace {
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-gap);
  padding: 20px;
}
.ed-kspace__loading {
  padding: 24px;
}
.ed-kspace__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--kb-gap-content);
  flex-wrap: wrap;
}
.ed-kspace__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.ed-kspace__subtitle {
  margin: var(--kb-gap-micro) 0 0;
  color: var(--kb-muted);
  font-size: 13px;
}
.ed-kspace__add-btns {
  display: flex;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-kspace__search-bar {
  display: flex;
  gap: var(--kb-gap-tight);
  align-items: center;
}
.ed-kspace__search-input {
  flex: 1;
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid var(--kb-hair-strong);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
  color: var(--kb-text);
}
.ed-kspace__search-input:focus {
  outline: none;
  border-color: var(--kb-accent);
}
.ed-kspace__msg-card {
  padding: 12px;
  font-size: 13px;
  color: var(--kb-muted);
}
.ed-kspace__hits {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-kspace__hits-count {
  font-size: 12px;
  font-weight: 600;
  color: var(--kb-accent);
}
.ed-kspace__hit-card {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
}
.ed-kspace__hit-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--kb-accent);
}
.ed-kspace__hit-meta {
  color: var(--kb-muted);
  font-weight: 400;
  margin-left: var(--kb-gap-tight);
}
.ed-kspace__hit-content {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.ed-kspace__empty {
  padding: 24px 0;
  text-align: center;
  color: var(--kb-muted);
  font-size: 13px;
}
.ed-kspace__doc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.ed-kspace__doc {
  padding: 14px;
  border-left: 3px solid var(--doc-accent, var(--kb-accent));
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-kspace__doc-source-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--doc-accent, var(--kb-accent));
}
.ed-kspace__doc-tag {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent-tint-strong);
  color: var(--kb-accent);
}
.ed-kspace__doc-preview {
  margin: 0;
  font-size: 14px;
  color: var(--kb-muted);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ed-kspace__doc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-content);
}
.ed-kspace__doc-source {
  font-size: 12px;
  color: var(--kb-muted);
}
.ed-kspace__doc-time {
  font-size: 13px;
  color: var(--kb-muted);
}
.ed-kspace__doc-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-kspace__doc-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
}
.ed-kspace__doc-warn {
  font-size: 12px;
  color: var(--kb-warning);
}
.ed-kspace__doc-actions {
  display: flex;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ed-kspace-confirm {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: var(--kb-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--kb-row-y);
}
.ed-kspace-confirm__card {
  padding: 20px;
  width: min(420px, 92vw);
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-y);
}
.ed-kspace-confirm__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.ed-kspace-confirm__body {
  margin: 0;
  font-size: 13px;
  color: var(--kb-muted);
}
.ed-kspace-confirm__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--kb-gap-tight);
}
.ed-kspace__meta-icon {
  margin-left: var(--kb-gap-tight);
  color: var(--kb-muted);
}
.ed-kspace__meta-icon--warn {
  color: var(--kb-warning);
}
.ed-research-vstack {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-micro);
}
.ed-research-vstack--gap-tight {
  gap: var(--kb-gap-tight);
}
.ed-research-grid {
  display: grid;
  gap: var(--kb-gap-tight);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.ed-research-fact-text {
  font-weight: 500;
  line-height: 1.5;
}
.ed-research-fact--stretch {
  align-items: stretch;
}
.ed-research-meta--lh15 {
  line-height: 1.5;
}
.ed-research-meta--mt4 {
  margin-top: var(--kb-gap-micro);
}
.ed-research-retry-btn {
  align-self: flex-start;
  margin-top: var(--kb-gap-micro);
}
.ed-research-domain-actions {
  display: flex;
  gap: var(--kb-gap-tight);
  flex-wrap: wrap;
  margin-top: var(--kb-gap-micro);
}
.ed-research-status-pill {
  color: var(--ed-research-status-fg, var(--kb-text));
  border-color: var(--ed-research-status-bg, var(--kb-hair));
  background: var(--ed-research-status-bg, transparent);
}
.ed-create-customer__top-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ed-create-customer__name-input {
  flex: 1 1 240px;
}
.ed-create-customer__hints-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ed-create-customer__hints-help {
  margin: var(--kb-gap-micro) 0 0;
  font-size: 12px;
  color: var(--kb-muted);
  line-height: 1.55;
}
.ed-create-customer__hints-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.ed-create-customer__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--kb-gap-tight);
  padding-top: var(--kb-gap-tight);
  flex-wrap: wrap;
}
.ed-create-customer__expanded {
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-y);
  padding-top: var(--kb-gap-content);
  border-top: 1px solid var(--kb-hair);
}
.ed-create-customer__base-info {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-create-customer__base-info-help {
  margin: 0;
  font-size: 12px;
  color: var(--kb-muted);
  line-height: 1.55;
}
.ed-create-customer__submit-row {
  display: flex;
  justify-content: flex-end;
}
.ed-ai-pill {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: var(--kb-radius-sm);
  background: var(--kb-accent-tint-strong);
  color: var(--kb-accent);
  font-weight: 600;
  letter-spacing: 0.3px;
}
.ed-collab-pip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
  margin-left: 2px;
}
.ed-collab-pip__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ed-collab-pip-overflow {
  font-size: 11px;
  margin-left: var(--kb-gap-micro);
}
.ed-insight-strip {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
  padding: var(--kb-gap-content) 0;
}
.ed-insight-strip__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kb-gap-content);
  padding-bottom: var(--kb-gap-tight);
  border-bottom: 1px solid var(--kb-hair);
}
.ed-insight-strip__title-group {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.ed-insight-strip__title {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kb-accent);
}
.ed-insight-strip__count {
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-muted);
}
.ed-insight-strip__actions {
  display: flex;
  gap: var(--kb-gap-tight);
}
.ed-insight-strip__row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: var(--kb-gap-micro);
}
.ed-insight-strip__empty {
  margin: 0;
  font-size: 12px;
  color: var(--kb-muted);
  padding: var(--kb-gap-micro) 0;
}
.ed-insight-card {
  position: relative;
  padding: 16px 18px;
  min-width: 280px;
  max-width: 360px;
  flex: 1 0 280px;
  background: var(--kb-surface);
  border: 1px solid var(--kb-hair);
  border-left: 2px solid var(--insight-tone, var(--kb-accent));
  border-radius: var(--kb-radius-md);
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-insight-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kb-gap-tight);
}
.ed-insight-card__type {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--insight-tone, var(--kb-accent));
}
.ed-insight-card__meta {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  font-size: 11px;
  color: var(--kb-muted);
}
.ed-insight-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.ed-insight-card__summary {
  margin: 0;
  font-size: 12px;
  color: var(--kb-muted);
  line-height: 1.5;
}
.ed-insight-card__rec {
  font-size: 12px;
  padding: 8px 10px;
  background: var(--kb-accent-tint);
  border-radius: var(--kb-radius-md);
  color: var(--kb-accent);
}
.ed-insight-card__evidence {
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-insight-card__refs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-micro);
  align-items: center;
  font-size: 11px;
  color: var(--kb-muted);
}
.ed-insight-card__refs-label {
  font-weight: 500;
}
.ed-insight-card__ref-chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent-tint-strong);
  color: var(--kb-accent);
  font-size: 11px;
  font-weight: 500;
  max-width: clamp(120px, 30vw, 220px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ed-insight-card__ref-chip--button {
  appearance: none;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: left;
  transition: background var(--kb-duration-short) var(--kb-ease-move);
}
.ed-insight-card__ref-chip--button:hover {
  background: var(--kb-accent);
  color: var(--kb-text-inverse);
}
.ed-insight-card__ref-chip--button:focus-visible {
  outline: 2px solid var(--kb-accent);
  outline-offset: 2px;
}
.ed-insight-card__details {
  font-size: 11px;
  color: var(--kb-muted);
}
.ed-insight-card__details summary {
  cursor: pointer;
}
.ed-insight-card__details-list {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-tight);
}
.ed-insight-card__detail-item {
  padding-left: var(--kb-gap-tight);
  border-left: 2px solid var(--insight-tone, var(--kb-accent));
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ed-insight-card__detail-title {
  font-weight: 600;
  color: var(--kb-accent);
  font-size: 11px;
}
.ed-insight-card__detail-excerpt {
  line-height: 1.4;
  color: var(--kb-muted);
}
.ed-insight-card__footer {
  display: flex;
  gap: var(--kb-gap-tight);
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed var(--kb-hair);
}
.proposal-row__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--kb-gap-content);
}
.proposal-row__main {
  flex: 1;
  min-width: 0;
}
.proposal-row__chip-row {
  display: flex;
  align-items: center;
  gap: var(--kb-gap-tight);
  margin-bottom: var(--kb-gap-micro);
}
.proposal-row__type {
  font-size: 11px;
  color: var(--kb-text-soft);
}
.proposal-row__title {
  margin: 0 0 var(--kb-gap-micro);
  font-size: 16px;
  font-weight: 600;
}
.proposal-row__meta {
  margin: 0;
  font-size: 12px;
  color: var(--kb-text-soft);
}
.proposal-row__feedback,
.proposal-row__proof,
.proposal-row__desc,
.proposal-row__next {
  margin: var(--kb-gap-micro) 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.proposal-row__feedback {
  background: var(--kb-bg);
  padding: 6px 8px;
  border-radius: var(--kb-radius-sm);
  color: var(--kb-text);
}
.proposal-row__feedback-label {
  color: var(--kb-text-soft);
  font-weight: 500;
}
.proposal-row__proof {
  background: var(--kb-warning-tint);
  padding: 6px 8px;
  border-radius: var(--kb-radius-sm);
  color: var(--kb-warning);
}
.proposal-row__proof-label {
  font-weight: 600;
}
.proposal-row__desc {
  color: var(--kb-text-soft);
  white-space: pre-wrap;
}
.proposal-row__next {
  color: var(--kb-text-soft);
}
.proposal-section {
  display: flex;
  flex-direction: column;
  gap: var(--kb-row-gap);
}
.proposal-section__history {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--kb-gap-content);
}
.proposal-section__empty {
  margin: 0;
  color: var(--kb-text-soft);
  font-size: 14px;
  line-height: 1.6;
}
.proposal-brief {
  position: relative;
  display: grid;
  gap: var(--kb-row-gap);
  padding: var(--kb-pad-y) var(--kb-pad-x);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-lg);
  background: var(--kb-surface-alt);
  overflow: hidden;
}
.proposal-brief:before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--kb-accent);
}
.proposal-brief--warn:before {
  background: var(--kb-warning);
}
.proposal-brief--success:before {
  background: var(--kb-success);
}
.proposal-brief__main {
  position: relative;
  min-width: 0;
}
.proposal-brief__eyebrow {
  margin: 0 0 var(--kb-gap-tight);
  color: var(--kb-muted);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.proposal-brief__headline {
  margin: 0;
  color: var(--kb-text);
  font-family: var(--kb-font-display);
  font-size: clamp(22px, 4.8vw, 30px);
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.015em;
}
.proposal-brief__summary {
  margin: var(--kb-gap-content) 0 0;
  color: var(--kb-text-soft);
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
.proposal-brief__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-tight);
  align-items: center;
}
.proposal-brief__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kb-gap-tight);
}
.proposal-brief__metric {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-height: 30px;
  padding: 4px var(--kb-gap-content);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-full);
  background: var(--kb-surface);
  color: var(--kb-text-soft);
  font-size: 12px;
}
.proposal-brief__metric strong {
  color: var(--kb-text);
  font-family: var(--kb-font-mono);
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums lining-nums;
}
.proposal-brief__metric--warn {
  border-color: var(--kb-warning);
  background: var(--kb-warning-tint);
  color: var(--kb-warning);
}
.proposal-brief__metric--success {
  border-color: var(--kb-success);
  background: var(--kb-success-tint);
  color: var(--kb-success);
}
.proposal-brief__metric--warn strong {
  color: var(--kb-warning);
}
.proposal-brief__metric--success strong {
  color: var(--kb-success);
}
.proposal-ai-summary {
  display: grid;
  gap: var(--kb-gap-content);
  padding: var(--kb-gap-content) var(--kb-pad-x);
  border: 1px solid var(--kb-hair);
  border-radius: var(--kb-radius-md);
  background: var(--kb-surface);
}
.proposal-ai-summary--ready {
  border-color: var(--kb-accent);
}
.proposal-ai-summary--empty {
  background: var(--kb-bg);
}
.proposal-ai-summary__main {
  min-width: 0;
}
.proposal-ai-summary__eyebrow {
  margin: 0 0 6px;
  color: var(--kb-muted);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.proposal-ai-summary__body {
  margin: 0;
  color: var(--kb-text);
  font-size: 15px;
  line-height: 1.6;
  text-wrap: pretty;
}
.proposal-ai-summary__meta {
  margin: var(--kb-gap-tight) 0 0;
  color: var(--kb-muted);
  font-family: var(--kb-font-mono);
  font-size: 11px;
  line-height: 1.5;
}
.proposal-ai-summary__sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--kb-gap-content);
}
.proposal-ai-summary__sources span {
  display: inline-flex;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 8px;
  border-radius: var(--kb-radius-full);
  background: var(--kb-accent-tint);
  color: var(--kb-accent);
  font-size: 11px;
  font-weight: 500;
}
.proposal-ai-summary__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .proposal-brief {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
  .proposal-brief__metrics {
    grid-column: 1 / -1;
  }
  .proposal-ai-summary {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
}
.kb-pack-stage {
  min-height: 100vh;
  background: var(--kb-brand-stage);
  color: var(--kb-brand-text);
  position: relative;
  overflow: hidden;
}
.kb-pack-stage__fallback {
  padding: 24px;
  color: var(--kb-brand-text);
}
.kb-pack-stage__fallback--error {
  padding: 24px;
  min-height: 100vh;
  background: var(--kb-brand-accent);
  color: var(--kb-brand-text);
}
.kb-pack-stage__fallback-link {
  color: var(--kb-brand-text);
}
.kb-pack-stage__cover {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 64px 80px;
}
.kb-pack-stage__cover-kicker {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--kb-brand-text-soft);
  font-family: var(--kb-font-mono);
}
.kb-pack-stage__cover-title {
  margin: 12px 0 0;
  font-family: var(--kb-font-display);
  font-size: clamp(40px, 7vw, 96px);
  font-weight: 500;
  color: var(--kb-brand-text);
  line-height: 1.05;
  max-width: 70%;
}
.kb-pack-stage__cover-meta {
  margin: 24px 0 0;
  font-size: 13px;
  color: var(--kb-brand-text-soft);
  font-family: var(--kb-font-mono);
}
.kb-pack-stage__card {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: 60% 40%;
}
.kb-pack-stage__card-cover {
  display: flex;
  align-items: flex-end;
  padding: 0 80px 32px;
}
.kb-pack-stage__card-name {
  margin: 0;
  font-family: var(--kb-font-display);
  font-size: clamp(32px, 5vw, 72px);
  font-weight: 500;
  color: var(--kb-brand-text);
  max-width: 80%;
  line-height: 1.1;
}
.kb-pack-stage__card-body {
  padding: 32px 80px;
  overflow-y: auto;
}
.kb-pack-stage__card-one-liner {
  margin: 0;
  font-family: var(--kb-font-display);
  font-size: clamp(18px, 2.4vw, 32px);
  font-weight: 400;
  color: var(--kb-brand-text);
  line-height: 1.4;
  max-width: 85%;
}
.kb-pack-stage__card-note {
  margin: 24px 0 0;
  font-size: 13px;
  color: var(--kb-brand-text-quiet);
  font-family: var(--kb-font-mono);
  line-height: 1.6;
  max-width: 85%;
}
.kb-pack-stage__progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--kb-brand-divider);
}
.kb-pack-stage__progress-bar {
  height: 100%;
  background: var(--kb-brand-text);
  transition: width 0.28s cubic-bezier(0.32, 0.72, 0.18, 1);
}
.kb-pack-stage__nav {
  position: fixed;
  bottom: 24px;
  left: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--kb-brand-text-quiet);
  font-size: 12px;
  font-family: var(--kb-font-mono);
}
.kb-pack-stage__nav-back {
  color: var(--kb-brand-text-soft);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.kb-pack-stage__nav-back:hover {
  color: var(--kb-brand-text);
}
.kb-pack-stage__nav-controls {
  display: flex;
  gap: 8px;
}
.kb-pack-stage__nav-btn {
  appearance: none;
  border: 1px solid var(--kb-brand-hairline);
  background: transparent;
  color: var(--kb-brand-text);
  padding: 6px 12px;
  border-radius: var(--kb-radius-sm);
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: inherit;
  transition: background var(--kb-duration-short) var(--kb-ease-move);
}
.kb-pack-stage__nav-btn:hover:not(:disabled) {
  background: var(--kb-brand-divider);
}
.kb-pack-stage__nav-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}