@layer sw.reset, sw.tokens, sw.base, sw.layout, sw.components, sw.utilities, sw.overrides;
@layer sw.reset {
  *, :before, :after {
    box-sizing: border-box;
  }

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

  ul[class], ol[class] {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  input, button, textarea, select {
    font: inherit;
    color: inherit;
  }

  button {
    background: none;
    padding: 0;
  }

  img, picture, svg, video, canvas {
    max-inline-size: 100%;
    display: block;
  }

  table {
    border-collapse: collapse;
  }

  @media (prefers-reduced-motion: reduce) {
    html:not([data-sw-motion="full"]), html:not([data-sw-motion="full"]) *, html:not([data-sw-motion="full"]) :before, html:not([data-sw-motion="full"]) :after {
      animation-duration: var(--sw-motion-essential, 1ms) !important;
      animation-iteration-count: var(--sw-motion-essential-count, 1) !important;
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
      transition-delay: 0s !important;
      animation-delay: 0s !important;
    }
  }

  [data-sw-motion="reduced"], [data-sw-motion="reduced"] *, [data-sw-motion="reduced"] :before, [data-sw-motion="reduced"] :after {
    animation-duration: var(--sw-motion-essential, 1ms) !important;
    animation-iteration-count: var(--sw-motion-essential-count, 1) !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    transition-delay: 0s !important;
    animation-delay: 0s !important;
  }
}

@layer sw.tokens;

@layer sw.base {
  :root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --sw-dir: 1;
    --sw-group-heading-gap: var(--sw-space-1);
    --sw-group-gap: var(--sw-space-3);
  }

  [dir="rtl"] {
    --sw-dir: -1;
  }

  :root, [data-sw-pointer="system"] {
    --sw-touch: 0;
  }

  @media not all and (hover: hover) and (pointer: fine) {
    :root, [data-sw-pointer="system"] {
      --sw-touch: 1;
    }
  }

  [data-sw-pointer="coarse"] {
    --sw-touch: 1;
  }

  [data-sw-pointer="fine"] {
    --sw-touch: 0;
  }

  :root, [data-sw-skin], [data-sw-pointer] {
    --sw-control-scale: calc(1 + var(--sw-touch) * (var(--sw-skin-touch-scale) - 1));
    --sw-control-xs: calc(var(--sw-skin-control-xs) * var(--sw-control-scale));
    --sw-control-sm: calc(var(--sw-skin-control-sm) * var(--sw-control-scale));
    --sw-control-md: calc(var(--sw-skin-control-md) * var(--sw-control-scale));
    --sw-control-lg: calc(var(--sw-skin-control-lg) * var(--sw-control-scale));
    --sw-control-xl: calc(var(--sw-skin-control-xl) * var(--sw-control-scale));
    --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
    --sw-inset: var(--sw-space-15);
    --sw-control-default: var(--sw-control-md);
    --sw-control-pad-block: var(--sw-space-05);
  }

  [data-sw-color-scheme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  [data-sw-color-scheme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  @media (prefers-color-scheme: dark) {
    [data-sw-color-scheme="system"] {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
    }
  }

  @media not all and (prefers-color-scheme: dark) {
    [data-sw-color-scheme="system"] {
      --lightningcss-light: initial;
      --lightningcss-dark: ;
      color-scheme: light;
    }
  }

  :where([data-sw-color-scheme], [data-sw-brand], [data-sw-skin], [data-sw-contrast]):where(:not(:root)) {
    color: var(--sw-color-text-primary);
  }

  :where([data-sw-color-scheme], [data-sw-brand]):where(:not(:root)) {
    background-color: var(--sw-color-surface-page);
  }

  [data-sw-density="compact"] {
    --sw-target: calc(var(--sw-skin-target-compact) * var(--sw-control-scale));
    --sw-inset: var(--sw-space-1);
    --sw-control-default: var(--sw-control-sm);
    --sw-control-pad-block: var(--sw-space-025);
  }

  [data-sw-density="comfortable"] {
    --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
    --sw-inset: var(--sw-space-15);
    --sw-control-default: var(--sw-control-md);
    --sw-control-pad-block: var(--sw-space-05);
  }

  [data-sw-density="spacious"] {
    --sw-target: calc(var(--sw-skin-target-spacious) * var(--sw-control-scale));
    --sw-inset: var(--sw-space-2);
    --sw-control-default: var(--sw-control-md);
    --sw-control-pad-block: var(--sw-space-05);
  }

  html {
    scroll-padding-block-start: var(--sw-focus-scroll-padding);
  }

  body {
    background: var(--sw-color-surface-page);
    color: var(--sw-color-text-primary);
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-md);
    line-height: var(--sw-font-line-height-normal);
    -webkit-font-smoothing: antialiased;
    overflow-wrap: break-word;
  }

  [data-sw-typeface="legible"] {
    --sw-font-family-sans: var(--sw-font-family-legible);
  }

  [data-sw-typeface="default"] {
    --sw-font-family-sans: var(--sw-font-family-default);
  }

  :where([data-sw-typeface]:not(:root)) {
    font-family: var(--sw-font-family-sans);
  }

  :focus-visible {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  :focus:not(:focus-visible), [data-rac][data-hovered]:focus-visible:not([data-focus-visible]) {
    outline: none;
  }

  @media (forced-colors: active) {
    :focus-visible {
      outline-color: highlight;
    }
  }

  a {
    color: var(--sw-color-text-link);
    text-underline-offset: .15em;
  }

  a:hover {
    text-decoration-thickness: max(var(--sw-border-width-thin), .1em);
  }

  mark {
    background-color: var(--sw-color-surface-highlight);
    color: inherit;
  }

  .sw-mono {
    font-family: var(--sw-font-family-mono);
    font-variant-numeric: tabular-nums;
  }

  .sw-numeric {
    font-variant-numeric: tabular-nums;
  }

  :root, [data-sw-skin="base"] {
    --sw-skin-radius-control: var(--sw-radius-lg);
    --sw-skin-radius-surface: var(--sw-radius-xl);
    --sw-skin-radius-pill: var(--sw-radius-lg);
    --sw-skin-border-width: var(--sw-border-width-thin);
    --sw-skin-shadow-raised: none;
    --sw-skin-shadow-overlay: 0 8px 28px #0000008c;
    --sw-skin-shadow-button: none;
    --sw-skin-label-weight: var(--sw-font-weight-semibold);
    --sw-skin-control-weight: var(--sw-font-weight-semibold);
    --sw-skin-control-xs: var(--sw-space-3);
    --sw-skin-control-sm: var(--sw-space-4);
    --sw-skin-control-md: var(--sw-target-comfortable);
    --sw-skin-control-lg: calc(var(--sw-space-3) + var(--sw-space-4));
    --sw-skin-control-xl: var(--sw-space-8);
    --sw-skin-touch-scale: 1;
    --sw-skin-target-compact: var(--sw-target-compact);
    --sw-skin-target-comfortable: var(--sw-target-comfortable);
    --sw-skin-target-spacious: var(--sw-target-spacious);
  }

  [data-sw-skin="lumen"] {
    --sw-skin-radius-control: var(--sw-radius-md);
    --sw-skin-radius-surface: var(--sw-radius-xl);
    --sw-skin-radius-pill: var(--sw-radius-md);
    --sw-skin-border-width: var(--sw-border-width-thin);
    --sw-skin-shadow-raised: 0 1px 2px #0f172a0f, 0 1px 3px #0f172a1a;
    --sw-skin-shadow-overlay: 0 10px 24px -6px #0f172a2e, 0 4px 8px -4px #0f172a1a;
    --sw-skin-shadow-button: none;
    --sw-skin-label-weight: var(--sw-font-weight-medium);
    --sw-skin-control-weight: var(--sw-font-weight-medium);
    --sw-skin-control-xs: var(--sw-space-3);
    --sw-skin-control-sm: var(--sw-space-4);
    --sw-skin-control-md: var(--sw-space-5);
    --sw-skin-control-lg: var(--sw-space-6);
    --sw-skin-control-xl: calc(var(--sw-space-3) + var(--sw-space-4));
    --sw-skin-touch-scale: 1.25;
    --sw-skin-target-compact: var(--sw-target-compact);
    --sw-skin-target-comfortable: var(--sw-target-compact);
    --sw-skin-target-spacious: var(--sw-target-comfortable);
  }

  @media (min-width: 480px) {
    [data-sw-density-sm="compact"] {
      --sw-target: calc(var(--sw-skin-target-compact) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-1);
      --sw-control-default: var(--sw-control-sm);
      --sw-control-pad-block: var(--sw-space-025);
    }

    [data-sw-density-sm="comfortable"] {
      --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-15);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }

    [data-sw-density-sm="spacious"] {
      --sw-target: calc(var(--sw-skin-target-spacious) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-2);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }
  }

  @media (min-width: 768px) {
    [data-sw-density-md="compact"] {
      --sw-target: calc(var(--sw-skin-target-compact) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-1);
      --sw-control-default: var(--sw-control-sm);
      --sw-control-pad-block: var(--sw-space-025);
    }

    [data-sw-density-md="comfortable"] {
      --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-15);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }

    [data-sw-density-md="spacious"] {
      --sw-target: calc(var(--sw-skin-target-spacious) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-2);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }
  }

  @media (min-width: 1024px) {
    [data-sw-density-lg="compact"] {
      --sw-target: calc(var(--sw-skin-target-compact) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-1);
      --sw-control-default: var(--sw-control-sm);
      --sw-control-pad-block: var(--sw-space-025);
    }

    [data-sw-density-lg="comfortable"] {
      --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-15);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }

    [data-sw-density-lg="spacious"] {
      --sw-target: calc(var(--sw-skin-target-spacious) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-2);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }
  }

  @media (min-width: 1280px) {
    [data-sw-density-xl="compact"] {
      --sw-target: calc(var(--sw-skin-target-compact) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-1);
      --sw-control-default: var(--sw-control-sm);
      --sw-control-pad-block: var(--sw-space-025);
    }

    [data-sw-density-xl="comfortable"] {
      --sw-target: calc(var(--sw-skin-target-comfortable) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-15);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }

    [data-sw-density-xl="spacious"] {
      --sw-target: calc(var(--sw-skin-target-spacious) * var(--sw-control-scale));
      --sw-inset: var(--sw-space-2);
      --sw-control-default: var(--sw-control-md);
      --sw-control-pad-block: var(--sw-space-05);
    }
  }

  .sw-text-display {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-5xl);
    font-weight: var(--sw-font-weight-bold);
    line-height: var(--sw-font-line-height-tight);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-heading-xl, .sw-display, :where(h1:not([class])) {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-4xl);
    font-weight: var(--sw-font-weight-bold);
    line-height: var(--sw-font-line-height-tight);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-heading-lg, :where(h2:not([class])) {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-3xl);
    font-weight: var(--sw-font-weight-bold);
    line-height: var(--sw-font-line-height-tight);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-heading-md, .sw-title, :where(h3:not([class])) {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-2xl);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-heading-sm, :where(h4:not([class])) {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-xl);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-heading-xs, .sw-section, :where(h5:not([class]), h6:not([class])) {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-eyebrow {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    color: var(--sw-color-text-secondary);
  }

  .sw-text-lead {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-xl);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-body, .sw-body {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-md);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-body-sm {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-label, .sw-label {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-caption, .sw-caption, .sw-text-fineprint {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    color: var(--sw-color-text-secondary);
  }

  .sw-text-code {
    font-family: var(--sw-font-family-mono);
    font-size: .875em;
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-code-block {
    font-family: var(--sw-font-family-mono);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-text-quote {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-regular);
    line-height: var(--sw-font-line-height-normal);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  :root, [data-sw-scale="static"] {
    --sw-gap-lg: var(--sw-space-3);
    --sw-gap-xl: var(--sw-space-4);
  }

  [data-sw-scale="static"] {
    --sw-font-size-lg: 1.125rem;
    --sw-font-size-xl: 1.25rem;
    --sw-font-size-2xl: 1.5rem;
    --sw-font-size-3xl: 1.875rem;
    --sw-font-size-4xl: 2.25rem;
    --sw-font-size-5xl: 3rem;
  }

  [data-sw-scale="fluid"] {
    --sw-font-size-lg: clamp(1.075rem, 1.0583rem + .0833vw, 1.125rem);
    --sw-font-size-xl: clamp(1.15rem, 1.1167rem + .1667vw, 1.25rem);
    --sw-font-size-2xl: clamp(1.3rem, 1.2333rem + .3333vw, 1.5rem);
    --sw-font-size-3xl: clamp(1.525rem, 1.4083rem + .5833vw, 1.875rem);
    --sw-font-size-4xl: clamp(1.75rem, 1.5833rem + .8333vw, 2.25rem);
    --sw-font-size-5xl: clamp(2.2rem, 1.9333rem + 1.3333vw, 3rem);
    --sw-gap-lg: clamp(1.3rem, 1.2333rem + .3333vw, 1.5rem);
    --sw-gap-xl: clamp(1.6rem, 1.4667rem + .6667vw, 2rem);
  }
}

@layer sw.layout {
  .sw-stack {
    gap: var(--sw-stack-gap, var(--sw-space-2));
    flex-direction: column;
    display: flex;
  }

  .sw-stack[data-gap="none"] {
    --sw-stack-gap: var(--sw-space-0);
  }

  .sw-stack[data-gap="xs"] {
    --sw-stack-gap: var(--sw-space-05);
  }

  .sw-stack[data-gap="sm"] {
    --sw-stack-gap: var(--sw-space-1);
  }

  .sw-stack[data-gap="md"] {
    --sw-stack-gap: var(--sw-space-2);
  }

  .sw-stack[data-gap="lg"] {
    --sw-stack-gap: var(--sw-gap-lg);
  }

  .sw-stack[data-gap="xl"] {
    --sw-stack-gap: var(--sw-gap-xl);
  }

  .sw-stack > [data-push] {
    margin-block-start: auto;
  }

  .sw-inline {
    align-items: center;
    gap: var(--sw-inline-gap, var(--sw-space-1));
    flex-wrap: wrap;
    display: flex;
  }

  .sw-inline[data-gap="none"] {
    --sw-inline-gap: var(--sw-space-0);
  }

  .sw-inline[data-gap="xs"] {
    --sw-inline-gap: var(--sw-space-05);
  }

  .sw-inline[data-gap="sm"] {
    --sw-inline-gap: var(--sw-space-1);
  }

  .sw-inline[data-gap="md"] {
    --sw-inline-gap: var(--sw-space-2);
  }

  .sw-inline[data-gap="lg"] {
    --sw-inline-gap: var(--sw-gap-lg);
  }

  .sw-inline[data-gap="xl"] {
    --sw-inline-gap: var(--sw-gap-xl);
  }

  .sw-inline[data-align="center"] {
    align-items: center;
  }

  .sw-inline[data-align="start"] {
    align-items: flex-start;
  }

  .sw-inline[data-align="end"] {
    align-items: flex-end;
  }

  .sw-inline[data-align="baseline"] {
    align-items: baseline;
  }

  .sw-inline[data-justify="between"] {
    justify-content: space-between;
  }

  .sw-inline[data-justify="end"] {
    justify-content: flex-end;
  }

  .sw-grid {
    gap: var(--sw-grid-gap, var(--sw-gap-lg));
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sw-grid-min, var(--sw-panel-sm))), 1fr));
    display: grid;
  }

  .sw-grid[data-min="sm"] {
    --sw-grid-min: 12rem;
  }

  .sw-grid[data-min="md"] {
    --sw-grid-min: var(--sw-panel-sm);
  }

  .sw-grid[data-min="lg"] {
    --sw-grid-min: var(--sw-panel-md);
  }

  .sw-grid[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
  }

  .sw-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
  }

  .sw-grid[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }

  @media (max-width: 47.999rem) {
    .sw-grid[data-columns] {
      grid-template-columns: 1fr;
    }
  }

  .sw-container {
    inline-size: 100%;
    max-inline-size: var(--sw-container-max, var(--sw-measure-default));
    padding-inline: var(--sw-space-2);
    margin-inline: auto;
  }

  .sw-container[data-width="narrow"] {
    --sw-container-max: var(--sw-measure-narrow);
  }

  .sw-container[data-width="prose"] {
    --sw-container-max: calc(var(--sw-font-measure-prose) * 1ch);
  }

  .sw-container[data-width="wide"] {
    --sw-container-max: var(--sw-measure-wide);
  }

  .sw-container[data-width="full"] {
    --sw-container-max: none;
  }

  .sw-prose {
    max-inline-size: calc(var(--sw-font-measure-prose) * 1ch);
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    quotes: auto;
  }

  :where(.sw-prose) > :where(* + *) {
    margin-block-start: 1.5em;
  }

  :where(.sw-prose) > :where(h1, h2) {
    margin-block-start: var(--sw-space-5);
  }

  :where(.sw-prose) > :where(h3, h4, h5, h6) {
    margin-block-start: var(--sw-space-4);
  }

  :where(.sw-prose) > :where(h1, h2, h3, h4, h5, h6) + * {
    margin-block-start: var(--sw-space-15);
  }

  :where(.sw-prose) > :where(:first-child) {
    margin-block-start: 0;
  }

  :where(.sw-prose) > :where(h1, h2, h3, h4, h5, h6) {
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  :where(.sw-prose) > :where(ul, ol) {
    padding-inline-start: var(--sw-space-3);
  }

  :where(.sw-prose) > :where(ul, ol) :where(li + li) {
    margin-block-start: var(--sw-space-05);
  }

  :where(.sw-prose) > :where(ul, ol) :where(ul, ol) {
    margin-block-start: var(--sw-space-05);
    padding-inline-start: var(--sw-space-3);
  }

  :where(.sw-prose) > :where(blockquote) {
    border-inline-start: var(--sw-border-width-thick) solid var(--sw-color-border-default);
    margin-inline: 0;
    padding-inline-start: var(--sw-space-2);
  }

  :where(.sw-prose) > :where(hr) {
    border: 0;
    border-block-start: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
  }

  :where(.sw-prose) > :where(figure) {
    margin-inline: 0;
  }

  :where(.sw-prose) :where(figcaption):not(:where(.sw-not-prose *)) {
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
    margin-block-start: var(--sw-space-1);
  }

  :where(.sw-prose) > :where(pre) {
    padding: var(--sw-space-2) var(--sw-space-3);
    tab-size: 2;
    font-family: var(--sw-font-family-mono);
    font-size: var(--sw-font-size-sm);
    line-height: var(--sw-font-line-height-normal);
    background: var(--sw-color-surface-sunken);
    border-radius: var(--sw-radius-md);
    -webkit-hyphens: manual;
    hyphens: manual;
    direction: ltr;
    unicode-bidi: isolate;
    overflow-x: auto;
  }

  :where(.sw-prose) :where(code):not(:where(pre *, .sw-not-prose *)) {
    font-family: var(--sw-font-family-mono);
    background: var(--sw-color-surface-sunken);
    border-radius: var(--sw-radius-sm);
    direction: ltr;
    unicode-bidi: isolate;
    padding: .125em .3em;
    font-size: .875em;
  }

  :where(.sw-prose) :where(abbr[title]):not(:where(.sw-not-prose *)) {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  :where(.sw-prose) :where(ins):not(:where(.sw-not-prose *)) {
    text-decoration-line: underline;
    text-decoration-style: double;
  }

  :where(.sw-prose) :where(sub, sup):not(:where(.sw-not-prose *)) {
    vertical-align: baseline;
    font-size: .75em;
    line-height: 0;
    position: relative;
  }

  :where(.sw-prose) :where(sup):not(:where(.sw-not-prose *)) {
    inset-block-start: -.5em;
  }

  :where(.sw-prose) :where(sub):not(:where(.sw-not-prose *)) {
    inset-block-start: .25em;
  }

  @supports (text-wrap: balance) {
    :where(.sw-prose) > :where(h1, h2, h3, h4, h5, h6) {
      text-wrap: balance;
    }
  }

  @supports (text-wrap: pretty) {
    :where(.sw-prose) > :where(p, li) {
      text-wrap: pretty;
    }
  }

  .sw-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .sw-list > li + li {
    margin-block-start: var(--sw-space-05);
  }

  .sw-list[data-marker="bullet"] {
    padding-inline-start: var(--sw-space-3);
    list-style: outside;
  }

  .sw-list[data-marker="number"] {
    padding-inline-start: var(--sw-space-3);
    list-style: decimal;
  }

  .sw-list[data-spacing="spaced"] > li + li {
    margin-block-start: var(--sw-space-15);
  }

  .sw-visually-hidden:not(:focus-within):not(:active) {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sw-skip-link {
    z-index: var(--sw-z-sticky);
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-space-2);
    background: var(--sw-color-surface-raised);
    color: var(--sw-color-text-primary);
    border: var(--sw-border-width-thin) solid var(--sw-color-border-default);
    border-radius: var(--sw-skin-radius-control);
    transform: translateY(calc(-100% - var(--sw-space-2)));
    transition: transform var(--sw-motion-duration-fast) var(--sw-motion-easing-decelerate);
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    position: absolute;
    inset-block-start: var(--sw-space-1);
    inset-inline-start: var(--sw-space-1);
  }

  .sw-skip-link:focus-visible {
    transform: translateY(0);
  }

  .sw-divider {
    border: 0;
    border-block-start: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    margin-block: var(--sw-space-2);
    align-self: stretch;
    margin-inline: 0;
  }
}

@layer sw.components {
  .sw-button {
    --sw-button-height: var(--sw-control-default);
    --sw-button-inset: var(--sw-space-2);
    --sw-button-font: var(--sw-font-size-md);
    justify-content: center;
    align-items: center;
    gap: calc(var(--sw-button-font) * .375);
    min-block-size: max(var(--sw-target), var(--sw-button-height));
    min-inline-size: var(--sw-target);
    padding-inline: var(--sw-button-inset);
    padding-block: max(var(--sw-space-025), calc((var(--sw-button-height) - var(--sw-button-font) * var(--sw-font-line-height-snug)) / 2 - var(--sw-skin-border-width)));
    border: var(--sw-skin-border-width) solid transparent;
    border-radius: var(--sw-skin-radius-pill);
    font-size: var(--sw-button-font);
    font-weight: var(--sw-skin-control-weight);
    line-height: var(--sw-font-line-height-snug);
    text-align: center;
    cursor: pointer;
    white-space: normal;
    transition: background-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      border-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      box-shadow var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    text-decoration: none;
    display: inline-flex;
  }

  .sw-button[data-size="xs"] {
    --sw-button-height: var(--sw-control-xs);
    --sw-button-inset: var(--sw-space-1);
    --sw-button-font: var(--sw-font-size-xs);
  }

  .sw-button[data-size="sm"] {
    --sw-button-height: var(--sw-control-sm);
    --sw-button-inset: var(--sw-space-15);
    --sw-button-font: var(--sw-font-size-sm);
  }

  .sw-button[data-size="md"] {
    --sw-button-height: var(--sw-control-md);
    --sw-button-inset: var(--sw-space-2);
    --sw-button-font: var(--sw-font-size-md);
  }

  .sw-button[data-size="lg"] {
    --sw-button-height: var(--sw-control-lg);
    --sw-button-inset: var(--sw-space-3);
    --sw-button-font: var(--sw-font-size-lg);
  }

  .sw-button[data-size="xl"] {
    --sw-button-height: var(--sw-control-xl);
    --sw-button-inset: var(--sw-space-4);
    --sw-button-font: var(--sw-font-size-xl);
  }

  .sw-button[data-full-width] {
    inline-size: 100%;
  }

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

  .sw-button__label[data-max-lines] {
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    text-align: start;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .sw-button__label[data-max-lines="1"] {
    -webkit-line-clamp: 1;
  }

  .sw-button__label[data-max-lines="2"] {
    -webkit-line-clamp: 2;
  }

  .sw-button__label[data-max-lines="3"] {
    -webkit-line-clamp: 3;
  }

  .sw-button__icon {
    flex: none;
    justify-content: center;
    align-items: center;
    block-size: 1em;
    inline-size: 1em;
    display: inline-flex;
  }

  .sw-button[data-icon-only] {
    --sw-button-inset: 0;
    min-inline-size: max(var(--sw-target), var(--sw-button-height));
    aspect-ratio: 1;
    padding-inline: 0;
  }

  .sw-button[data-icon-only] .sw-button__icon {
    block-size: 1lh;
    inline-size: 1.25em;
  }

  .sw-button[data-variant="primary"] {
    background: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
    box-shadow: var(--sw-skin-shadow-button);
  }

  .sw-button[data-variant="primary"][data-hovered] {
    background: var(--sw-color-accent-hover);
  }

  .sw-button[data-variant="primary"][data-pressed] {
    background: var(--sw-color-accent-pressed);
  }

  .sw-button[data-variant="secondary"] {
    background: var(--sw-color-surface-raised);
    color: var(--sw-color-text-primary);
    border-color: var(--sw-color-border-default);
  }

  .sw-button[data-variant="secondary"][data-hovered] {
    background: var(--sw-color-surface-hover);
    border-color: var(--sw-color-border-strong);
    color: var(--sw-color-text-primary-active);
  }

  .sw-button[data-variant="secondary"][data-pressed] {
    background: var(--sw-color-surface-pressed);
    color: var(--sw-color-text-primary-active);
  }

  .sw-button[data-variant="tertiary"] {
    color: var(--sw-color-text-link-hover);
    background: none;
  }

  .sw-button[data-variant="tertiary"][data-hovered] {
    background: var(--sw-color-surface-hover);
    color: var(--sw-color-text-accent-active);
  }

  .sw-button[data-variant="tertiary"][data-pressed] {
    background: var(--sw-color-surface-pressed);
    color: var(--sw-color-text-accent-active);
  }

  .sw-button[data-variant="danger"] {
    background: var(--sw-color-status-danger-solid);
    color: var(--sw-color-text-on-status);
  }

  .sw-button[data-variant="danger"][data-hovered] {
    background: var(--sw-color-status-danger-hover);
  }

  .sw-button[data-disabled] {
    cursor: not-allowed;
    background: var(--sw-color-surface-disabled);
    color: var(--sw-color-text-disabled);
    box-shadow: none;
    border-color: #0000;
  }

  .sw-button[data-pending] {
    cursor: progress;
  }

  .sw-button[data-pending] .sw-button__label {
    opacity: .7;
  }

  .sw-button[data-pending]:after {
    content: "";
    block-size: 1em;
    inline-size: 1em;
    border: var(--sw-border-width-thick) solid currentColor;
    border-radius: var(--sw-radius-full);
    animation: sw-button-spin var(--sw-motion-loop-spin) linear infinite;
    border-block-start-color: #0000;
    margin-inline-start: calc(var(--sw-button-font) * .125);
  }

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

  [data-sw-motion="reduced"] .sw-button[data-pending]:after, .sw-button[data-pending]:after {
    --sw-motion-essential: var(--sw-motion-loop-stepped);
    --sw-motion-essential-count: infinite;
  }

  [data-sw-motion="reduced"] .sw-button[data-pending]:after {
    animation-timing-function: steps(8, end);
  }

  @media (prefers-reduced-motion: reduce) {
    .sw-button[data-pending]:after {
      animation-timing-function: steps(8, end);
    }
  }

  @media (forced-colors: active) {
    .sw-button {
      color: buttontext;
      background: buttonface;
      border-color: buttonborder;
    }

    .sw-button[data-disabled] {
      color: graytext;
      border-color: graytext;
    }

    .sw-button[data-hovered] {
      color: highlighttext;
      background: highlight;
    }
  }

  :where(.sw-choice, .sw-switch, .sw-listbox__checkbox) {
    --sw-choice-size: var(--sw-space-25);
  }

  .sw-choice, .sw-switch {
    align-items: center;
    gap: var(--sw-space-1);
    min-block-size: var(--sw-target);
    cursor: pointer;
    font-size: var(--sw-font-size-md);
    color: var(--sw-color-text-primary);
    display: flex;
  }

  .sw-choice[data-disabled], .sw-switch[data-disabled] {
    cursor: not-allowed;
    color: var(--sw-color-text-disabled);
  }

  .sw-choice__label, .sw-switch__label {
    flex: 1;
  }

  .sw-choice__control {
    inline-size: var(--sw-choice-size);
    block-size: var(--sw-choice-size);
    border: var(--sw-border-width-thick) solid var(--sw-color-border-strong);
    background: var(--sw-color-surface-raised);
    color: var(--sw-color-text-on-accent);
    transition: background-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      border-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .sw-choice[data-type="checkbox"] .sw-choice__control {
    border-radius: var(--sw-radius-xs);
  }

  .sw-choice[data-type="radio"] .sw-choice__control {
    border-radius: var(--sw-radius-full);
  }

  .sw-choice[data-hovered] .sw-choice__control {
    border-color: var(--sw-color-border-interactive);
  }

  .sw-choice[data-selected] .sw-choice__control, .sw-choice[data-indeterminate] .sw-choice__control {
    background: var(--sw-color-accent-default);
    border-color: var(--sw-color-accent-default);
  }

  .sw-choice[data-type="radio"][data-selected] .sw-choice__control {
    background: var(--sw-color-surface-raised);
    color: var(--sw-color-accent-default);
  }

  .sw-choice[data-invalid] .sw-choice__control {
    border-color: var(--sw-color-status-danger-border);
  }

  .sw-choice[data-disabled] .sw-choice__control {
    background: var(--sw-color-surface-disabled);
    border-color: var(--sw-color-border-subtle);
    color: var(--sw-color-text-disabled);
  }

  .sw-choice__mark {
    --sw-icon-size: .875em;
    inline-size: var(--sw-icon-size);
    block-size: var(--sw-icon-size);
  }

  .sw-switch__track {
    --sw-switch-thumb: calc(var(--sw-choice-size) / 2);
    --sw-switch-gap: calc((var(--sw-choice-size) - 2 * var(--sw-border-width-thick) - var(--sw-switch-thumb)) / 2);
    inline-size: calc(var(--sw-choice-size) * 2);
    block-size: var(--sw-choice-size);
    padding: 0 var(--sw-switch-gap);
    border: var(--sw-border-width-thick) solid var(--sw-color-border-strong);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-surface-sunken);
    transition: background-color var(--sw-motion-duration-normal) var(--sw-motion-easing-standard),
      border-color var(--sw-motion-duration-normal) var(--sw-motion-easing-standard);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .sw-switch__thumb {
    inline-size: var(--sw-switch-thumb);
    block-size: var(--sw-switch-thumb);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-border-strong);
    transform: translateX(calc(var(--sw-dir) * 0px));
    transition: transform var(--sw-motion-duration-normal) var(--sw-motion-easing-standard),
      background-color var(--sw-motion-duration-normal) var(--sw-motion-easing-standard);
  }

  .sw-switch[data-selected] .sw-switch__track {
    background: var(--sw-color-accent-default);
    border-color: var(--sw-color-accent-default);
  }

  .sw-switch[data-selected] .sw-switch__thumb {
    background: var(--sw-color-text-on-accent);
    transform: translateX(calc(var(--sw-dir) * (var(--sw-choice-size) * 2 - 2 * var(--sw-border-width-thick) - 2 * var(--sw-switch-gap) - var(--sw-switch-thumb)))) scale(1.2);
  }

  .sw-switch[data-hovered] .sw-switch__track {
    border-color: var(--sw-color-border-interactive);
  }

  .sw-switch[data-disabled] .sw-switch__track {
    background: var(--sw-color-surface-disabled);
    border-color: var(--sw-color-border-subtle);
  }

  .sw-switch[data-disabled] .sw-switch__thumb {
    background: var(--sw-color-text-disabled);
  }

  .sw-choice[data-focus-visible] .sw-choice__control, .sw-switch[data-focus-visible] .sw-switch__track {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-choice-group {
    gap: var(--sw-space-05);
    border: 0;
    flex-direction: column;
    margin-block-end: var(--sw-space-2);
    display: flex;
  }

  .sw-choice-group__legend {
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-skin-label-weight);
    color: var(--sw-color-text-primary);
  }

  .sw-choice-group__items {
    gap: var(--sw-space-025);
    flex-direction: column;
    display: flex;
  }

  .sw-choice-group[data-orientation="horizontal"] .sw-choice-group__items {
    gap: var(--sw-space-2);
    flex-flow: wrap;
  }

  @media (forced-colors: active) {
    .sw-choice__control, .sw-switch__track {
      background: canvas;
      border-color: canvastext;
    }

    .sw-choice[data-selected] .sw-choice__control, .sw-choice[data-indeterminate] .sw-choice__control {
      background: canvas;
    }

    .sw-switch[data-selected] .sw-switch__track {
      background: highlight;
      border-color: highlight;
    }

    .sw-switch__thumb {
      background: canvastext;
    }

    .sw-switch[data-selected] .sw-switch__thumb {
      background: highlighttext;
    }

    .sw-choice[data-disabled], .sw-switch[data-disabled] {
      color: graytext;
    }

    .sw-choice[data-disabled] .sw-choice__control, .sw-switch[data-disabled] .sw-switch__track {
      border-color: graytext;
    }

    .sw-switch[data-disabled] .sw-switch__thumb {
      background: graytext;
    }

    .sw-switch[data-disabled][data-selected] .sw-switch__track {
      background: graytext;
      border-color: graytext;
    }

    .sw-switch[data-disabled][data-selected] .sw-switch__thumb {
      background: canvas;
    }

    .sw-choice[data-focus-visible] .sw-choice__control, .sw-switch[data-focus-visible] .sw-switch__track {
      outline-color: highlight;
    }
  }

  .sw-code {
    background: var(--sw-color-surface-sunken);
    border-radius: var(--sw-radius-sm);
    -webkit-hyphens: manual;
    hyphens: manual;
    padding: .125em .3em;
  }

  .sw-code-block {
    padding: var(--sw-space-2) var(--sw-space-3);
    tab-size: 2;
    background: var(--sw-color-surface-sunken);
    border-radius: var(--sw-radius-md);
    -webkit-hyphens: manual;
    hyphens: manual;
    margin: 0;
    overflow-x: auto;
  }

  .sw-code-block[data-wrap] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .sw-listbox {
    gap: var(--sw-space-025);
    max-block-size: var(--sw-panel-md);
    outline: none;
    flex-direction: column;
    display: flex;
    overflow: auto;
  }

  .sw-listbox__item {
    align-items: center;
    gap: var(--sw-space-1);
    min-block-size: var(--sw-target);
    padding-block: var(--sw-space-05);
    padding-inline: var(--sw-inset);
    border-radius: var(--sw-skin-radius-control);
    cursor: pointer;
    white-space: normal;
    display: flex;
  }

  .sw-listbox__item[data-focused] {
    background: var(--sw-color-surface-hover);
  }

  .sw-listbox__item[data-focus-visible] {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: calc(var(--sw-focus-offset) * -1);
  }

  .sw-listbox__item[data-pressed] {
    background: var(--sw-color-surface-pressed);
  }

  .sw-listbox__item[data-selected] {
    font-weight: var(--sw-font-weight-semibold);
    background: var(--sw-color-accent-subtle);
  }

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

  .sw-listbox__label {
    flex: 1;
  }

  .sw-listbox__description {
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
    margin-block-start: var(--sw-space-025);
    display: block;
  }

  .sw-listbox__check {
    flex: none;
  }

  .sw-listbox__item:not([data-selected]) .sw-listbox__check {
    visibility: hidden;
  }

  .sw-listbox__checkbox {
    inline-size: var(--sw-choice-size);
    block-size: var(--sw-choice-size);
    border: var(--sw-border-width-thick) solid var(--sw-color-border-strong);
    border-radius: var(--sw-radius-xs);
    background: var(--sw-color-surface-raised);
    color: var(--sw-color-text-on-accent);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .sw-listbox__item[data-selected] .sw-listbox__checkbox {
    background: var(--sw-color-accent-default);
    border-color: var(--sw-color-accent-default);
  }

  .sw-listbox__item[data-disabled] .sw-listbox__checkbox {
    background: var(--sw-color-surface-disabled);
    border-color: var(--sw-color-border-subtle);
    color: var(--sw-color-text-disabled);
  }

  .sw-listbox__checkbox-mark {
    --sw-icon-size: .875em;
    inline-size: var(--sw-icon-size);
    block-size: var(--sw-icon-size);
  }

  .sw-listbox__section {
    gap: var(--sw-space-025);
    flex-direction: column;
    display: flex;
  }

  .sw-listbox__heading {
    padding: var(--sw-space-05) var(--sw-inset);
    font-size: var(--sw-font-size-xs);
    font-weight: var(--sw-font-weight-semibold);
    color: var(--sw-color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--sw-font-letter-spacing-wide);
    margin-block-end: calc(var(--sw-group-heading-gap) - var(--sw-space-05) - var(--sw-space-025));
  }

  .sw-listbox__separator {
    display: none;
  }

  .sw-listbox__separator:not(:first-child) + .sw-listbox__section {
    margin-block-start: calc(var(--sw-group-gap) - var(--sw-space-025) - var(--sw-space-05));
  }

  .sw-listbox__empty {
    padding: var(--sw-space-1) var(--sw-inset);
    color: var(--sw-color-text-secondary);
    font-size: var(--sw-font-size-sm);
  }

  .sw-select__button {
    inline-size: 100%;
    font: inherit;
    text-align: start;
    cursor: pointer;
    justify-content: space-between;
  }

  .sw-select__value {
    color: var(--sw-color-text-primary);
    flex: 1;
  }

  .sw-select__value[data-placeholder] {
    color: var(--sw-color-text-secondary);
  }

  .sw-select__chevron {
    color: var(--sw-color-text-secondary);
    transition: transform var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    flex: none;
  }

  .sw-select[data-open] .sw-select__chevron {
    transform: rotate(180deg);
  }

  .sw-combobox [data-part="open"] .sw-icon {
    transition: transform var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
  }

  .sw-combobox[data-open] [data-part="open"] .sw-icon {
    transform: rotate(180deg);
  }

  .sw-field__control {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-combobox__selection {
    align-items: center;
    gap: var(--sw-space-05) var(--sw-space-1);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-field:not([data-label-style="top"]) > .sw-combobox__selection[data-placement="below"] {
    margin-block-start: var(--sw-space-05);
  }

  .sw-combobox__chosen {
    gap: var(--sw-space-05);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-combobox__chosen .sw-combobox__chip {
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-space-15) var(--sw-space-1);
    font: inherit;
    font-size: var(--sw-font-size-sm);
    text-align: start;
    white-space: normal;
    max-inline-size: 100%;
  }

  .sw-combobox__chosen span.sw-combobox__chip {
    padding-inline: var(--sw-space-15);
  }

  .sw-field[data-disabled] .sw-combobox__chip {
    color: var(--sw-color-text-disabled);
  }

  button.sw-combobox__chip {
    cursor: pointer;
  }

  button.sw-combobox__chip[data-hovered] {
    background: var(--sw-color-surface-hover);
    border-color: var(--sw-color-border-strong);
  }

  button.sw-combobox__chip[data-pressed] {
    background: var(--sw-color-surface-pressed);
  }

  button.sw-combobox__chip[data-focus-visible] {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-combobox__chip-remove {
    color: var(--sw-color-text-secondary);
    flex: none;
  }

  button.sw-combobox__chip[data-hovered] .sw-combobox__chip-remove {
    color: var(--sw-color-text-primary);
  }

  .sw-combobox__inline {
    flex: 1;
    min-inline-size: 0;
    display: flex;
    position: relative;
  }

  .sw-combobox__summary {
    padding-block: var(--sw-field-pad-block);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--sw-color-text-primary);
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .sw-field[data-disabled] .sw-combobox__summary {
    color: var(--sw-color-text-disabled);
  }

  @media (forced-colors: active) {
    .sw-listbox__item[data-focused] {
      color: highlighttext;
      background: highlight;
    }

    .sw-listbox__item[data-selected] {
      color: canvastext;
      background: canvas;
    }

    .sw-listbox__item[data-disabled] {
      color: graytext;
    }

    .sw-listbox__checkbox {
      color: canvastext;
      background: canvas;
      border-color: canvastext;
    }

    .sw-listbox__item[data-focused] .sw-listbox__checkbox {
      color: highlighttext;
      background: highlight;
      border-color: highlighttext;
    }

    .sw-combobox__chip {
      border-color: canvastext;
    }

    button.sw-combobox__chip {
      color: buttontext;
      background: buttonface;
    }
  }

  .sw-color-swatch {
    align-items: center;
    gap: var(--sw-space-1);
    display: inline-flex;
  }

  .sw-color-swatch__well {
    --sw-color-swatch-size: var(--sw-space-4);
    inline-size: var(--sw-color-swatch-size);
    block-size: var(--sw-color-swatch-size);
    border-radius: var(--sw-skin-radius-control);
    background-image: linear-gradient(45deg, var(--sw-color-surface-sunken) 25%, transparent 25%),
      linear-gradient(-45deg, var(--sw-color-surface-sunken) 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, var(--sw-color-surface-sunken) 75%),
      linear-gradient(-45deg, transparent 75%, var(--sw-color-surface-sunken) 75%);
    background-position: 0 0, 0 4px, 4px -4px, -4px 0;
    background-size: 8px 8px;
    flex: none;
    display: block;
    overflow: hidden;
  }

  .sw-color-swatch__chip {
    border-radius: inherit;
    block-size: 100%;
    inline-size: 100%;
    box-shadow: inset 0 0 0 1px var(--sw-color-border-default);
    display: block;
  }

  .sw-color-swatch[data-size="sm"] .sw-color-swatch__well {
    --sw-color-swatch-size: var(--sw-space-3);
  }

  .sw-color-swatch[data-size="lg"] .sw-color-swatch__well {
    --sw-color-swatch-size: var(--sw-space-6);
  }

  .sw-color-swatch__name {
    min-inline-size: 0;
  }

  .sw-color-palette {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-color-palette__list {
    gap: var(--sw-space-1);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-color-palette__item {
    min-inline-size: var(--sw-target);
    min-block-size: var(--sw-target);
    border-radius: var(--sw-skin-radius-control);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sw-color-palette__item[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-color-palette__item[data-selected] .sw-color-swatch__well {
    box-shadow: 0 0 0 2px var(--sw-color-surface-page),
      0 0 0 4px var(--sw-color-border-interactive);
  }

  .sw-color-picker {
    align-items: flex-start;
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-color-picker__trigger {
    gap: calc(var(--sw-button-font) * .5);
  }

  .sw-color-picker__trigger .sw-color-swatch__well {
    --sw-color-swatch-size: 1em;
  }

  .sw-color-picker__value {
    font-variant-numeric: tabular-nums;
  }

  .sw-color-picker__panel {
    --sw-color-picker-width: var(--sw-panel-sm);
    --sw-color-picker-area-height: 9rem;
    gap: var(--sw-space-2);
    padding: var(--sw-space-2);
    inline-size: var(--sw-color-picker-width);
    flex-direction: column;
    display: flex;
  }

  .sw-color-picker__area {
    inline-size: 100%;
    block-size: var(--sw-color-picker-area-height);
    border-radius: var(--sw-skin-radius-control);
  }

  .sw-color-picker__slider {
    inline-size: 100%;
  }

  .sw-color-picker__track {
    block-size: var(--sw-space-3);
    border-radius: var(--sw-radius-full);
  }

  .sw-color-picker__thumb {
    inline-size: var(--sw-space-3);
    block-size: var(--sw-space-3);
    border-radius: var(--sw-radius-full);
    box-shadow: inset 0 0 0 2px var(--sw-color-surface-raised),
      0 0 0 1px var(--sw-color-border-strong);
  }

  .sw-color-picker__thumb[data-focus-visible] {
    outline: var(--sw-focus-ring-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-ring-offset);
  }

  @media (forced-colors: active) {
    .sw-color-swatch__chip {
      forced-color-adjust: none;
      box-shadow: inset 0 0 0 1px canvastext;
    }

    .sw-color-swatch__well {
      forced-color-adjust: none;
    }

    .sw-color-picker__area, .sw-color-picker__track {
      forced-color-adjust: none;
      border: 1px solid canvastext;
    }

    .sw-color-palette__item[data-selected] {
      outline: 2px solid highlight;
    }
  }

  .sw-width-reserve[data-text] {
    justify-items: var(--sw-reserve-align, center);
    display: inline-grid;
  }

  .sw-width-reserve[data-text]:after {
    content: attr(data-text);
    visibility: hidden;
    block-size: 0;
    font-weight: var(--sw-reserve-weight, inherit);
    overflow: hidden;
  }

  .sw-date-input {
    font-variant-numeric: tabular-nums;
    flex: 1;
    align-items: center;
    gap: 0;
    display: flex;
  }

  .sw-date-input[data-part="date-input-start"] {
    flex: none;
  }

  .sw-field__affix[data-part="range-separator"] {
    margin-inline: var(--sw-space-1);
    color: var(--sw-color-text-secondary);
    display: inline-flex;
  }

  .sw-date-segment {
    padding-inline: var(--sw-space-025);
    border-radius: var(--sw-radius-xs);
    text-align: end;
    white-space: nowrap;
  }

  .sw-date-segment[data-focused] {
    background: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
    outline: none;
  }

  .sw-date-segment[data-placeholder]:not([data-focused]) {
    color: var(--sw-color-text-secondary);
  }

  .sw-date-segment[data-type="literal"] {
    color: var(--sw-color-text-secondary);
    padding-inline: 0;
  }

  .sw-date-input[data-disabled] .sw-date-segment {
    color: var(--sw-color-text-disabled);
  }

  .sw-calendar {
    gap: var(--sw-space-1);
    flex-direction: column;
    max-inline-size: 100%;
    display: flex;
    overflow-x: auto;
  }

  .sw-calendar__header {
    justify-content: space-between;
    align-items: center;
    gap: var(--sw-space-1);
    display: flex;
  }

  .sw-calendar__heading {
    font-size: var(--sw-font-size-md);
    font-weight: var(--sw-font-weight-semibold);
    text-align: center;
    flex: 1;
  }

  .sw-calendar__months {
    gap: var(--sw-space-3);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-picker-calendar {
    max-inline-size: 100%;
    position: relative;
  }

  .sw-picker-calendar__ghost {
    visibility: hidden;
  }

  .sw-picker-calendar__reserve .sw-calendar__cell {
    position: relative;
  }

  .sw-picker-calendar__reserve .sw-calendar__cell:after {
    content: "";
    inset: var(--sw-space-1);
    background: var(--sw-color-border-subtle);
    border-radius: var(--sw-skin-radius-control);
    animation: sw-skeleton-pulse var(--sw-motion-loop-pulse) ease-in-out infinite;
    position: absolute;
  }

  .sw-picker-calendar__panel {
    align-items: center;
    gap: var(--sw-space-2);
    padding: var(--sw-space-3);
    pointer-events: none;
    flex-direction: column;
    display: flex;
    position: absolute;
    inset: 0;
    overflow: auto;
  }

  .sw-picker-calendar__panel > * {
    flex-shrink: 0;
    max-inline-size: 100%;
  }

  .sw-picker-calendar__panel > :first-child {
    margin-block-start: auto;
  }

  .sw-picker-calendar__panel > :last-child {
    margin-block-end: auto;
  }

  .sw-picker-calendar__panel[data-visible] {
    background: var(--sw-color-surface-raised);
    pointer-events: auto;
  }

  .sw-picker-calendar__panel p {
    margin: 0;
  }

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

  .sw-calendar__weekday {
    font-size: var(--sw-font-size-xs);
    font-weight: var(--sw-font-weight-semibold);
    color: var(--sw-color-text-secondary);
    padding-block-end: var(--sw-space-05);
  }

  .sw-calendar__cell {
    inline-size: var(--sw-target);
    block-size: var(--sw-target);
    border-radius: var(--sw-skin-radius-control);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sw-calendar__cell[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-calendar__cell[data-pressed] {
    background: var(--sw-color-surface-pressed);
  }

  .sw-calendar__cell[data-selected] {
    background: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
    font-weight: var(--sw-font-weight-semibold);
  }

  .sw-calendar__cell[data-today]:not([data-selected]) {
    font-weight: var(--sw-font-weight-semibold);
    text-underline-offset: .2em;
    text-decoration: underline;
  }

  .sw-calendar__cell[data-disabled], .sw-calendar__cell[data-unavailable] {
    color: var(--sw-color-text-disabled);
    cursor: not-allowed;
  }

  .sw-calendar__cell[data-unavailable] {
    text-decoration: line-through;
  }

  .sw-calendar__cell[data-outside-month] {
    visibility: hidden;
  }

  .sw-calendar__cell[data-selection-start], .sw-calendar__cell[data-selection-end] {
    background: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
  }

  .sw-calendar__cell[data-selected]:not([data-selection-start]):not([data-selection-end]) {
    background: var(--sw-color-accent-subtle);
    color: var(--sw-color-text-primary);
    border-radius: 0;
  }

  @media (forced-colors: active) {
    .sw-picker-calendar__reserve .sw-calendar__cell:after {
      border: var(--sw-border-width-thin) solid GrayText;
      background: canvas;
    }

    .sw-date-segment[data-focused], .sw-calendar__cell[data-selected] {
      color: highlighttext;
      background: highlight;
    }

    .sw-calendar__cell[data-disabled], .sw-calendar__cell[data-unavailable] {
      color: graytext;
    }
  }

  .sw-card {
    --sw-card-surface: var(--sw-color-surface-raised);
    --sw-card-edge: var(--sw-color-border-subtle);
    --sw-card-line: var(--sw-color-border-default);
    gap: var(--sw-space-2);
    padding: var(--sw-space-3);
    background: var(--sw-card-surface);
    border: var(--sw-skin-border-width) solid var(--sw-card-edge);
    border-radius: var(--sw-skin-radius-surface);
    box-shadow: var(--sw-skin-shadow-raised);
    flex-direction: column;
    display: flex;
  }

  .sw-card[data-variant="flat"] {
    box-shadow: none;
    border-color: #0000;
  }

  .sw-card[data-variant="outlined"] {
    box-shadow: none;
    border-color: var(--sw-card-line);
  }

  .sw-card[data-tone] {
    --sw-card-strong: var(--sw-color-border-strong);
  }

  .sw-card[data-tone="accent"] {
    --sw-card-surface: var(--sw-color-accent-subtle);
    --sw-card-edge: var(--sw-color-accent-border);
    --sw-card-line: var(--sw-color-accent-border);
    --sw-card-strong: var(--sw-color-accent-default);
  }

  .sw-card[data-tone="neutral"] {
    --sw-card-surface: var(--sw-color-surface-sunken);
  }

  .sw-card[data-tone="info"] {
    --sw-card-surface: var(--sw-color-status-info-surface);
    --sw-card-edge: var(--sw-color-status-info-border);
    --sw-card-line: var(--sw-color-status-info-border);
    --sw-card-strong: var(--sw-color-status-info-solid);
  }

  .sw-card[data-tone="success"] {
    --sw-card-surface: var(--sw-color-status-success-surface);
    --sw-card-edge: var(--sw-color-status-success-border);
    --sw-card-line: var(--sw-color-status-success-border);
    --sw-card-strong: var(--sw-color-status-success-solid);
  }

  .sw-card[data-tone="warning"] {
    --sw-card-surface: var(--sw-color-status-warning-surface);
    --sw-card-edge: var(--sw-color-status-warning-border);
    --sw-card-line: var(--sw-color-status-warning-border);
    --sw-card-strong: var(--sw-color-status-warning-solid);
  }

  .sw-card[data-tone="danger"] {
    --sw-card-surface: var(--sw-color-status-danger-surface);
    --sw-card-edge: var(--sw-color-status-danger-border);
    --sw-card-line: var(--sw-color-status-danger-border);
    --sw-card-strong: var(--sw-color-status-danger-solid);
  }

  .sw-card .sw-card {
    border-radius: max(0px, calc(var(--sw-skin-radius-surface) - var(--sw-space-3)));
    box-shadow: none;
  }

  .sw-card[data-linked] {
    position: relative;
  }

  .sw-card[data-linked]:has(a:hover) {
    background: var(--sw-color-surface-hover);
  }

  .sw-card[data-linked][data-tone]:has(a:hover) {
    background: var(--sw-card-surface);
    border-color: var(--sw-card-strong);
  }

  .sw-card[data-linked]:has(a:focus-visible) {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-card__link:after {
    content: "";
    position: absolute;
    inset: 0;
  }

  .sw-card__actions {
    z-index: var(--sw-z-base);
    position: relative;
  }

  .sw-card__title {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
  }

  .sw-card__media {
    margin: calc(var(--sw-space-3) * -1);
    margin-block-end: 0;
  }

  .sw-card__media img {
    inline-size: 100%;
    display: block;
  }

  .sw-badge {
    min-inline-size: var(--sw-space-25);
    min-block-size: var(--sw-space-25);
    padding-inline: var(--sw-space-05);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
    font-size: var(--sw-font-size-xs);
    font-weight: var(--sw-font-weight-semibold);
    font-variant-numeric: tabular-nums;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
  }

  .sw-badge[data-tone="success"] {
    background: var(--sw-color-status-success-solid);
    color: var(--sw-color-text-on-status);
  }

  .sw-badge[data-tone="danger"] {
    background: var(--sw-color-status-danger-solid);
    color: var(--sw-color-text-on-status);
  }

  .sw-badge[data-tone="warning"] {
    background: var(--sw-color-status-warning-solid);
    color: var(--sw-color-text-on-status);
  }

  .sw-badge[data-tone="info"] {
    background: var(--sw-color-status-info-solid);
    color: var(--sw-color-text-on-status);
  }

  .sw-badge[data-tone="neutral"] {
    background: var(--sw-color-surface-sunken);
    color: var(--sw-color-text-primary);
  }

  .sw-badge[data-dot] {
    min-inline-size: var(--sw-space-1);
    min-block-size: var(--sw-space-1);
    padding: 0;
  }

  .sw-badge-anchor {
    display: inline-flex;
    position: relative;
  }

  .sw-badge-anchor > .sw-badge {
    transform: translate(calc(var(--sw-dir) * 50%), -50%);
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
  }

  .sw-avatar {
    inline-size: var(--sw-avatar-size, var(--sw-space-6));
    block-size: var(--sw-avatar-size, var(--sw-space-6));
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-accent-subtle);
    color: var(--sw-color-text-primary);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-semibold);
    -webkit-user-select: none;
    user-select: none;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .sw-avatar[data-variant="rounded"] {
    border-radius: var(--sw-skin-radius-control);
  }

  .sw-avatar[data-size="xs"] {
    --sw-avatar-size: var(--sw-space-3);
    font-size: var(--sw-font-size-2xs);
  }

  .sw-avatar[data-size="sm"] {
    --sw-avatar-size: var(--sw-space-4);
    font-size: var(--sw-font-size-xs);
  }

  .sw-avatar[data-size="lg"] {
    --sw-avatar-size: var(--sw-space-8);
    font-size: var(--sw-font-size-md);
  }

  .sw-avatar[data-size="xl"] {
    --sw-avatar-size: var(--sw-space-12);
    font-size: var(--sw-font-size-xl);
  }

  .sw-avatar img {
    object-fit: cover;
    block-size: 100%;
    inline-size: 100%;
  }

  .sw-avatar-group {
    display: flex;
  }

  .sw-avatar-group > * + * {
    margin-inline-start: calc(var(--sw-space-1) * -1);
  }

  .sw-avatar-group .sw-avatar {
    box-shadow: 0 0 0 var(--sw-border-width-thick) var(--sw-color-surface-page);
  }

  .sw-avatar-group__more {
    font-family: inherit;
    line-height: inherit;
    cursor: pointer;
    border: 0;
    padding: 0;
  }

  .sw-avatar-group__more[data-hovered] {
    background: var(--sw-color-surface-selected-hover);
  }

  .sw-avatar-group__list {
    gap: var(--sw-space-1);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .sw-avatar-group__person {
    align-items: center;
    gap: var(--sw-space-1);
    font-size: var(--sw-font-size-sm);
    display: flex;
  }

  .sw-divider-label {
    align-items: center;
    gap: var(--sw-space-1);
    margin-block: var(--sw-space-2);
    color: var(--sw-color-text-secondary);
    font-size: var(--sw-font-size-sm);
    display: flex;
  }

  .sw-divider-label:before, .sw-divider-label:after {
    content: "";
    border-block-start: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    flex: 1;
  }

  .sw-divider[data-orientation="vertical"] {
    margin-block: 0;
    margin-inline: var(--sw-space-2);
    border-block-start: 0;
    border-inline-start: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    align-self: stretch;
  }

  .sw-tag-field {
    gap: var(--sw-space-05);
    flex-direction: column;
    margin-block-end: var(--sw-space-2);
    display: flex;
  }

  .sw-tag-group {
    gap: var(--sw-space-05);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-tag {
    --sw-tag-height: max(var(--sw-space-4), var(--sw-target));
    justify-content: center;
    align-items: center;
    gap: var(--sw-space-05);
    min-inline-size: var(--sw-tag-height);
    min-block-size: var(--sw-tag-height);
    padding-inline: var(--sw-space-1);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-surface-sunken);
    border: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    color: var(--sw-color-text-primary);
    font-size: var(--sw-font-size-sm);
    display: inline-flex;
  }

  .sw-tag__label {
    --sw-reserve-weight: var(--sw-font-weight-semibold);
  }

  .sw-tag[data-selected] {
    background: var(--sw-color-accent-default);
    border-color: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
    font-weight: var(--sw-font-weight-semibold);
  }

  .sw-tag[data-focus-visible] {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-tag[data-disabled] {
    color: var(--sw-color-text-disabled);
  }

  .sw-tag__remove {
    min-inline-size: var(--sw-tag-height);
    min-block-size: var(--sw-tag-height);
    margin-block: calc(-1 * var(--sw-border-width-thin));
    border: var(--sw-border-width-thin) solid transparent;
    border-radius: var(--sw-radius-full);
    color: inherit;
    cursor: pointer;
    background: padding-box padding-box;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    margin-inline-end: calc(-1 * (var(--sw-space-1) + var(--sw-border-width-thin)));
    padding: 0;
    display: inline-flex;
  }

  .sw-tag__remove[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-tag[data-selection-mode][data-allows-removing] [data-part="tag-label"] {
    min-inline-size: calc(var(--sw-tag-height) - var(--sw-border-width-thin) - var(--sw-space-1) - var(--sw-space-05));
    text-align: center;
  }

  .sw-skeleton {
    inline-size: 100%;
    block-size: var(--sw-space-2);
    border-radius: var(--sw-radius-sm);
    background: var(--sw-color-border-subtle);
    animation: sw-skeleton-pulse var(--sw-motion-loop-pulse) ease-in-out infinite;
    display: block;
  }

  .sw-skeleton[data-variant="text"] {
    border-radius: var(--sw-radius-xs);
    block-size: 1em;
  }

  .sw-skeleton[data-variant="circle"] {
    border-radius: var(--sw-radius-full);
    aspect-ratio: 1;
    inline-size: auto;
  }

  @supports (contain-intrinsic-inline-size: 1px) {
    .sw-skeleton:not([data-variant="circle"]) {
      contain: inline-size;
      contain-intrinsic-inline-size: var(--sw-breakpoint-sm);
    }
  }

  @keyframes sw-skeleton-pulse {
    0% {
      opacity: 1;
    }

    37.5% {
      opacity: .4;
    }

    75%, 100% {
      opacity: 1;
    }
  }

  @media (forced-colors: active) {
    .sw-badge {
      border: var(--sw-border-width-thin) solid CanvasText;
    }

    .sw-tag {
      border-color: canvastext;
    }

    .sw-tag[data-selected] {
      color: highlighttext;
      background: highlight;
    }

    .sw-skeleton {
      border: var(--sw-border-width-thin) solid GrayText;
      background: canvas;
    }
  }

  .sw-alert {
    gap: var(--sw-space-1);
    padding: var(--sw-space-15);
    border-radius: var(--sw-skin-radius-control);
    border: var(--sw-border-width-thin) solid var(--sw-color-status-info-border);
    background: var(--sw-color-status-info-surface);
    color: var(--sw-color-status-info-text);
    font-size: var(--sw-font-size-sm);
    display: flex;
  }

  .sw-alert[data-tone="success"] {
    border-color: var(--sw-color-status-success-border);
    background: var(--sw-color-status-success-surface);
    color: var(--sw-color-status-success-text);
  }

  .sw-alert[data-tone="warning"] {
    border-color: var(--sw-color-status-warning-border);
    background: var(--sw-color-status-warning-surface);
    color: var(--sw-color-status-warning-text);
  }

  .sw-alert[data-tone="danger"] {
    border-color: var(--sw-color-status-danger-border);
    background: var(--sw-color-status-danger-surface);
    color: var(--sw-color-status-danger-text);
  }

  .sw-alert__icon {
    --sw-icon-size: var(--sw-font-size-lg);
    flex: none;
  }

  .sw-alert__body {
    gap: var(--sw-space-05);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

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

  .sw-toast-region {
    z-index: var(--sw-z-toast);
    max-inline-size: var(--sw-panel-lg);
    position: fixed;
    inset-block-end: var(--sw-space-3);
    inset-inline-end: var(--sw-space-3);
  }

  .sw-toast-list {
    gap: var(--sw-space-1);
    flex-direction: column-reverse;
    display: flex;
  }

  .sw-toast {
    align-items: flex-start;
    gap: var(--sw-space-1);
    padding: var(--sw-space-15);
    border-radius: var(--sw-skin-radius-surface);
    border: var(--sw-skin-border-width) solid var(--sw-color-border-subtle);
    background: var(--sw-color-surface-overlay);
    box-shadow: var(--sw-skin-shadow-overlay);
    font-size: var(--sw-font-size-sm);
    display: flex;
  }

  .sw-toast[data-entering] {
    animation: sw-toast-in var(--sw-motion-duration-normal) var(--sw-motion-easing-decelerate);
  }

  .sw-toast[data-exiting] {
    animation: sw-toast-in var(--sw-motion-duration-fast) var(--sw-motion-easing-accelerate) reverse;
  }

  .sw-toast__body {
    gap: var(--sw-space-05);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .sw-toast__icon {
    --sw-icon-size: var(--sw-font-size-lg);
    color: var(--sw-color-status-info-text);
    flex: none;
  }

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

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

  .sw-toast[data-tone="danger"] .sw-toast__icon {
    color: var(--sw-color-status-danger-text);
  }

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

  .sw-toast > [data-part="action"], .sw-toast > [data-part="close"] {
    margin-block: calc(var(--sw-font-size-sm) * var(--sw-font-line-height-normal) / 2 - max(var(--sw-target), var(--sw-button-height)) / 2);
  }

  @keyframes sw-toast-in {
    from {
      opacity: 0;
      transform: translateY(var(--sw-space-2));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .sw-progress {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-progress__header {
    justify-content: space-between;
    gap: var(--sw-space-1);
    font-size: var(--sw-font-size-sm);
    display: flex;
  }

  .sw-progress__value {
    font-variant-numeric: tabular-nums;
    color: var(--sw-color-text-secondary);
  }

  .sw-progress__track {
    block-size: var(--sw-space-1);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-surface-sunken);
    overflow: hidden;
  }

  .sw-progress__fill {
    block-size: 100%;
    inline-size: var(--sw-progress-fill, 0%);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-accent-default);
    transition: inline-size var(--sw-motion-duration-normal) var(--sw-motion-easing-standard);
  }

  .sw-progress[data-indeterminate] .sw-progress__fill {
    --sw-motion-essential: var(--sw-motion-loop-slide);
    --sw-motion-essential-count: infinite;
    inline-size: 40%;
    animation: sw-progress-slide var(--sw-motion-loop-slide) var(--sw-motion-easing-standard) infinite;
  }

  @keyframes sw-progress-slide {
    from {
      transform: translateX(calc(var(--sw-dir) * -100%));
    }

    to {
      transform: translateX(calc(var(--sw-dir) * 250%));
    }
  }

  [data-sw-motion="reduced"] .sw-progress[data-indeterminate] .sw-progress__fill {
    animation-timing-function: steps(6, end);
  }

  @media (prefers-reduced-motion: reduce) {
    .sw-progress[data-indeterminate] .sw-progress__fill {
      animation-timing-function: steps(6, end);
    }
  }

  .sw-meter__fill[data-level="warning"] {
    background: var(--sw-color-status-warning-solid);
  }

  .sw-meter__fill[data-level="danger"] {
    background: var(--sw-color-status-danger-solid);
  }

  .sw-accordion {
    flex-direction: column;
    display: flex;
  }

  .sw-disclosure {
    border-block-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
  }

  .sw-disclosure__heading {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    margin: 0;
  }

  .sw-disclosure__trigger {
    justify-content: space-between;
    align-items: center;
    gap: var(--sw-space-1);
    inline-size: 100%;
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-space-05);
    font: inherit;
    font-weight: var(--sw-font-weight-semibold);
    color: var(--sw-color-text-primary);
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    display: flex;
  }

  .sw-disclosure__trigger[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-disclosure__indicator {
    transition: transform var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    flex: none;
  }

  .sw-disclosure[data-expanded] .sw-disclosure__indicator {
    transform: rotate(180deg);
  }

  .sw-disclosure__panel {
    padding: 0 var(--sw-space-05) var(--sw-space-2);
  }

  @media (forced-colors: active) {
    .sw-alert, .sw-toast {
      border: var(--sw-border-width-thin) solid CanvasText;
    }

    .sw-progress__fill {
      background: highlight;
    }

    .sw-progress__track {
      border: var(--sw-border-width-thin) solid CanvasText;
    }
  }

  .sw-field {
    --sw-field-height: var(--sw-control-default);
    --sw-field-inset: var(--sw-inset);
    --sw-field-font: inherit;
    --sw-field-pad-block: var(--sw-control-pad-block);
    gap: var(--sw-space-05);
    flex-direction: column;
    margin-block-end: var(--sw-space-2);
    display: flex;
  }

  .sw-field[data-size="xs"] {
    --sw-field-height: var(--sw-control-xs);
    --sw-field-inset: calc(var(--sw-inset) * .75);
    --sw-field-font: var(--sw-font-size-xs);
    --sw-field-pad-block: var(--sw-space-025);
  }

  .sw-field[data-size="sm"] {
    --sw-field-height: var(--sw-control-sm);
    --sw-field-inset: calc(var(--sw-inset) * .875);
    --sw-field-font: var(--sw-font-size-sm);
    --sw-field-pad-block: var(--sw-space-025);
  }

  .sw-field[data-size="md"] {
    --sw-field-height: var(--sw-control-md);
    --sw-field-inset: var(--sw-inset);
    --sw-field-font: inherit;
    --sw-field-pad-block: var(--sw-space-05);
  }

  .sw-field[data-size="lg"] {
    --sw-field-height: var(--sw-control-lg);
    --sw-field-inset: calc(var(--sw-inset) * 1.125);
    --sw-field-font: var(--sw-font-size-lg);
    --sw-field-pad-block: var(--sw-space-05);
  }

  .sw-field[data-size="xl"] {
    --sw-field-height: var(--sw-control-xl);
    --sw-field-inset: calc(var(--sw-inset) * 1.25);
    --sw-field-font: var(--sw-font-size-xl);
    --sw-field-pad-block: var(--sw-space-05);
  }

  .sw-field__label {
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-skin-label-weight);
    color: var(--sw-color-text-primary);
  }

  .sw-field__optional {
    font-weight: var(--sw-font-weight-regular);
    color: var(--sw-color-text-secondary);
  }

  .sw-field__hint {
    gap: var(--sw-space-1);
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .sw-field__error {
    align-items: center;
    gap: var(--sw-space-05);
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-status-danger-text);
    font-weight: var(--sw-font-weight-medium);
    display: flex;
  }

  .sw-field__box {
    align-items: center;
    gap: var(--sw-space-05);
    inline-size: 100%;
    min-block-size: max(var(--sw-target), var(--sw-field-height));
    --sw-field-box-inner: calc(max(var(--sw-target), var(--sw-field-height)) - 2 * var(--sw-skin-border-width));
    --sw-field-box-pad: 0px;
    --sw-field-box-pad-end: 0px;
    --sw-field-grip-gap: var(--sw-space-05);
    padding-inline: var(--sw-field-inset);
    font-size: var(--sw-field-font);
    background: var(--sw-color-surface-raised);
    border: var(--sw-skin-border-width) solid var(--sw-color-border-default);
    border-radius: var(--sw-skin-radius-control);
    transition: border-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      box-shadow var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      background-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    display: flex;
  }

  .sw-field__box:hover {
    border-color: var(--sw-color-border-strong);
  }

  .sw-field__box:focus-within {
    border-color: var(--sw-color-border-interactive);
  }

  .sw-field__box:has([aria-invalid="true"]) {
    border-color: var(--sw-color-status-danger-border);
    border-width: var(--sw-border-width-thick);
  }

  @supports selector(:has(*)) {
    .sw-field__box:has(.sw-field__input:focus-visible) {
      outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
      outline-offset: var(--sw-focus-offset);
    }

    .sw-field__box .sw-field__input:focus-visible {
      outline: none;
    }
  }

  .sw-field__input {
    min-inline-size: 0;
    padding-block: var(--sw-field-pad-block);
    color: var(--sw-color-text-primary);
    font: inherit;
    background: none;
    border: 0;
    flex: 1;
    padding-inline: 0;
  }

  input.sw-field__input {
    inline-size: 14em;
  }

  .sw-field__input::placeholder {
    color: var(--sw-color-text-secondary);
    opacity: 1;
  }

  .sw-field__affix {
    color: var(--sw-color-text-secondary);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .sw-field__action {
    isolation: isolate;
    --sw-field-action-size: max(var(--sw-space-3), var(--sw-target));
    --sw-field-action-reach: min(0px, calc((var(--sw-field-box-inner) - var(--sw-field-box-pad) - var(--sw-field-action-size)) / 2));
    min-inline-size: var(--sw-field-action-size);
    min-block-size: var(--sw-field-action-size);
    margin-block: var(--sw-field-action-reach);
    border-radius: var(--sw-radius-sm);
    color: var(--sw-color-text-secondary);
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .sw-field__action:before {
    content: "";
    inset: calc(50% - var(--sw-space-3) / 2);
    z-index: -1;
    border-radius: var(--sw-radius-sm);
    position: absolute;
  }

  .sw-field__box > .sw-field__action:last-child {
    margin-inline-end: var(--sw-field-action-reach);
  }

  @supports selector(:has(*)) {
    .sw-field__box:has( > .sw-field__action:last-child) {
      padding-inline-end: calc(max(var(--sw-field-box-inner) - max(var(--sw-space-3), var(--sw-target)), var(--sw-field-box-pad)) / 2);
    }

    .sw-field__box:has( > .sw-button[data-icon-only]:last-child) {
      padding-inline-end: calc(max(var(--sw-field-box-inner) - max(var(--sw-target), var(--sw-control-sm)), var(--sw-field-box-pad)) / 2);
    }
  }

  .sw-field__action[data-hovered] {
    color: var(--sw-color-text-primary);
  }

  .sw-field__action[data-hovered]:before {
    background: var(--sw-color-surface-hover);
  }

  .sw-field__action:focus-visible {
    outline: none;
  }

  .sw-field__action:focus-visible:before {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

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

  .sw-field__action svg {
    block-size: 1em;
    inline-size: 1em;
  }

  .sw-field[data-empty] .sw-field__action[data-part="clear"] {
    visibility: hidden;
  }

  .sw-field__input::-webkit-search-cancel-button {
    appearance: none;
    display: none;
  }

  .sw-field__input::-webkit-search-decoration {
    appearance: none;
    display: none;
  }

  .sw-field[data-disabled] .sw-field__box {
    background: var(--sw-color-surface-disabled);
    border-color: var(--sw-color-border-subtle);
  }

  .sw-field[data-disabled] .sw-field__input {
    color: var(--sw-color-text-disabled);
  }

  .sw-field__below {
    gap: var(--sw-space-05);
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
    flex-direction: column;
    display: flex;
  }

  .sw-field__below > .sw-field__counter {
    align-self: flex-end;
  }

  .sw-field__counter {
    font-variant-numeric: tabular-nums;
    flex: none;
  }

  .sw-field__counter[data-near-limit] {
    color: var(--sw-color-status-warning-text);
    font-weight: var(--sw-font-weight-medium);
  }

  .sw-field__counter[data-at-limit] {
    color: var(--sw-color-status-danger-text);
    font-weight: var(--sw-font-weight-semibold);
  }

  .sw-field__box:has(textarea) {
    align-items: stretch;
  }

  textarea.sw-field__input {
    min-block-size: auto;
    padding-block: var(--sw-space-1);
    resize: none;
    line-height: var(--sw-font-line-height-normal);
    margin-block-end: calc(var(--sw-field-grip-gap) - var(--sw-field-box-pad-end));
    margin-inline-end: calc(var(--sw-field-grip-gap) - var(--sw-field-inset));
    padding-block-end: calc(var(--sw-space-1) - var(--sw-field-grip-gap) + var(--sw-field-box-pad-end));
    padding-inline-end: calc(var(--sw-field-inset) - var(--sw-field-grip-gap));
  }

  textarea.sw-field__input:is([data-resizable=""], [data-resizable="vertical"], [data-resizable="both"]) {
    resize: vertical;
  }

  @supports selector(:has(*)) {
    textarea.sw-field__input[data-resizable="both"] {
      resize: both;
      max-inline-size: calc(100% + var(--sw-field-inset) - var(--sw-field-grip-gap));
    }

    .sw-field__box:has( > textarea.sw-field__input[data-resizable="both"][style*="width"]) {
      inline-size: fit-content;
      max-inline-size: 100%;
    }
  }

  .sw-field[data-label-hidden] .sw-field__label {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    block-size: 1px;
    inline-size: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sw-numeric {
    font-variant-numeric: tabular-nums;
  }

  .sw-field__input--code {
    font-family: var(--sw-font-family-mono);
    font-size: var(--sw-font-size-lg);
    letter-spacing: .5em;
    text-indent: .5em;
    text-align: center;
  }

  .sw-field__input[data-masked] {
    font-family: var(--sw-font-family-mono);
  }

  .sw-field__rules-title {
    font-weight: var(--sw-font-weight-medium);
    margin: 0;
  }

  .sw-field__rules {
    gap: var(--sw-space-025);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

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

  .sw-field__rule[data-met] {
    color: var(--sw-color-status-success-text);
    font-weight: var(--sw-font-weight-medium);
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"], [data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) {
    --sw-field-label-gap: var(--sw-space-1);
    --sw-field-value-ink: calc(var(--sw-field-font, var(--sw-font-size-md)) * var(--sw-font-cap-height));
    --sw-field-label-shift: calc((var(--sw-field-label-ink) + var(--sw-field-label-gap)) / 2);
    --sw-field-label-lift: calc((var(--sw-field-label-gap) + var(--sw-field-value-ink)) / 2);
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"], [data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) .sw-field__box {
    --sw-field-box-pad-end: calc(var(--sw-space-25) / 2 - var(--sw-field-label-shift));
    padding-block: calc(var(--sw-space-25) / 2 + var(--sw-field-label-shift)) var(--sw-field-box-pad-end);
    min-block-size: calc(var(--sw-target) + var(--sw-space-1));
    --sw-field-box-pad: var(--sw-space-25);
    --sw-field-box-inner: max(calc(var(--sw-target) + var(--sw-space-1) - 2 * var(--sw-skin-border-width)),
      calc(var(--sw-space-25) + 2 * var(--sw-field-pad-block) + var(--sw-field-font, var(--sw-font-size-md)) * var(--sw-font-line-height-normal)));
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]) {
    --sw-field-label-ink: calc(var(--sw-font-size-xs) * var(--sw-font-cap-height));
    gap: 0;
    position: relative;
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]) .sw-field__label {
    font-size: var(--sw-font-size-xs);
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset-block-start: var(--sw-space-05);
    inset-inline-start: var(--sw-field-inset);
  }

  @supports selector(:has(*)) {
    :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]):not(:has(textarea.sw-field__input)) {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "control";
      display: grid;
    }

    :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]):not(:has(textarea.sw-field__input)) .sw-field__box {
      grid-area: control;
    }

    :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]):not(:has(textarea.sw-field__input)) .sw-field__label {
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift)));
      max-inline-size: calc(100% - var(--sw-field-inset) * 2);
      grid-area: control;
      place-self: center start;
      position: static;
    }

    :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]):has(textarea.sw-field__input) .sw-field__label {
      line-height: var(--sw-font-line-height-normal);
      inset-block-start: calc(var(--sw-skin-border-width) + var(--sw-space-25) / 2 + var(--sw-space-1)
        + (var(--sw-field-font, var(--sw-font-size-md)) - var(--sw-font-size-xs)) * var(--sw-font-line-height-normal) / 2
        - var(--sw-field-label-lift));
    }
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"]) :is(.sw-field__hint, .sw-field__error, .sw-field__below) {
    margin-block-start: var(--sw-space-05);
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) {
    --sw-field-label-ink: calc(var(--sw-font-size-md) * .75 * var(--sw-font-cap-height));
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "control";
    gap: 0;
    display: grid;
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) .sw-field__box {
    grid-area: control;
  }

  :is([data-sw-label="inside-fixed"] .sw-field:not([data-label-style]), .sw-field[data-label-style="inside-fixed"], [data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) :is(.sw-field__box > .sw-field__action, .sw-field__box > button, .sw-field__box > .sw-field__affix[data-part="icon"], .sw-select__chevron) {
    translate: 0 calc(-1 * var(--sw-field-label-shift));
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) .sw-field__label {
    transform-origin: calc(50% - 50% * var(--sw-dir)) 50%;
    transform: translateX(calc(var(--sw-dir) * var(--sw-field-inset)));
    font-size: var(--sw-font-size-md);
    font-weight: var(--sw-font-weight-regular);
    color: var(--sw-color-text-secondary);
    pointer-events: none;
    z-index: 1;
    transition: transform var(--sw-motion-duration-normal) var(--sw-motion-easing-decelerate),
      color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-inline-size: calc(100% - var(--sw-field-inset) * 2);
    grid-area: control;
    place-self: center start;
    overflow: hidden;
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"])[data-label-float="always"] .sw-field__label {
    transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift))) scale(.75);
    color: var(--sw-color-text-primary);
    max-inline-size: calc((100% - var(--sw-field-inset) * 2) / .75);
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"])[data-label-float="always"]:focus-within .sw-field__label {
    color: var(--sw-color-text-accent);
  }

  @supports selector(:has(*)) {
    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):is(:has(.sw-field__input:focus), :has(.sw-field__input:not(:placeholder-shown))) .sw-field__label {
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift))) scale(.75);
      color: var(--sw-color-text-primary);
      max-inline-size: calc((100% - var(--sw-field-inset) * 2) / .75);
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(.sw-field__input:focus) .sw-field__label {
      color: var(--sw-color-text-accent);
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"])[data-label-float="always"]:has(.sw-select__value > [data-placeholder]:empty):not([data-focused], [data-open]) .sw-field__label {
      transform: translateX(calc(var(--sw-dir) * var(--sw-field-inset)));
      color: var(--sw-color-text-secondary);
      max-inline-size: calc(100% - var(--sw-field-inset) * 2);
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(.sw-field__affix + .sw-field__input) .sw-field__label {
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift))) scale(.75);
      color: var(--sw-color-text-primary);
      max-inline-size: calc((100% - var(--sw-field-inset) * 2) / .75);
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):not(:has(.sw-field__affix + .sw-field__input)) .sw-field__input:not(:focus)::placeholder {
      color: #0000;
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(textarea.sw-field__input) .sw-field__label {
      white-space: normal;
      line-height: var(--sw-font-line-height-normal);
      --sw-field-first-line: calc(var(--sw-skin-border-width) + var(--sw-space-25) / 2 + var(--sw-space-1)
        + (var(--sw-field-font, var(--sw-font-size-md)) - var(--sw-font-size-md)) * var(--sw-font-line-height-normal) / 2);
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)),
        calc(var(--sw-field-first-line) + var(--sw-field-label-shift)));
      align-self: start;
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(textarea.sw-field__input):is(:has(.sw-field__input:focus), :has(.sw-field__input:not(:placeholder-shown))) .sw-field__label {
      white-space: nowrap;
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)),
        calc(var(--sw-field-first-line) - var(--sw-field-label-lift))) scale(.75);
    }

    :-webkit-any([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(.sw-field__input:-webkit-autofill) .sw-field__label {
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift))) scale(.75);
      color: var(--sw-color-text-primary);
      max-inline-size: calc((100% - var(--sw-field-inset) * 2) / .75);
    }

    :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]):has(.sw-field__input:autofill) .sw-field__label {
      transform: translate(calc(var(--sw-dir) * var(--sw-field-inset)), calc(-1 * var(--sw-field-label-lift))) scale(.75);
      color: var(--sw-color-text-primary);
      max-inline-size: calc((100% - var(--sw-field-inset) * 2) / .75);
    }
  }

  :is([data-sw-label="floating"] .sw-field:not([data-label-style]), .sw-field[data-label-style="floating"]) :is(.sw-field__hint, .sw-field__error, .sw-field__below) {
    margin-block-start: var(--sw-space-05);
  }

  @media (forced-colors: active) {
    .sw-field__box {
      border-color: canvastext;
    }

    .sw-field__box:focus-within {
      border-color: highlight;
    }

    .sw-field__box:has([aria-invalid="true"]) {
      border-color: canvastext;
      border-width: var(--sw-border-width-thick);
      border-style: dashed;
    }

    .sw-field[data-disabled] .sw-field__box, .sw-field[data-disabled] .sw-field__input {
      color: graytext;
      border-color: graytext;
    }
  }

  .sw-button-group {
    align-items: center;
    gap: var(--sw-space-1);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-button-group[data-align="start"] {
    justify-content: flex-start;
  }

  .sw-button-group[data-align="end"] {
    justify-content: flex-end;
  }

  .sw-button-group[data-align="between"] {
    justify-content: space-between;
  }

  @media (max-width: 29.999rem) {
    .sw-button-group {
      flex-direction: column;
      align-items: stretch;
    }

    .sw-button-group > .sw-button {
      inline-size: 100%;
    }
  }

  .sw-button-group[data-joined] {
    gap: 0;
  }

  .sw-button-group[data-joined] > .sw-button {
    border-radius: 0;
    margin-inline-start: calc(-1 * var(--sw-skin-border-width));
  }

  .sw-button-group[data-joined] > .sw-button:first-child {
    border-start-start-radius: var(--sw-skin-radius-pill);
    border-end-start-radius: var(--sw-skin-radius-pill);
    margin-inline-start: 0;
  }

  .sw-button-group[data-joined] > .sw-button:last-child {
    border-start-end-radius: var(--sw-skin-radius-pill);
    border-end-end-radius: var(--sw-skin-radius-pill);
  }

  .sw-button-group[data-joined] > .sw-button[data-focus-visible] {
    z-index: 1;
    position: relative;
  }

  .sw-toolbar {
    align-items: center;
    gap: var(--sw-space-05);
    padding: var(--sw-space-05);
    border-radius: var(--sw-skin-radius-control);
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
  }

  .sw-toolbar > * {
    flex: none;
  }

  .sw-toolbar[data-orientation="vertical"] {
    flex-direction: column;
    align-items: stretch;
    inline-size: fit-content;
  }

  .sw-toolbar > .sw-divider[data-orientation="vertical"] {
    margin-block: var(--sw-space-05);
    margin-inline: var(--sw-space-05);
    align-self: stretch;
  }

  .sw-icon {
    inline-size: var(--sw-icon-size, 1em);
    block-size: var(--sw-icon-size, 1em);
    vertical-align: -.125em;
    fill: none;
    stroke: currentColor;
    stroke-width: var(--sw-icon-stroke, 2);
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: none;
    display: inline-block;
  }

  [dir="rtl"] .sw-icon:is([data-icon="chevron-left"], [data-icon="chevron-right"], [data-icon="chevrons-left"], [data-icon="chevrons-right"], [data-icon="arrow-left"], [data-icon="arrow-right"]) {
    scale: -1 1;
  }

  .sw-icon[data-size="xs"] {
    --sw-icon-size: var(--sw-font-size-xs);
  }

  .sw-icon[data-size="sm"] {
    --sw-icon-size: var(--sw-font-size-sm);
  }

  .sw-icon[data-size="md"] {
    --sw-icon-size: var(--sw-font-size-md);
  }

  .sw-icon[data-size="lg"] {
    --sw-icon-size: var(--sw-font-size-lg);
  }

  .sw-icon[data-size="xl"] {
    --sw-icon-size: var(--sw-font-size-xl);
  }

  .sw-icon[data-size="2xl"] {
    --sw-icon-size: var(--sw-font-size-2xl);
  }

  .sw-icon[data-spin] {
    --sw-motion-essential: var(--sw-motion-loop-stepped);
    --sw-motion-essential-count: infinite;
    animation: sw-icon-spin var(--sw-motion-loop-spin) linear infinite;
  }

  [data-sw-motion="reduced"] .sw-icon[data-spin] {
    animation-timing-function: steps(8, end);
  }

  @media (prefers-reduced-motion: reduce) {
    .sw-icon[data-spin] {
      animation-timing-function: steps(8, end);
    }
  }

  @keyframes sw-icon-spin {
    to {
      rotate: 360deg;
    }
  }

  .sw-kbd {
    white-space: nowrap;
    align-items: center;
    gap: .25em;
    display: inline-flex;
  }

  .sw-kbd__key {
    background: var(--sw-color-surface-raised);
    min-inline-size: 2em;
    color: var(--sw-color-text-primary);
    border: var(--sw-border-width-thin) solid var(--sw-color-border-default);
    border-block-end-width: var(--sw-border-width-thick);
    border-radius: var(--sw-skin-radius-control);
    font-family: var(--sw-font-family-mono);
    font-size: .85em;
    line-height: var(--sw-font-line-height-tight);
    justify-content: center;
    align-items: center;
    padding-block: .15em;
    padding-inline: .4em;
    display: inline-flex;
  }

  .sw-kbd__plus {
    color: var(--sw-color-text-secondary);
    font-size: .85em;
  }

  @media (forced-colors: active) {
    .sw-kbd__key {
      border-color: canvastext;
    }
  }

  .sw-link {
    color: var(--sw-color-text-link);
    font: inherit;
    text-underline-offset: .2em;
    text-decoration: underline;
    text-decoration-thickness: var(--sw-border-width-thin);
    border-radius: var(--sw-radius-xs);
    cursor: pointer;
    transition: color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      text-decoration-thickness var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
  }

  .sw-link[data-hovered] {
    color: var(--sw-color-text-link-hover);
    text-decoration-thickness: max(var(--sw-border-width-thin), .1em);
  }

  .sw-link[data-pressed] {
    color: var(--sw-color-text-link-pressed);
  }

  .sw-link[data-current] {
    color: var(--sw-color-text-primary);
    font-weight: var(--sw-font-weight-semibold);
    text-decoration: underline;
  }

  .sw-link[data-disabled] {
    color: var(--sw-color-text-disabled);
    -webkit-text-decoration-color: var(--sw-color-text-disabled);
    text-decoration-color: var(--sw-color-text-disabled);
    cursor: not-allowed;
  }

  .sw-link__external {
    block-size: 1em;
    inline-size: 1em;
    vertical-align: -.1em;
    margin-inline-start: var(--sw-space-025);
    display: inline-block;
  }

  .sw-link__external > .sw-icon {
    display: block;
  }

  @media (forced-colors: active) {
    .sw-link {
      color: linktext;
    }

    .sw-link[data-disabled] {
      color: graytext;
    }
  }

  .sw-listbox-field {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-listbox[data-standalone], .sw-gridlist {
    border-radius: var(--sw-skin-radius-surface);
    max-block-size: var(--sw-panel-md);
    overflow-y: auto;
  }

  :is(.sw-listbox[data-standalone], .sw-gridlist, .sw-tree):is([data-frame="raised"], [data-frame="flat"], [data-frame="outlined"]) {
    border: var(--sw-skin-border-width) solid transparent;
    background: var(--sw-color-surface-raised);
  }

  :is(.sw-listbox[data-standalone], .sw-gridlist, .sw-tree)[data-frame="raised"] {
    border-color: var(--sw-color-border-subtle);
    box-shadow: var(--sw-skin-shadow-raised);
  }

  :is(.sw-listbox[data-standalone], .sw-gridlist, .sw-tree)[data-frame="outlined"] {
    border-color: var(--sw-color-border-default);
  }

  .sw-listbox[data-standalone] {
    gap: 0;
  }

  .sw-listbox[data-standalone] .sw-listbox__item {
    border-block-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    border-radius: 0;
  }

  .sw-listbox[data-standalone] .sw-listbox__item:last-child {
    border-block-end: 0;
  }

  .sw-gridlist__row {
    align-items: center;
    gap: var(--sw-space-1);
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-space-15);
    padding-block: var(--sw-space-05);
    border-block-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    cursor: default;
    display: flex;
  }

  .sw-gridlist__row:last-child {
    border-block-end: 0;
  }

  .sw-gridlist__row[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-gridlist__row[data-selected] {
    background: var(--sw-color-surface-selected);
  }

  .sw-gridlist__row[data-disabled] {
    color: var(--sw-color-text-disabled);
  }

  .sw-gridlist__row > [data-actions] {
    margin-inline-start: auto;
  }

  .sw-tree {
    border-radius: var(--sw-skin-radius-surface);
    max-block-size: var(--sw-panel-lg);
    overflow-y: auto;
  }

  .sw-tree__row {
    align-items: center;
    gap: var(--sw-space-05);
    min-block-size: var(--sw-target);
    padding-inline-start: calc(var(--sw-space-1) + (var(--tree-item-level, 1) - 1) * var(--sw-space-3));
    padding-inline-end: var(--sw-space-15);
    display: flex;
  }

  .sw-tree__item[data-hovered] .sw-tree__row {
    background: var(--sw-color-surface-hover);
  }

  .sw-tree__item[data-selected] .sw-tree__row {
    background: var(--sw-color-surface-selected);
  }

  .sw-tree__chevron {
    inline-size: max(var(--sw-space-4), var(--sw-target));
    block-size: max(var(--sw-space-4), var(--sw-target));
    color: inherit;
    cursor: pointer;
    transition: rotate var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .sw-tree__row[data-expanded] > .sw-tree__chevron {
    rotate: 90deg;
  }

  .sw-tree__spacer {
    inline-size: max(var(--sw-space-4), var(--sw-target));
    block-size: max(var(--sw-space-4), var(--sw-target));
  }

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

  .sw-tree__title {
    min-inline-size: 0;
  }

  @media (forced-colors: active) {
    .sw-listbox[data-standalone], .sw-gridlist, .sw-tree {
      border-color: canvastext;
    }

    .sw-gridlist__row[data-selected], .sw-tree__item[data-selected] .sw-tree__row {
      color: highlighttext;
      background: highlight;
    }
  }

  .sw-tabs {
    gap: var(--sw-space-2);
    flex-direction: column;
    display: flex;
  }

  .sw-tabs[data-orientation="horizontal"] > .sw-tabs__list, .sw-tabs[data-orientation="vertical"] {
    flex-direction: row;
  }

  .sw-tabs__list {
    gap: var(--sw-space-05);
    box-shadow: inset 0 calc(var(--sw-border-width-thin) * -1) 0 var(--sw-color-border-subtle);
    display: flex;
    overflow-x: auto;
  }

  .sw-tabs[data-orientation="vertical"] > .sw-tabs__list {
    box-shadow: none;
    border-inline-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    flex-direction: column;
    overflow-x: visible;
  }

  .sw-tabs__tab {
    align-items: center;
    gap: var(--sw-space-05);
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-inset);
    color: var(--sw-color-text-secondary);
    font-weight: var(--sw-font-weight-medium);
    white-space: nowrap;
    cursor: pointer;
    border-block-end: var(--sw-border-width-thick) solid transparent;
    transition: color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard),
      border-color var(--sw-motion-duration-fast) var(--sw-motion-easing-standard);
    flex: none;
    display: inline-flex;
  }

  .sw-tabs__label {
    --sw-reserve-weight: var(--sw-font-weight-semibold);
  }

  .sw-tabs__tab[data-hovered] {
    color: var(--sw-color-text-primary);
  }

  .sw-tabs__tab[data-selected] {
    color: var(--sw-color-text-accent);
    border-block-end-color: var(--sw-color-accent-default);
    font-weight: var(--sw-font-weight-semibold);
  }

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

  .sw-tabs[data-orientation="vertical"] .sw-tabs__tab {
    border-block-end: 0;
    border-inline-end: var(--sw-border-width-thick) solid transparent;
    margin-inline-end: calc(var(--sw-border-width-thin) * -1);
  }

  .sw-tabs[data-orientation="vertical"] .sw-tabs__tab[data-selected] {
    border-inline-end-color: var(--sw-color-accent-default);
  }

  .sw-tabs__panel:focus-visible {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  @supports (container-type: inline-size) and (contain-intrinsic-inline-size: 1px) {
    .sw-tabs {
      contain-intrinsic-inline-size: var(--sw-breakpoint-sm);
      min-inline-size: 0;
      container: sw-tabs / inline-size;
    }

    @container sw-tabs (width <= 29.999rem) {
      .sw-tabs__tab {
        padding-inline: min(var(--sw-inset), var(--sw-space-1));
      }
    }
  }

  .sw-breadcrumbs {
    align-items: center;
    gap: var(--sw-space-05);
    font-size: var(--sw-font-size-sm);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .sw-breadcrumbs__item {
    align-items: center;
    gap: var(--sw-space-05);
    display: flex;
  }

  .sw-breadcrumbs__item > a.sw-breadcrumbs__label {
    --sw-breadcrumbs-reach: max(0px, calc((var(--sw-target) - var(--sw-font-size-sm) * var(--sw-font-line-height-normal)) / 2));
    min-inline-size: var(--sw-target);
    padding: var(--sw-breadcrumbs-reach);
    margin: calc(var(--sw-breadcrumbs-reach) * -1);
    text-align: center;
  }

  .sw-breadcrumbs__item > a.sw-breadcrumbs__label:focus-visible {
    outline-offset: calc(var(--sw-focus-offset) - var(--sw-breadcrumbs-reach));
  }

  .sw-breadcrumbs__item:not(:last-child):after {
    content: "/";
    color: var(--sw-color-text-secondary);
  }

  .sw-breadcrumbs__item[data-current] .sw-breadcrumbs__label {
    color: var(--sw-color-text-primary);
    font-weight: var(--sw-font-weight-semibold);
  }

  .sw-pagination {
    align-items: center;
    gap: var(--sw-space-05);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-pagination__list {
    align-items: center;
    gap: var(--sw-space-025);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .sw-pagination__page {
    min-inline-size: var(--sw-target);
    font-variant-numeric: tabular-nums;
    font-weight: var(--sw-font-weight-regular);
    justify-content: center;
  }

  .sw-pagination__page[data-current] {
    font-weight: var(--sw-font-weight-bold);
  }

  .sw-pagination__gap {
    min-inline-size: var(--sw-space-3);
    text-align: center;
    color: var(--sw-color-text-secondary);
  }

  @supports (container-type: inline-size) and (contain-intrinsic-inline-size: 1px) {
    .sw-pagination {
      contain-intrinsic-inline-size: var(--sw-breakpoint-sm);
      min-inline-size: 0;
      container: sw-pagination / inline-size;
    }

    @container sw-pagination (width <= 29.999rem) {
      .sw-pagination__list {
        min-inline-size: 0;
        padding: calc(var(--sw-focus-offset) + var(--sw-focus-width));
        flex: 1;
        overflow-x: auto;
      }

      .sw-pagination__list > li {
        flex: none;
      }
    }
  }

  @media (forced-colors: active) {
    .sw-tabs:not([data-orientation="vertical"]) > .sw-tabs__list {
      border-block-end: var(--sw-border-width-thin) solid CanvasText;
    }

    .sw-tabs__tab[data-selected] {
      color: highlight;
      border-block-end-color: highlight;
    }

    .sw-tabs__tab[data-disabled] {
      color: graytext;
    }
  }

  :root {
    --sw-overlay-offset: var(--sw-space-1);
    --sw-scrim-opacity: .5;
    --sw-scrim-blur: 4px;
  }

  @media (prefers-reduced-transparency: reduce) {
    :root {
      --sw-scrim-opacity: .85;
      --sw-scrim-blur: 0px;
    }
  }

  .sw-modal-overlay {
    z-index: var(--sw-z-modal-backdrop);
    padding: var(--sw-space-4);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .sw-modal-overlay:before {
    content: "";
    z-index: -1;
    background: var(--sw-color-scrim);
    opacity: var(--sw-scrim-opacity);
    position: absolute;
    inset: 0;
  }

  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .sw-modal-overlay {
      -webkit-backdrop-filter: blur(var(--sw-scrim-blur));
      backdrop-filter: blur(var(--sw-scrim-blur));
    }
  }

  .sw-modal-overlay[data-entering] {
    animation: sw-fade-in var(--sw-motion-duration-fast) var(--sw-motion-easing-decelerate);
  }

  .sw-modal-overlay[data-exiting] {
    animation: sw-fade-in var(--sw-motion-duration-fast) var(--sw-motion-easing-accelerate) reverse;
  }

  .sw-modal {
    z-index: var(--sw-z-modal);
    inline-size: 100%;
    max-inline-size: var(--sw-panel-2xl);
    max-block-size: 100%;
    padding-block: var(--sw-skin-radius-surface);
    background: var(--sw-color-surface-overlay);
    border: var(--sw-skin-border-width) solid var(--sw-color-border-subtle);
    border-radius: var(--sw-skin-radius-surface);
    box-shadow: var(--sw-skin-shadow-overlay);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .sw-modal[data-entering] {
    animation: sw-scale-in var(--sw-motion-duration-normal) var(--sw-motion-easing-decelerate);
  }

  .sw-modal[data-exiting] {
    animation: sw-scale-in var(--sw-motion-duration-fast) var(--sw-motion-easing-accelerate) reverse;
  }

  @media (max-width: 47.999rem) {
    .sw-modal-overlay {
      align-items: flex-end;
      padding: 0;
    }

    .sw-modal {
      max-block-size: 90vh;
      max-inline-size: none;
      border-start-start-radius: var(--sw-skin-radius-surface);
      border-start-end-radius: var(--sw-skin-radius-surface);
      border-end-end-radius: 0;
      border-end-start-radius: 0;
      max-block-size: 90dvh;
      padding-block-end: 0;
    }
  }

  .sw-dialog {
    gap: var(--sw-space-2);
    padding: var(--sw-space-3);
    outline: none;
    flex-direction: column;
    display: flex;
  }

  .sw-modal .sw-dialog {
    min-block-size: 0;
    padding-block: max(0px, var(--sw-space-3) - var(--sw-skin-radius-surface));
    overflow-y: auto;
  }

  @media (max-width: 47.999rem) {
    .sw-modal .sw-dialog {
      padding-block-end: var(--sw-space-3);
    }
  }

  .sw-dialog__header {
    align-items: flex-start;
    gap: var(--sw-space-2);
    justify-content: space-between;
    display: flex;
  }

  .sw-dialog__header > [data-part="close"] {
    margin-block-start: calc(var(--sw-font-size-xl) * var(--sw-font-line-height-snug) / 2 - max(var(--sw-target), var(--sw-button-height)) / 2);
    margin-inline-end: calc((max(var(--sw-target), var(--sw-button-height)) - .5em) / -2);
  }

  .sw-dialog__title {
    font-size: var(--sw-font-size-xl);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
  }

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

  .sw-dialog__actions {
    gap: var(--sw-space-1);
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
  }

  .sw-popover {
    z-index: var(--sw-z-popover);
    --sw-popover-max: calc(100vw - 2 * var(--sw-space-15));
    max-inline-size: min(var(--sw-panel-md), var(--sw-popover-max));
    padding: var(--sw-space-2);
    background: var(--sw-color-surface-overlay);
    border: var(--sw-skin-border-width) solid var(--sw-color-border-subtle);
    border-radius: var(--sw-skin-radius-surface);
    box-shadow: var(--sw-skin-shadow-overlay);
    flex-direction: column;
    display: flex;
    overflow: auto;
  }

  .sw-popover[data-surface="flat"] {
    box-shadow: none;
  }

  .sw-popover[data-surface="outlined"] {
    box-shadow: none;
    border-color: var(--sw-color-border-default);
  }

  @supports (overscroll-behavior: contain) {
    .sw-popover {
      overscroll-behavior: contain;
    }
  }

  .sw-popover[data-entering] {
    animation: sw-pop-in var(--sw-motion-duration-fast) var(--sw-motion-easing-decelerate);
  }

  .sw-popover[data-exiting] {
    animation: sw-pop-in var(--sw-motion-duration-instant) var(--sw-motion-easing-accelerate) reverse;
  }

  .sw-popover[data-placement="top"] {
    --sw-pop-from: var(--sw-space-1);
  }

  .sw-popover[data-placement="bottom"] {
    --sw-pop-from: calc(var(--sw-space-1) * -1);
  }

  .sw-popover__content {
    outline: none;
  }

  .sw-popover[data-variant="calendar"] {
    max-inline-size: var(--sw-popover-max);
  }

  .sw-popover[data-variant="listbox"] {
    --sw-list-inset: calc(var(--sw-space-05) * 1.5);
    padding: calc(var(--sw-list-inset) / 2);
    max-inline-size: var(--sw-popover-max);
    min-inline-size: var(--trigger-width);
  }

  .sw-popover[data-variant="listbox"] .sw-listbox {
    padding: calc(var(--sw-list-inset) / 2);
  }

  .sw-popover[data-variant="listbox"] .sw-listbox__item {
    border-radius: calc(var(--sw-skin-radius-surface) - var(--sw-list-inset));
  }

  .sw-tooltip {
    z-index: var(--sw-z-tooltip);
    max-inline-size: var(--sw-panel-sm);
    padding: var(--sw-space-05) var(--sw-space-1);
    background: var(--sw-color-text-primary);
    color: var(--sw-color-surface-page);
    border-radius: var(--sw-skin-radius-control);
    font-size: var(--sw-font-size-sm);
    line-height: var(--sw-font-line-height-snug);
    box-shadow: var(--sw-skin-shadow-overlay);
  }

  .sw-tooltip[data-entering] {
    animation: sw-fade-in var(--sw-motion-duration-instant) var(--sw-motion-easing-decelerate);
  }

  .sw-tooltip[data-exiting] {
    animation: sw-fade-in var(--sw-motion-duration-instant) var(--sw-motion-easing-accelerate) reverse;
  }

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

    to {
      opacity: 1;
    }
  }

  @keyframes sw-scale-in {
    from {
      opacity: 0;
      transform: scale(.97);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes sw-pop-in {
    from {
      opacity: 0;
      transform: translateY(var(--sw-pop-from, 0));
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (forced-colors: active) {
    .sw-modal, .sw-popover, .sw-tooltip {
      border: var(--sw-border-width-thin) solid CanvasText;
    }

    .sw-tooltip {
      color: canvastext;
      background: canvas;
    }
  }

  .sw-steps__list {
    gap: var(--sw-space-2);
    counter-reset: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .sw-steps[data-orientation="vertical"] .sw-steps__list {
    flex-direction: column;
  }

  .sw-steps__step {
    align-items: flex-start;
    gap: var(--sw-space-1);
    flex: 10rem;
    min-inline-size: 0;
    display: flex;
  }

  .sw-steps__link {
    align-items: flex-start;
    gap: var(--sw-space-1);
    min-block-size: var(--sw-target);
    color: inherit;
    text-decoration: none;
    display: flex;
  }

  .sw-steps__link:hover .sw-steps__label {
    text-decoration: underline;
  }

  .sw-steps__marker {
    inline-size: var(--sw-space-4);
    block-size: var(--sw-space-4);
    border: var(--sw-border-width-thick) solid var(--sw-color-border-default);
    border-radius: var(--sw-radius-full);
    font-size: var(--sw-font-size-sm);
    font-variant-numeric: tabular-nums;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-block-start: max(0px, calc((var(--sw-font-size-md) * var(--sw-font-line-height-normal) - var(--sw-space-4)) / 2));
    display: flex;
  }

  .sw-steps__step[data-state="done"] .sw-steps__marker {
    border-color: var(--sw-color-border-interactive);
    color: var(--sw-color-text-accent);
  }

  .sw-steps__step[data-state="current"] .sw-steps__marker {
    background: var(--sw-color-accent-default);
    border-color: var(--sw-color-accent-default);
    color: var(--sw-color-text-on-accent);
  }

  .sw-steps__step[data-invalid] .sw-steps__marker {
    border-color: var(--sw-color-status-danger-border);
    color: var(--sw-color-status-danger-text);
    background: none;
  }

  .sw-steps__text {
    min-inline-size: 0;
    font-size: var(--sw-font-size-md);
    line-height: var(--sw-font-line-height-normal);
    flex-direction: column;
    margin-block-start: max(0px, calc((var(--sw-space-4) - var(--sw-font-size-md) * var(--sw-font-line-height-normal)) / 2));
    display: flex;
  }

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

  .sw-steps__step[data-state="current"] .sw-steps__label {
    font-weight: var(--sw-font-weight-bold);
  }

  .sw-steps__step[data-state="upcoming"] .sw-steps__label {
    color: var(--sw-color-text-secondary);
  }

  .sw-steps__description {
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
  }

  @media (max-width: 29.999rem) {
    .sw-steps__list {
      flex-direction: column;
    }
  }

  .sw-empty-state {
    align-items: center;
    gap: var(--sw-space-1);
    padding: var(--sw-space-6) var(--sw-space-3);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .sw-empty-state__icon {
    color: var(--sw-color-text-secondary);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sw-empty-state__title {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    margin: 0;
  }

  .sw-empty-state__body {
    max-inline-size: calc(var(--sw-font-measure-short) * 1ch);
    color: var(--sw-color-text-secondary);
    margin: 0;
  }

  .sw-empty-state__actions {
    margin-block-start: var(--sw-space-2);
  }

  .sw-description-list {
    margin: 0;
  }

  .sw-description-list__row {
    gap: var(--sw-space-05) var(--sw-space-3);
    padding-block: var(--sw-space-1);
    border-block-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    display: grid;
  }

  .sw-description-list__row:last-child {
    border-block-end: 0;
  }

  .sw-description-list[data-layout="rows"] .sw-description-list__row {
    grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr);
    align-items: baseline;
  }

  .sw-description-list__term {
    color: var(--sw-color-text-secondary);
    font-weight: var(--sw-font-weight-medium);
  }

  .sw-description-list__description {
    overflow-wrap: anywhere;
    margin: 0;
  }

  .sw-description-list__action {
    margin-inline-start: var(--sw-space-1);
  }

  @media (max-width: 29.999rem) {
    .sw-description-list[data-layout="rows"] .sw-description-list__row {
      grid-template-columns: 1fr;
    }
  }

  .sw-stat-group {
    gap: var(--sw-space-3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    margin: 0;
    display: grid;
  }

  .sw-stat {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-stat__label {
    color: var(--sw-color-text-secondary);
    font-size: var(--sw-font-size-sm);
  }

  .sw-stat__body {
    gap: var(--sw-space-05);
    flex-direction: column;
    margin: 0;
    display: flex;
  }

  .sw-stat__value {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-2xl);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    font-variant-numeric: tabular-nums;
  }

  .sw-stat__trend {
    align-items: center;
    gap: var(--sw-space-05);
    font-size: var(--sw-font-size-sm);
    display: inline-flex;
  }

  .sw-stat__trend[data-sentiment="positive"] {
    color: var(--sw-color-status-success-text);
  }

  .sw-stat__trend[data-sentiment="negative"] {
    color: var(--sw-color-status-danger-text);
  }

  .sw-stat__trend[data-sentiment="neutral"] {
    color: var(--sw-color-text-secondary);
  }

  .sw-stat__description {
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
  }

  .sw-nav-list__list {
    gap: var(--sw-space-05);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .sw-nav-list[data-orientation="horizontal"] > .sw-nav-list__list {
    flex-flow: wrap;
  }

  .sw-nav-list__item {
    display: flex;
  }

  .sw-nav-list__item > .sw-nav-list__link {
    flex: 1;
  }

  .sw-nav-list__link {
    align-items: center;
    gap: var(--sw-space-1);
    min-block-size: var(--sw-target);
    padding-inline: var(--sw-space-15);
    border-radius: var(--sw-skin-radius-control);
    color: var(--sw-color-text-primary);
    text-decoration: none;
    display: flex;
  }

  .sw-nav-list__link:hover {
    background: var(--sw-color-surface-hover);
  }

  .sw-nav-list__link[aria-current="page"] {
    background: var(--sw-color-surface-selected);
    font-weight: var(--sw-font-weight-semibold);
    position: relative;
  }

  .sw-nav-list__link[aria-current="page"]:before {
    content: "";
    inset-inline-start: var(--sw-space-05);
    inset-block: calc(50% - var(--sw-space-25) / 2);
    inline-size: var(--sw-space-05);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-border-interactive);
    position: absolute;
  }

  .sw-nav-list__icon {
    color: var(--sw-color-text-secondary);
  }

  .sw-nav-list__label {
    min-inline-size: 0;
  }

  .sw-nav-list__trailing {
    margin-inline-start: auto;
  }

  .sw-nav-list__section {
    margin-block-start: calc(var(--sw-group-gap) - var(--sw-space-05));
  }

  .sw-nav-list__section-title {
    margin: 0 0 var(--sw-group-heading-gap);
    padding-inline: var(--sw-space-15);
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-font-weight-semibold);
    color: var(--sw-color-text-secondary);
  }

  @supports (container-type: inline-size) and (contain-intrinsic-inline-size: 1px) {
    .sw-nav-list[data-orientation="horizontal"] {
      contain-intrinsic-inline-size: var(--sw-breakpoint-sm);
      min-inline-size: 0;
      container: sw-nav-list / inline-size;
    }

    @container sw-nav-list (width <= 29.999rem) {
      .sw-nav-list[data-orientation="horizontal"] > .sw-nav-list__list {
        flex-flow: column;
      }
    }
  }

  .sw-rating {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-rating__marks {
    gap: var(--sw-space-05);
    color: var(--sw-color-text-secondary);
    display: inline-flex;
  }

  .sw-rating__value {
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
  }

  .sw-rating__mark {
    --sw-icon-size: var(--sw-font-size-lg);
    display: inline-flex;
  }

  .sw-rating__mark[data-filled] {
    color: var(--sw-color-text-primary);
  }

  .sw-rating__mark[data-filled] .sw-icon {
    fill: currentColor;
  }

  .sw-rating__option .sw-choice__control {
    display: none;
  }

  .sw-rating__option[data-focus-visible] .sw-rating__mark {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
    border-radius: var(--sw-radius-xs);
  }

  @media (forced-colors: active) {
    .sw-rating__option[data-focus-visible] .sw-rating__mark {
      outline-color: highlight;
    }
  }

  .sw-rating__option[data-selected] .sw-rating__mark {
    color: var(--sw-color-text-primary);
  }

  .sw-rating__option:has( ~ .sw-rating__option[data-selected]) .sw-rating__mark {
    color: var(--sw-color-text-primary);
  }

  .sw-rating__option[data-selected] .sw-rating__mark .sw-icon {
    fill: currentColor;
  }

  .sw-rating__option:has( ~ .sw-rating__option[data-selected]) .sw-rating__mark .sw-icon {
    fill: currentColor;
  }

  .sw-rating__option[data-hovered] .sw-rating__mark {
    color: var(--sw-color-text-primary);
  }

  .sw-loader {
    display: grid;
  }

  .sw-loader__content, .sw-loader__status {
    grid-area: 1 / 1;
    min-inline-size: 0;
  }

  .sw-loader[data-loading] > .sw-loader__content {
    opacity: .5;
  }

  .sw-loader__status {
    pointer-events: none;
    place-items: center;
    display: grid;
  }

  .sw-loader[data-loading] > .sw-loader__status {
    padding: var(--sw-space-3);
    pointer-events: auto;
    cursor: progress;
  }

  .sw-loader__panel {
    inset-block: var(--sw-space-3);
    padding: var(--sw-space-2) var(--sw-space-3);
    background: var(--sw-color-surface-raised);
    border: var(--sw-skin-border-width) solid var(--sw-color-border-subtle);
    border-radius: var(--sw-skin-radius-surface);
    box-shadow: var(--sw-skin-shadow-raised);
    animation: sw-fade-in var(--sw-motion-duration-fast) var(--sw-motion-easing-decelerate);
    position: sticky;
  }

  .sw-loader__panel > .sw-progress-circle {
    text-align: center;
    flex-direction: column;
  }

  @media (forced-colors: active) {
    .sw-steps__step[data-state="current"] .sw-steps__marker, .sw-nav-list__link[aria-current="page"] {
      color: highlighttext;
      background: highlight;
    }

    .sw-description-list__row {
      border-block-end-color: canvastext;
    }
  }

  .sw-progress-circle {
    --sw-progress-circle-size: var(--sw-space-6);
    align-items: center;
    gap: var(--sw-space-1);
    display: inline-flex;
  }

  .sw-progress-circle[data-size="sm"] {
    --sw-progress-circle-size: var(--sw-space-4);
  }

  .sw-progress-circle[data-size="md"] {
    --sw-progress-circle-size: var(--sw-space-6);
  }

  .sw-progress-circle[data-size="lg"] {
    --sw-progress-circle-size: var(--sw-space-10);
  }

  .sw-progress-circle__ring {
    inline-size: var(--sw-progress-circle-size);
    block-size: var(--sw-progress-circle-size);
    flex: none;
    rotate: -90deg;
  }

  .sw-progress-circle__track {
    fill: none;
    stroke: var(--sw-color-border-subtle);
  }

  .sw-progress-circle__fill {
    fill: none;
    stroke: var(--sw-color-border-interactive);
    stroke-linecap: round;
    transition: stroke-dasharray var(--sw-motion-duration-normal) var(--sw-motion-easing-standard);
  }

  .sw-progress-circle__label {
    align-items: baseline;
    gap: var(--sw-space-05);
    font-size: var(--sw-font-size-sm);
    display: inline-flex;
  }

  .sw-progress-circle__value {
    color: var(--sw-color-text-secondary);
    font-variant-numeric: tabular-nums;
  }

  .sw-progress-circle[data-indeterminate] .sw-progress-circle__fill {
    transform-origin: center;
    --sw-motion-essential: var(--sw-motion-loop-stepped);
    --sw-motion-essential-count: infinite;
    animation: sw-progress-circle-spin var(--sw-motion-loop-spin) linear infinite;
    transition: none;
  }

  [data-sw-motion="reduced"] .sw-progress-circle[data-indeterminate] .sw-progress-circle__fill {
    animation-timing-function: steps(8, end);
  }

  @media (prefers-reduced-motion: reduce) {
    .sw-progress-circle[data-indeterminate] .sw-progress-circle__fill {
      animation-timing-function: steps(8, end);
    }
  }

  @keyframes sw-progress-circle-spin {
    to {
      rotate: 360deg;
    }
  }

  @media (forced-colors: active) {
    .sw-progress-circle__track {
      stroke: canvastext;
    }

    .sw-progress-circle__fill {
      stroke: highlight;
    }
  }

  .sw-form {
    gap: var(--sw-space-2);
    flex-direction: column;
    display: flex;
  }

  .sw-error-summary {
    padding: var(--sw-space-2);
    border: var(--sw-border-width-thick) solid var(--sw-color-status-danger-border);
    border-radius: var(--sw-skin-radius-surface);
    background: var(--sw-color-status-danger-surface);
    color: var(--sw-color-status-danger-text);
  }

  .sw-error-summary:focus-visible {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-error-summary__title {
    font-family: var(--sw-font-family-sans);
    font-size: var(--sw-font-size-lg);
    font-weight: var(--sw-font-weight-semibold);
    line-height: var(--sw-font-line-height-snug);
    letter-spacing: var(--sw-font-letter-spacing-normal);
    margin-block-end: var(--sw-space-1);
  }

  .sw-error-summary__list {
    gap: var(--sw-space-05);
    flex-direction: column;
    margin: 0;
    padding-inline-start: var(--sw-space-2);
    display: flex;
  }

  .sw-error-summary__list .sw-link {
    color: var(--sw-color-status-danger-text);
  }

  .sw-slider {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-slider__header {
    justify-content: space-between;
    gap: var(--sw-space-1);
    align-items: baseline;
    display: flex;
  }

  .sw-slider__label {
    font-size: var(--sw-font-size-sm);
    font-weight: var(--sw-skin-label-weight);
    color: var(--sw-color-text-primary);
  }

  .sw-slider__output {
    font-size: var(--sw-font-size-sm);
    font-variant-numeric: tabular-nums;
    color: var(--sw-color-text-secondary);
  }

  .sw-slider__value {
    --sw-reserve-align: end;
  }

  .sw-slider__track {
    min-block-size: var(--sw-target);
    margin-inline: calc(var(--sw-target) / 2);
    align-items: center;
    display: flex;
    position: relative;
  }

  .sw-slider__track:before {
    content: "";
    block-size: var(--sw-space-05);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-surface-sunken);
    border: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
    position: absolute;
    inset-inline: 0;
  }

  .sw-slider__fill {
    inline-size: var(--sw-slider-fill-size, 0%);
    block-size: var(--sw-space-05);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-accent-default);
    position: absolute;
    inset-inline-start: var(--sw-slider-fill-start, 0);
  }

  .sw-slider__thumb {
    inline-size: var(--sw-target);
    block-size: var(--sw-target);
    cursor: grab;
    justify-content: center;
    align-items: center;
    display: flex;
    inset-block-start: 50%;
  }

  .sw-slider__thumb:before {
    content: "";
    inline-size: var(--sw-space-25);
    block-size: var(--sw-space-25);
    border-radius: var(--sw-radius-full);
    background: var(--sw-color-surface-raised);
    border: var(--sw-border-width-thick) solid var(--sw-color-accent-default);
  }

  .sw-slider__thumb[data-focus-visible]:before {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-slider__thumb[data-dragging] {
    cursor: grabbing;
  }

  .sw-slider__thumb[data-dragging]:before {
    background: var(--sw-color-accent-subtle);
  }

  .sw-slider[data-disabled] .sw-slider__thumb {
    cursor: not-allowed;
  }

  .sw-slider[data-disabled] .sw-slider__thumb:before {
    border-color: var(--sw-color-border-subtle);
    background: var(--sw-color-surface-disabled);
  }

  .sw-slider[data-disabled] .sw-slider__fill {
    background: var(--sw-color-text-disabled);
  }

  @media (forced-colors: active) {
    .sw-slider__fill {
      background: highlight;
    }

    .sw-slider__thumb:before {
      background: canvas;
      border-color: canvastext;
    }

    .sw-slider[data-disabled] .sw-slider__thumb:before {
      border-color: graytext;
    }

    .sw-slider__thumb[data-focus-visible]:before {
      outline-color: highlight;
    }
  }

  .sw-table-wrapper {
    max-inline-size: 100%;
    overflow-x: auto;
  }

  .sw-table-wrapper:focus-visible {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: calc(var(--sw-focus-offset) * -1);
  }

  .sw-table {
    border-collapse: collapse;
    inline-size: 100%;
    font-size: var(--sw-font-size-sm);
  }

  .sw-table__caption {
    caption-side: top;
    text-align: start;
    font-size: var(--sw-font-size-sm);
    color: var(--sw-color-text-secondary);
    padding-block-end: var(--sw-space-1);
  }

  .sw-table th, .sw-table td {
    text-align: start;
    padding: var(--sw-space-1) var(--sw-space-15);
    border-block-end: var(--sw-border-width-thin) solid var(--sw-color-border-subtle);
  }

  .sw-table th {
    font-size: var(--sw-font-size-xs);
    font-weight: var(--sw-font-weight-semibold);
    color: var(--sw-color-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--sw-font-letter-spacing-wide);
    border-block-end-color: var(--sw-color-border-strong);
    background: var(--sw-color-surface-page);
    z-index: var(--sw-z-sticky);
    position: sticky;
    inset-block-start: 0;
  }

  .sw-table th button, .sw-table__sort {
    align-items: center;
    gap: var(--sw-space-05);
    min-block-size: var(--sw-target);
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-flex;
  }

  .sw-table th[aria-sort]:after {
    content: "";
    block-size: 1em;
    inline-size: 1em;
    vertical-align: -.125em;
    opacity: 0;
    background: currentColor;
    margin-inline-start: var(--sw-space-05);
    display: inline-block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .sw-table th[aria-sort]:not([aria-sort="none"]):after {
    opacity: 1;
  }

  .sw-table th[aria-sort="ascending"]:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"/></svg>");
  }

  .sw-table th[aria-sort="descending"]:after {
    -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>");
    mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>");
  }

  .sw-table__sort-indicator {
    opacity: 0;
    inline-size: 1em;
  }

  .sw-table th[aria-sort]:not([aria-sort="none"]) .sw-table__sort-indicator {
    opacity: 1;
  }

  .sw-table tr[data-hovered] {
    background: var(--sw-color-surface-hover);
  }

  .sw-table tr[data-selected] {
    background: var(--sw-color-accent-subtle);
  }

  .sw-table tr[data-focus-visible], .sw-table td[data-focus-visible], .sw-table th[data-focus-visible] {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: calc(var(--sw-focus-offset) * -1);
  }

  .sw-table tr[data-disabled] {
    color: var(--sw-color-text-disabled);
  }

  .sw-table .sw-numeric {
    text-align: end;
    font-variant-numeric: tabular-nums;
  }

  :is(.sw-table th:has( > .sw-choice), .sw-table td:has( > .sw-choice)) {
    inline-size: var(--sw-target);
  }

  .sw-table__empty {
    padding: var(--sw-space-3);
    text-align: center;
    color: var(--sw-color-text-secondary);
  }

  @supports (container-type: inline-size) and (contain-intrinsic-inline-size: 1px) {
    .sw-table-wrapper {
      contain-intrinsic-inline-size: var(--sw-breakpoint-md);
      min-inline-size: 0;
      container: sw-table / inline-size;
    }

    @container sw-table (width <= 47.999rem) {
      .sw-table th, .sw-table td {
        padding-inline: var(--sw-space-1);
      }
    }

    @container sw-table (width <= 29.999rem) {
      .sw-table th, .sw-table td {
        padding-inline: var(--sw-space-05);
      }
    }
  }

  @media (forced-colors: active) {
    .sw-table tr[data-selected] {
      color: highlighttext;
      background: highlight;
    }

    .sw-table th {
      background: canvas;
    }
  }

  .sw-text[data-tone="secondary"] {
    color: var(--sw-color-text-secondary);
  }

  .sw-text[data-tone="danger"] {
    color: var(--sw-color-status-danger-text);
  }

  .sw-text[data-tone="warning"] {
    color: var(--sw-color-status-warning-text);
  }

  .sw-text[data-tone="success"] {
    color: var(--sw-color-status-success-text);
  }

  .sw-text[data-tone="info"] {
    color: var(--sw-color-status-info-text);
  }

  .sw-text[data-align="start"] {
    text-align: start;
  }

  .sw-text[data-align="center"] {
    text-align: center;
  }

  .sw-text[data-align="end"] {
    text-align: end;
  }

  strong.sw-text {
    font-weight: var(--sw-font-weight-bold);
  }

  .sw-text[data-max-lines] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .sw-text[data-max-lines="1"] {
    -webkit-line-clamp: 1;
  }

  .sw-text[data-max-lines="2"] {
    -webkit-line-clamp: 2;
  }

  .sw-text[data-max-lines="3"] {
    -webkit-line-clamp: 3;
  }

  .sw-toggle-button[data-selected], .sw-toggle-button[aria-pressed="true"] {
    background: var(--sw-color-text-primary);
    border-color: var(--sw-color-text-primary);
    color: var(--sw-color-surface-raised);
  }

  .sw-toggle-button[data-selected][data-hovered], .sw-toggle-button[aria-pressed="true"]:hover {
    background: var(--sw-color-text-secondary);
    border-color: var(--sw-color-text-secondary);
  }

  .sw-toggle-group {
    gap: var(--sw-space-05);
    flex-wrap: wrap;
    display: flex;
  }

  .sw-toggle-group[data-segmented] {
    gap: 0;
    inline-size: fit-content;
    max-inline-size: 100%;
  }

  .sw-toggle-group[data-segmented] > .sw-button {
    border-radius: 0;
    margin-inline-start: calc(-1 * var(--sw-skin-border-width));
  }

  .sw-toggle-group[data-segmented] > .sw-button:first-child {
    border-start-start-radius: var(--sw-skin-radius-pill);
    border-end-start-radius: var(--sw-skin-radius-pill);
    margin-inline-start: 0;
  }

  .sw-toggle-group[data-segmented] > .sw-button:last-child {
    border-start-end-radius: var(--sw-skin-radius-pill);
    border-end-end-radius: var(--sw-skin-radius-pill);
  }

  .sw-toggle-group[data-segmented] > .sw-button[data-selected], .sw-toggle-group[data-segmented] > .sw-button[data-focus-visible] {
    z-index: 1;
    position: relative;
  }

  @media (max-width: 29.999rem) {
    .sw-toggle-group[data-segmented] {
      flex-direction: column;
      inline-size: 100%;
    }

    .sw-toggle-group[data-segmented] > .sw-button {
      border-radius: 0;
      margin-block-start: calc(-1 * var(--sw-skin-border-width));
      margin-inline-start: 0;
    }

    .sw-toggle-group[data-segmented] > .sw-button:first-child {
      border-start-start-radius: var(--sw-skin-radius-control);
      border-start-end-radius: var(--sw-skin-radius-control);
      margin-block-start: 0;
    }

    .sw-toggle-group[data-segmented] > .sw-button:last-child {
      border-end-end-radius: var(--sw-skin-radius-control);
      border-end-start-radius: var(--sw-skin-radius-control);
    }
  }

  @media (forced-colors: active) {
    .sw-toggle-button[data-selected], .sw-toggle-button[aria-pressed="true"] {
      color: highlighttext;
      background: highlight;
      border-color: highlight;
    }
  }

  .sw-file-upload {
    gap: var(--sw-space-05);
    flex-direction: column;
    display: flex;
  }

  .sw-file-upload__zone {
    align-items: center;
    gap: var(--sw-space-1);
    padding: var(--sw-space-4);
    border: var(--sw-border-width-thick) dashed var(--sw-color-border-default);
    border-radius: var(--sw-skin-radius-surface);
    background: var(--sw-color-surface-sunken);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .sw-file-upload__zone[data-focus-visible] {
    outline: var(--sw-focus-width) solid var(--sw-color-border-focus);
    outline-offset: var(--sw-focus-offset);
  }

  .sw-file-upload__zone[data-drop-target] {
    border-style: solid;
    border-color: var(--sw-color-border-interactive);
    background: var(--sw-color-surface-selected);
  }

  .sw-file-upload__hint {
    color: var(--sw-color-text-secondary);
    font-size: var(--sw-font-size-sm);
  }

  .sw-file-upload__files {
    margin-block-start: var(--sw-space-1);
  }

  .sw-drawer {
    background: var(--sw-color-surface-overlay);
    box-shadow: var(--sw-skin-shadow-overlay);
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .sw-drawer[data-side="end"], .sw-drawer[data-side="start"] {
    inline-size: 100%;
    max-inline-size: var(--sw-panel-xl);
    inset-block: 0;
  }

  .sw-drawer[data-side="end"] {
    inset-inline-end: 0;
  }

  .sw-drawer[data-side="start"] {
    inset-inline-start: 0;
  }

  .sw-drawer[data-side="bottom"] {
    max-block-size: 85vh;
    border-start-start-radius: var(--sw-skin-radius-surface);
    border-start-end-radius: var(--sw-skin-radius-surface);
    max-block-size: 85dvh;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .sw-drawer .sw-dialog {
    flex-direction: column;
    min-block-size: 0;
    max-block-size: 100%;
    display: flex;
  }

  .sw-drawer .sw-dialog__body {
    flex: 1;
    overflow-y: auto;
  }

  .sw-drawer[data-entering] {
    animation: sw-drawer-in var(--sw-motion-duration-normal) var(--sw-motion-easing-decelerate);
  }

  .sw-drawer[data-exiting] {
    animation: sw-drawer-in var(--sw-motion-duration-fast) var(--sw-motion-easing-accelerate) reverse;
  }

  @keyframes sw-drawer-in {
    from {
      opacity: 0;
      translate: 0 var(--sw-space-4);
    }

    to {
      opacity: 1;
      translate: 0;
    }
  }

  @media (max-width: 29.999rem) {
    .sw-drawer[data-side="end"], .sw-drawer[data-side="start"] {
      border-start-start-radius: var(--sw-skin-radius-surface);
      border-start-end-radius: var(--sw-skin-radius-surface);
      max-block-size: 85vh;
      inline-size: auto;
      inset: auto 0 0;
    }
  }

  .sw-split-button {
    align-items: stretch;
    display: inline-flex;
  }

  .sw-split-button__action {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .sw-split-button__trigger {
    aspect-ratio: 1;
    min-inline-size: var(--sw-target);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    margin-inline-start: calc(-1 * var(--sw-skin-border-width));
  }

  .sw-split-button > .sw-button[data-focus-visible] {
    z-index: 1;
    position: relative;
  }

  @media (max-width: 29.999rem) {
    .sw-split-button {
      display: flex;
    }

    .sw-split-button__action {
      flex: 1;
    }
  }

  @media (forced-colors: active) {
    .sw-file-upload__zone {
      border-color: canvastext;
    }

    .sw-file-upload__zone[data-drop-target] {
      border-color: highlight;
    }

    .sw-file-upload__zone[data-focus-visible] {
      outline-color: highlight;
    }

    .sw-drawer {
      border: var(--sw-border-width-thin) solid CanvasText;
    }
  }

  @media (min-width: 480px) {
    .sw-button[data-size-sm="xs"] {
      --sw-button-height: var(--sw-control-xs);
      --sw-button-inset: var(--sw-space-1);
      --sw-button-font: var(--sw-font-size-xs);
    }

    .sw-button[data-size-sm="sm"] {
      --sw-button-height: var(--sw-control-sm);
      --sw-button-inset: var(--sw-space-15);
      --sw-button-font: var(--sw-font-size-sm);
    }

    .sw-button[data-size-sm="md"] {
      --sw-button-height: var(--sw-control-md);
      --sw-button-inset: var(--sw-space-2);
      --sw-button-font: var(--sw-font-size-md);
    }

    .sw-button[data-size-sm="lg"] {
      --sw-button-height: var(--sw-control-lg);
      --sw-button-inset: var(--sw-space-3);
      --sw-button-font: var(--sw-font-size-lg);
    }

    .sw-button[data-size-sm="xl"] {
      --sw-button-height: var(--sw-control-xl);
      --sw-button-inset: var(--sw-space-4);
      --sw-button-font: var(--sw-font-size-xl);
    }

    .sw-color-swatch[data-size-sm="sm"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-3);
    }

    .sw-color-swatch[data-size-sm="lg"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-6);
    }

    .sw-avatar[data-size-sm="xs"] {
      --sw-avatar-size: var(--sw-space-3);
      font-size: var(--sw-font-size-2xs);
    }

    .sw-avatar[data-size-sm="sm"] {
      --sw-avatar-size: var(--sw-space-4);
      font-size: var(--sw-font-size-xs);
    }

    .sw-avatar[data-size-sm="lg"] {
      --sw-avatar-size: var(--sw-space-8);
      font-size: var(--sw-font-size-md);
    }

    .sw-avatar[data-size-sm="xl"] {
      --sw-avatar-size: var(--sw-space-12);
      font-size: var(--sw-font-size-xl);
    }

    .sw-field[data-size-sm="xs"] {
      --sw-field-height: var(--sw-control-xs);
      --sw-field-inset: calc(var(--sw-inset) * .75);
      --sw-field-font: var(--sw-font-size-xs);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-sm="sm"] {
      --sw-field-height: var(--sw-control-sm);
      --sw-field-inset: calc(var(--sw-inset) * .875);
      --sw-field-font: var(--sw-font-size-sm);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-sm="md"] {
      --sw-field-height: var(--sw-control-md);
      --sw-field-inset: var(--sw-inset);
      --sw-field-font: inherit;
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-sm="lg"] {
      --sw-field-height: var(--sw-control-lg);
      --sw-field-inset: calc(var(--sw-inset) * 1.125);
      --sw-field-font: var(--sw-font-size-lg);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-sm="xl"] {
      --sw-field-height: var(--sw-control-xl);
      --sw-field-inset: calc(var(--sw-inset) * 1.25);
      --sw-field-font: var(--sw-font-size-xl);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-icon[data-size-sm="xs"] {
      --sw-icon-size: var(--sw-font-size-xs);
    }

    .sw-icon[data-size-sm="sm"] {
      --sw-icon-size: var(--sw-font-size-sm);
    }

    .sw-icon[data-size-sm="md"] {
      --sw-icon-size: var(--sw-font-size-md);
    }

    .sw-icon[data-size-sm="lg"] {
      --sw-icon-size: var(--sw-font-size-lg);
    }

    .sw-icon[data-size-sm="xl"] {
      --sw-icon-size: var(--sw-font-size-xl);
    }

    .sw-icon[data-size-sm="2xl"] {
      --sw-icon-size: var(--sw-font-size-2xl);
    }

    .sw-progress-circle[data-size-sm="sm"] {
      --sw-progress-circle-size: var(--sw-space-4);
    }

    .sw-progress-circle[data-size-sm="md"] {
      --sw-progress-circle-size: var(--sw-space-6);
    }

    .sw-progress-circle[data-size-sm="lg"] {
      --sw-progress-circle-size: var(--sw-space-10);
    }
  }

  @media (min-width: 768px) {
    .sw-button[data-size-md="xs"] {
      --sw-button-height: var(--sw-control-xs);
      --sw-button-inset: var(--sw-space-1);
      --sw-button-font: var(--sw-font-size-xs);
    }

    .sw-button[data-size-md="sm"] {
      --sw-button-height: var(--sw-control-sm);
      --sw-button-inset: var(--sw-space-15);
      --sw-button-font: var(--sw-font-size-sm);
    }

    .sw-button[data-size-md="md"] {
      --sw-button-height: var(--sw-control-md);
      --sw-button-inset: var(--sw-space-2);
      --sw-button-font: var(--sw-font-size-md);
    }

    .sw-button[data-size-md="lg"] {
      --sw-button-height: var(--sw-control-lg);
      --sw-button-inset: var(--sw-space-3);
      --sw-button-font: var(--sw-font-size-lg);
    }

    .sw-button[data-size-md="xl"] {
      --sw-button-height: var(--sw-control-xl);
      --sw-button-inset: var(--sw-space-4);
      --sw-button-font: var(--sw-font-size-xl);
    }

    .sw-color-swatch[data-size-md="sm"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-3);
    }

    .sw-color-swatch[data-size-md="lg"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-6);
    }

    .sw-avatar[data-size-md="xs"] {
      --sw-avatar-size: var(--sw-space-3);
      font-size: var(--sw-font-size-2xs);
    }

    .sw-avatar[data-size-md="sm"] {
      --sw-avatar-size: var(--sw-space-4);
      font-size: var(--sw-font-size-xs);
    }

    .sw-avatar[data-size-md="lg"] {
      --sw-avatar-size: var(--sw-space-8);
      font-size: var(--sw-font-size-md);
    }

    .sw-avatar[data-size-md="xl"] {
      --sw-avatar-size: var(--sw-space-12);
      font-size: var(--sw-font-size-xl);
    }

    .sw-field[data-size-md="xs"] {
      --sw-field-height: var(--sw-control-xs);
      --sw-field-inset: calc(var(--sw-inset) * .75);
      --sw-field-font: var(--sw-font-size-xs);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-md="sm"] {
      --sw-field-height: var(--sw-control-sm);
      --sw-field-inset: calc(var(--sw-inset) * .875);
      --sw-field-font: var(--sw-font-size-sm);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-md="md"] {
      --sw-field-height: var(--sw-control-md);
      --sw-field-inset: var(--sw-inset);
      --sw-field-font: inherit;
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-md="lg"] {
      --sw-field-height: var(--sw-control-lg);
      --sw-field-inset: calc(var(--sw-inset) * 1.125);
      --sw-field-font: var(--sw-font-size-lg);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-md="xl"] {
      --sw-field-height: var(--sw-control-xl);
      --sw-field-inset: calc(var(--sw-inset) * 1.25);
      --sw-field-font: var(--sw-font-size-xl);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-icon[data-size-md="xs"] {
      --sw-icon-size: var(--sw-font-size-xs);
    }

    .sw-icon[data-size-md="sm"] {
      --sw-icon-size: var(--sw-font-size-sm);
    }

    .sw-icon[data-size-md="md"] {
      --sw-icon-size: var(--sw-font-size-md);
    }

    .sw-icon[data-size-md="lg"] {
      --sw-icon-size: var(--sw-font-size-lg);
    }

    .sw-icon[data-size-md="xl"] {
      --sw-icon-size: var(--sw-font-size-xl);
    }

    .sw-icon[data-size-md="2xl"] {
      --sw-icon-size: var(--sw-font-size-2xl);
    }

    .sw-progress-circle[data-size-md="sm"] {
      --sw-progress-circle-size: var(--sw-space-4);
    }

    .sw-progress-circle[data-size-md="md"] {
      --sw-progress-circle-size: var(--sw-space-6);
    }

    .sw-progress-circle[data-size-md="lg"] {
      --sw-progress-circle-size: var(--sw-space-10);
    }
  }

  @media (min-width: 1024px) {
    .sw-button[data-size-lg="xs"] {
      --sw-button-height: var(--sw-control-xs);
      --sw-button-inset: var(--sw-space-1);
      --sw-button-font: var(--sw-font-size-xs);
    }

    .sw-button[data-size-lg="sm"] {
      --sw-button-height: var(--sw-control-sm);
      --sw-button-inset: var(--sw-space-15);
      --sw-button-font: var(--sw-font-size-sm);
    }

    .sw-button[data-size-lg="md"] {
      --sw-button-height: var(--sw-control-md);
      --sw-button-inset: var(--sw-space-2);
      --sw-button-font: var(--sw-font-size-md);
    }

    .sw-button[data-size-lg="lg"] {
      --sw-button-height: var(--sw-control-lg);
      --sw-button-inset: var(--sw-space-3);
      --sw-button-font: var(--sw-font-size-lg);
    }

    .sw-button[data-size-lg="xl"] {
      --sw-button-height: var(--sw-control-xl);
      --sw-button-inset: var(--sw-space-4);
      --sw-button-font: var(--sw-font-size-xl);
    }

    .sw-color-swatch[data-size-lg="sm"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-3);
    }

    .sw-color-swatch[data-size-lg="lg"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-6);
    }

    .sw-avatar[data-size-lg="xs"] {
      --sw-avatar-size: var(--sw-space-3);
      font-size: var(--sw-font-size-2xs);
    }

    .sw-avatar[data-size-lg="sm"] {
      --sw-avatar-size: var(--sw-space-4);
      font-size: var(--sw-font-size-xs);
    }

    .sw-avatar[data-size-lg="lg"] {
      --sw-avatar-size: var(--sw-space-8);
      font-size: var(--sw-font-size-md);
    }

    .sw-avatar[data-size-lg="xl"] {
      --sw-avatar-size: var(--sw-space-12);
      font-size: var(--sw-font-size-xl);
    }

    .sw-field[data-size-lg="xs"] {
      --sw-field-height: var(--sw-control-xs);
      --sw-field-inset: calc(var(--sw-inset) * .75);
      --sw-field-font: var(--sw-font-size-xs);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-lg="sm"] {
      --sw-field-height: var(--sw-control-sm);
      --sw-field-inset: calc(var(--sw-inset) * .875);
      --sw-field-font: var(--sw-font-size-sm);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-lg="md"] {
      --sw-field-height: var(--sw-control-md);
      --sw-field-inset: var(--sw-inset);
      --sw-field-font: inherit;
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-lg="lg"] {
      --sw-field-height: var(--sw-control-lg);
      --sw-field-inset: calc(var(--sw-inset) * 1.125);
      --sw-field-font: var(--sw-font-size-lg);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-lg="xl"] {
      --sw-field-height: var(--sw-control-xl);
      --sw-field-inset: calc(var(--sw-inset) * 1.25);
      --sw-field-font: var(--sw-font-size-xl);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-icon[data-size-lg="xs"] {
      --sw-icon-size: var(--sw-font-size-xs);
    }

    .sw-icon[data-size-lg="sm"] {
      --sw-icon-size: var(--sw-font-size-sm);
    }

    .sw-icon[data-size-lg="md"] {
      --sw-icon-size: var(--sw-font-size-md);
    }

    .sw-icon[data-size-lg="lg"] {
      --sw-icon-size: var(--sw-font-size-lg);
    }

    .sw-icon[data-size-lg="xl"] {
      --sw-icon-size: var(--sw-font-size-xl);
    }

    .sw-icon[data-size-lg="2xl"] {
      --sw-icon-size: var(--sw-font-size-2xl);
    }

    .sw-progress-circle[data-size-lg="sm"] {
      --sw-progress-circle-size: var(--sw-space-4);
    }

    .sw-progress-circle[data-size-lg="md"] {
      --sw-progress-circle-size: var(--sw-space-6);
    }

    .sw-progress-circle[data-size-lg="lg"] {
      --sw-progress-circle-size: var(--sw-space-10);
    }
  }

  @media (min-width: 1280px) {
    .sw-button[data-size-xl="xs"] {
      --sw-button-height: var(--sw-control-xs);
      --sw-button-inset: var(--sw-space-1);
      --sw-button-font: var(--sw-font-size-xs);
    }

    .sw-button[data-size-xl="sm"] {
      --sw-button-height: var(--sw-control-sm);
      --sw-button-inset: var(--sw-space-15);
      --sw-button-font: var(--sw-font-size-sm);
    }

    .sw-button[data-size-xl="md"] {
      --sw-button-height: var(--sw-control-md);
      --sw-button-inset: var(--sw-space-2);
      --sw-button-font: var(--sw-font-size-md);
    }

    .sw-button[data-size-xl="lg"] {
      --sw-button-height: var(--sw-control-lg);
      --sw-button-inset: var(--sw-space-3);
      --sw-button-font: var(--sw-font-size-lg);
    }

    .sw-button[data-size-xl="xl"] {
      --sw-button-height: var(--sw-control-xl);
      --sw-button-inset: var(--sw-space-4);
      --sw-button-font: var(--sw-font-size-xl);
    }

    .sw-color-swatch[data-size-xl="sm"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-3);
    }

    .sw-color-swatch[data-size-xl="lg"] .sw-color-swatch__well {
      --sw-color-swatch-size: var(--sw-space-6);
    }

    .sw-avatar[data-size-xl="xs"] {
      --sw-avatar-size: var(--sw-space-3);
      font-size: var(--sw-font-size-2xs);
    }

    .sw-avatar[data-size-xl="sm"] {
      --sw-avatar-size: var(--sw-space-4);
      font-size: var(--sw-font-size-xs);
    }

    .sw-avatar[data-size-xl="lg"] {
      --sw-avatar-size: var(--sw-space-8);
      font-size: var(--sw-font-size-md);
    }

    .sw-avatar[data-size-xl="xl"] {
      --sw-avatar-size: var(--sw-space-12);
      font-size: var(--sw-font-size-xl);
    }

    .sw-field[data-size-xl="xs"] {
      --sw-field-height: var(--sw-control-xs);
      --sw-field-inset: calc(var(--sw-inset) * .75);
      --sw-field-font: var(--sw-font-size-xs);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-xl="sm"] {
      --sw-field-height: var(--sw-control-sm);
      --sw-field-inset: calc(var(--sw-inset) * .875);
      --sw-field-font: var(--sw-font-size-sm);
      --sw-field-pad-block: var(--sw-space-025);
    }

    .sw-field[data-size-xl="md"] {
      --sw-field-height: var(--sw-control-md);
      --sw-field-inset: var(--sw-inset);
      --sw-field-font: inherit;
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-xl="lg"] {
      --sw-field-height: var(--sw-control-lg);
      --sw-field-inset: calc(var(--sw-inset) * 1.125);
      --sw-field-font: var(--sw-font-size-lg);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-field[data-size-xl="xl"] {
      --sw-field-height: var(--sw-control-xl);
      --sw-field-inset: calc(var(--sw-inset) * 1.25);
      --sw-field-font: var(--sw-font-size-xl);
      --sw-field-pad-block: var(--sw-space-05);
    }

    .sw-icon[data-size-xl="xs"] {
      --sw-icon-size: var(--sw-font-size-xs);
    }

    .sw-icon[data-size-xl="sm"] {
      --sw-icon-size: var(--sw-font-size-sm);
    }

    .sw-icon[data-size-xl="md"] {
      --sw-icon-size: var(--sw-font-size-md);
    }

    .sw-icon[data-size-xl="lg"] {
      --sw-icon-size: var(--sw-font-size-lg);
    }

    .sw-icon[data-size-xl="xl"] {
      --sw-icon-size: var(--sw-font-size-xl);
    }

    .sw-icon[data-size-xl="2xl"] {
      --sw-icon-size: var(--sw-font-size-2xl);
    }

    .sw-progress-circle[data-size-xl="sm"] {
      --sw-progress-circle-size: var(--sw-space-4);
    }

    .sw-progress-circle[data-size-xl="md"] {
      --sw-progress-circle-size: var(--sw-space-6);
    }

    .sw-progress-circle[data-size-xl="lg"] {
      --sw-progress-circle-size: var(--sw-space-10);
    }
  }
}

@layer sw.utilities, sw.overrides;

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}