/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--alp-font-sans);
    --font-mono: var(--alp-font-mono);
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-3xl: 48rem;
    --container-7xl: 80rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-canvas: var(--alp-canvas);
    --color-border-strong: var(--alp-border-strong);
    --color-border-subtle: var(--alp-border-subtle);
    --color-rule: var(--alp-rule);
    --color-hover: var(--alp-hover);
    --color-scrim: var(--alp-scrim);
    --color-focus: var(--alp-focus-color);
    --color-chart-previous: var(--alp-chart-previous);
    --color-destructive-ink: var(--alp-destructive-ink);
    --font-display: var(--alp-font-display);
    --text-body: var(--alp-type-body-size);
    --text-body--line-height: var(--alp-type-body-leading);
    --text-label: var(--alp-type-label-size);
    --text-label--line-height: var(--alp-type-label-leading);
    --text-label--font-weight: 600;
    --text-meta: var(--alp-type-data-size);
    --text-meta--line-height: var(--alp-type-data-leading);
    --text-code: var(--alp-type-data-size);
    --text-code--line-height: var(--alp-type-data-leading);
    --text-numeric: var(--alp-type-data-size);
    --text-numeric--line-height: var(--alp-type-data-leading);
    --text-numeric--font-weight: 500;
    --radius-md: var(--alp-radius-control);
    --radius-lg: var(--alp-radius-structural);
    --radius-full: var(--alp-radius-dot);
    --spacing-control-sm: var(--alp-control-sm);
    --spacing-control-md: var(--alp-control-md);
    --spacing-control-lg: var(--alp-control-lg);
    --spacing-row: var(--alp-row);
    --spacing-target-min: var(--alp-target-min);
    --spacing-stack: var(--alp-sp-05);
    --spacing-inline: var(--alp-sp-03);
    --container-measure: var(--alp-measure);
    --container-wide: var(--alp-width-content);
    --color-surface-page: var(--alp-surface-page);
    --color-surface-raised: var(--alp-surface-raised);
    --color-surface-sunken: var(--alp-surface-sunken);
    --color-surface-console: var(--alp-surface-console);
    --color-surface-inverse: var(--alp-surface-inverse);
    --color-text-primary: var(--alp-text-primary);
    --color-text-secondary: var(--alp-text-secondary);
    --color-text-tertiary: var(--alp-text-tertiary);
    --color-text-inverse: var(--alp-text-inverse);
    --color-interactive-primary: var(--alp-interactive-primary);
    --color-interactive-hover: var(--alp-interactive-hover);
    --color-interactive-tint: var(--alp-interactive-tint);
    --color-interactive-ink: var(--alp-interactive-ink);
    --color-interactive-strong: var(--alp-interactive-strong);
    --color-interactive-strong-hover: var(--alp-interactive-strong-hover);
    --color-brand-mark: var(--alp-brand-mark);
    --color-action-primary: var(--alp-action-primary);
    --color-action-primary-hover: var(--alp-action-primary-hover);
    --color-action-primary-ink: var(--alp-action-primary-ink);
    --color-status-live: var(--alp-status-live);
    --color-status-live-ink: var(--alp-status-live-ink);
    --color-status-live-bg: var(--alp-status-live-bg);
    --color-status-live-border: var(--alp-status-live-border);
    --color-status-error: var(--alp-status-error);
    --color-status-error-ink: var(--alp-status-error-ink);
    --color-status-error-bg: var(--alp-status-error-bg);
    --color-status-error-border: var(--alp-status-error-border);
    --color-status-late: var(--alp-status-late);
    --color-status-late-ink: var(--alp-status-late-ink);
    --color-status-late-bg: var(--alp-status-late-bg);
    --color-status-late-border: var(--alp-status-late-border);
    --color-status-paused: var(--alp-status-paused);
    --color-status-paused-ink: var(--alp-status-paused-ink);
    --color-status-paused-border: var(--alp-status-paused-border);
    --color-status-neutral: var(--alp-status-neutral);
    --color-status-neutral-ink: var(--alp-status-neutral-ink);
    --color-status-neutral-bg: var(--alp-status-neutral-bg);
    --color-status-neutral-border: var(--alp-status-neutral-border);
    --color-status-info: var(--alp-status-info);
    --color-status-info-ink: var(--alp-status-info-ink);
    --color-status-info-bg: var(--alp-status-info-bg);
    --color-status-info-border: var(--alp-status-info-border);
    --color-interactive-wash: var(--alp-interactive-wash);
    --color-interactive-outline: var(--alp-interactive-outline);
    --color-surface-inverse-raised: var(--alp-surface-inverse-raised);
    --color-text-disabled: var(--alp-text-disabled);
    --color-text-inverse-muted: var(--alp-text-inverse-muted);
    --color-text-inverse-code: var(--alp-text-inverse-code);
    --color-border-inverse: var(--alp-border-inverse);
    --color-surface-inverse-control: var(--alp-surface-inverse-control);
    --color-status-live-inverse: var(--alp-status-live-inverse);
    --color-border-default: var(--alp-border-default);
    --color-border-control: var(--alp-border-control);
    --color-border-public: var(--alp-border-public);
    --color-text-divider: var(--alp-text-divider);
    --color-border-empty: var(--alp-border-empty);
    --font-public: var(--alp-font-public);
    --font-ui: var(--alp-font-ui);
    --text-type-display: var(--alp-type-display-size);
    --text-type-display--line-height: var(--alp-type-display-leading);
    --text-type-display--font-weight: 700;
    --text-type-display--letter-spacing: -0.025em;
    --text-heading-01: var(--alp-type-heading-01-size);
    --text-heading-01--line-height: var(--alp-type-heading-01-leading);
    --text-heading-01--font-weight: 650;
    --text-heading-01--letter-spacing: -0.015em;
    --text-heading-02: var(--alp-type-heading-02-size);
    --text-heading-02--line-height: var(--alp-type-heading-02-leading);
    --text-heading-02--font-weight: 600;
    --text-heading-02--letter-spacing: -0.01em;
    --text-heading-03: var(--alp-type-heading-03-size);
    --text-heading-03--line-height: var(--alp-type-heading-03-leading);
    --text-heading-03--font-weight: 600;
    --text-heading-03--letter-spacing: -0.005em;
    --text-body-long: var(--alp-type-body-long-size);
    --text-body-long--line-height: var(--alp-type-body-long-leading);
    --text-body-long--font-weight: 400;
    --text-body--font-weight: 400;
    --text-caption: var(--alp-type-caption-size);
    --text-caption--line-height: var(--alp-type-caption-leading);
    --text-caption--font-weight: 400;
    --text-data: var(--alp-type-data-size);
    --text-data--line-height: var(--alp-type-data-leading);
    --text-data--font-weight: 400;
    --text-metric: var(--alp-type-metric-size);
    --text-metric--line-height: var(--alp-type-metric-leading);
    --text-metric--font-weight: 500;
    --text-ui: var(--alp-type-ui-size);
    --text-ui--line-height: var(--alp-type-ui-leading);
    --text-ui--font-weight: 400;
    --text-metric-compact: var(--alp-type-metric-compact-size);
    --text-metric-compact--line-height: var(--alp-type-metric-compact-leading);
    --text-metric-compact--font-weight: 600;
    --text-metric-compact--letter-spacing: -0.02em;
    --text-stat: var(--alp-type-stat-size);
    --text-stat--line-height: var(--alp-type-stat-leading);
    --text-stat--font-weight: 600;
    --text-stat--letter-spacing: -0.02em;
    --text-chip: var(--alp-type-chip-size);
    --text-chip--line-height: var(--alp-type-chip-leading);
    --text-tooltip: var(--alp-type-tooltip-size);
    --text-tooltip--line-height: var(--alp-type-tooltip-leading);
    --text-meta--font-weight: 400;
    --text-code--font-weight: 400;
    --text-eyebrow: var(--alp-type-eyebrow-size);
    --text-eyebrow--line-height: 1;
    --text-eyebrow--font-weight: 500;
    --text-eyebrow--letter-spacing: 0.06em;
    --radius-mark: var(--alp-radius-mark);
    --radius-structural: var(--alp-radius-structural);
    --radius-control: var(--alp-radius-control);
    --radius-dot: var(--alp-radius-dot);
    --radius-control-sm: var(--alp-radius-control-sm);
    --radius-input: var(--alp-radius-input);
    --radius-tick: var(--alp-radius-tick);
    --radius-overlay: var(--alp-radius-overlay);
    --color-chart-p50: var(--alp-chart-p50);
    --color-chart-p99: var(--alp-chart-p99);
    --radius-frame: var(--alp-radius-frame, var(--alp-radius-structural));
    --transition-duration-productive: var(--alp-motion-productive);
    --transition-duration-expressive: var(--alp-motion-expressive);
    --ease-productive: var(--alp-ease-productive);
    --ease-expressive: var(--alp-ease-expressive);
    --container-page-full: var(--alp-width-full);
    --container-content: var(--alp-width-content);
    --spacing-sidebar: var(--alp-width-sidebar);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[104px\] {
    top: 104px;
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-\[4\.5px\] {
    left: calc(4.5px * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-\[2px\] {
    left: 2px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .container {
    width: 100%;
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1056px) {
      max-width: 1056px;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-auto {
    margin: auto;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[26px\] {
    margin-top: 26px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[72px\] {
    margin-bottom: 72px;
  }
  .mb-\[88px\] {
    margin-bottom: 88px;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .hero-adjustments-horizontal {
    --hero-adjustments-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206h9.75M10.5%206a1.5%201.5%200%201%201-3%200m3%200a1.5%201.5%200%201%200-3%200M3.75%206H7.5m3%2012h9.75m-9.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-3.75%200H7.5m9-6h3.75m-3.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-9.75%200h9.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-adjustments-horizontal);
    mask: var(--hero-adjustments-horizontal);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-archive-box {
    --hero-archive-box: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m20.25%207.5-.625%2010.632a2.25%202.25%200%200%201-2.247%202.118H6.622a2.25%202.25%200%200%201-2.247-2.118L3.75%207.5M10%2011.25h4M3.375%207.5h17.25c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-archive-box);
    mask: var(--hero-archive-box);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-left {
    --hero-arrow-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5%203%2012m0%200%207.5-7.5M3%2012h18%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-left);
    mask: var(--hero-arrow-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path {
    --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path);
    mask: var(--hero-arrow-path);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-right {
    --hero-arrow-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%204.5%2021%2012m0%200-7.5%207.5M21%2012H3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-right);
    mask: var(--hero-arrow-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-uturn-left {
    --hero-arrow-uturn-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2015%203%209m0%200%206-6M3%209h12a6%206%200%200%201%200%2012h-3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-uturn-left);
    mask: var(--hero-arrow-uturn-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrows-pointing-in {
    --hero-arrows-pointing-in: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%209V4.5M9%209H4.5M9%209%203.75%203.75M9%2015v4.5M9%2015H4.5M9%2015l-5.25%205.25M15%209h4.5M15%209V4.5M15%209l5.25-5.25M15%2015h4.5M15%2015v4.5m0-4.5%205.25%205.25%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrows-pointing-in);
    mask: var(--hero-arrows-pointing-in);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bars-3 {
    --hero-bars-3: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bars-3);
    mask: var(--hero-bars-3);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bell-slash {
    --hero-bell-slash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.143%2017.082a24.248%2024.248%200%200%200%203.844.148m-3.844-.148a23.856%2023.856%200%200%201-5.455-1.31%208.964%208.964%200%200%200%202.3-5.542m3.155%206.852a3%203%200%200%200%205.667%201.97m1.965-2.277L21%2021m-4.225-4.225a23.81%2023.81%200%200%200%203.536-1.003A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206.53%206.53m10.245%2010.245L6.53%206.53M3%203l3.53%203.53%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bell-slash);
    mask: var(--hero-bell-slash);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-building-office-2 {
    --hero-building-office-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2021h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75%206.75h.75m-.75%203h.75m-.75%203h.75m3-6h.75m-.75%203h.75m-.75%203h.75M6.75%2021v-3.375c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21M3%203h12m-.75%204.5H21m-3.75%203.75h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-building-office-2);
    mask: var(--hero-building-office-2);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check {
    --hero-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check);
    mask: var(--hero-check);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check-circle {
    --hero-check-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check-circle);
    mask: var(--hero-check-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check-circle-mini {
    --hero-check-circle-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm3.857-9.809a.75.75%200%200%200-1.214-.882l-3.483%204.79-1.88-1.88a.75.75%200%201%200-1.06%201.061l2.5%202.5a.75.75%200%200%200%201.137-.089l4-5.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check-circle-mini);
    mask: var(--hero-check-circle-mini);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
  }
  .hero-chevron-down {
    --hero-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-down);
    mask: var(--hero-chevron-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clipboard-document {
    --hero-clipboard-document: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%207.5V6.108c0-1.135.845-2.098%201.976-2.192.373-.03.748-.057%201.123-.08M15.75%2018H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08M15.75%2018.75v-1.875a3.375%203.375%200%200%200-3.375-3.375h-1.5a1.125%201.125%200%200%201-1.125-1.125v-1.5A3.375%203.375%200%200%200%206.375%207.5H5.25m11.9-3.664A2.251%202.251%200%200%200%2015%202.25h-1.5a2.251%202.251%200%200%200-2.15%201.586m5.8%200c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75%207.5H4.875c-.621%200-1.125.504-1.125%201.125v12c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V16.5a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clipboard-document);
    mask: var(--hero-clipboard-document);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clipboard-document-list {
    --hero-clipboard-document-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012h3.75M9%2015h3.75M9%2018h3.75m3%20.75H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08m-5.801%200c-.065.21-.1.433-.1.664%200%20.414.336.75.75.75h4.5a.75.75%200%200%200%20.75-.75%202.25%202.25%200%200%200-.1-.664m-5.8%200A2.251%202.251%200%200%201%2013.5%202.25H15c1.012%200%201.867.668%202.15%201.586m-5.8%200c-.376.023-.75.05-1.124.08C9.095%204.01%208.25%204.973%208.25%206.108V8.25m0%200H4.875c-.621%200-1.125.504-1.125%201.125v11.25c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75%2012h.008v.008H6.75V12Zm0%203h.008v.008H6.75V15Zm0%203h.008v.008H6.75V18Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clipboard-document-list);
    mask: var(--hero-clipboard-document-list);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clock {
    --hero-clock: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clock);
    mask: var(--hero-clock);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-code-bracket {
    --hero-code-bracket: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.25%206.75%2022.5%2012l-5.25%205.25m-10.5%200L1.5%2012l5.25-5.25m7.5-3-4.5%2016.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-code-bracket);
    mask: var(--hero-code-bracket);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-code-bracket-square {
    --hero-code-bracket-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.25%209.75%2016.5%2012l-2.25%202.25m-4.5%200L7.5%2012l2.25-2.25M6%2020.25h12A2.25%202.25%200%200%200%2020.25%2018V6A2.25%202.25%200%200%200%2018%203.75H6A2.25%202.25%200%200%200%203.75%206v12A2.25%202.25%200%200%200%206%2020.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-code-bracket-square);
    mask: var(--hero-code-bracket-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cube {
    --hero-cube: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%207.5-9-5.25L3%207.5m18%200-9%205.25m9-5.25v9l-9%205.25M3%207.5l9%205.25M3%207.5v9l9%205.25m0-9v9%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cube);
    mask: var(--hero-cube);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-ellipsis-horizontal {
    --hero-ellipsis-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM12.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM18.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-ellipsis-horizontal);
    mask: var(--hero-ellipsis-horizontal);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-envelope {
    --hero-envelope: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75v10.5a2.25%202.25%200%200%201-2.25%202.25h-15a2.25%202.25%200%200%201-2.25-2.25V6.75m19.5%200A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25m19.5%200v.243a2.25%202.25%200%200%201-1.07%201.916l-7.5%204.615a2.25%202.25%200%200%201-2.36%200L3.32%208.91a2.25%202.25%200%200%201-1.07-1.916V6.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-envelope);
    mask: var(--hero-envelope);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-circle {
    --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-circle);
    mask: var(--hero-exclamation-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-triangle {
    --hero-exclamation-triangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126ZM12%2015.75h.007v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-triangle);
    mask: var(--hero-exclamation-triangle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-eye {
    --hero-eye: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.036%2012.322a1.012%201.012%200%200%201%200-.639C3.423%207.51%207.36%204.5%2012%204.5c4.638%200%208.573%203.007%209.963%207.178.07.207.07.431%200%20.639C20.577%2016.49%2016.64%2019.5%2012%2019.5c-4.638%200-8.573-3.007-9.963-7.178Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-eye);
    mask: var(--hero-eye);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-eye-slash {
    --hero-eye-slash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.98%208.223A10.477%2010.477%200%200%200%201.934%2012C3.226%2016.338%207.244%2019.5%2012%2019.5c.993%200%201.953-.138%202.863-.395M6.228%206.228A10.451%2010.451%200%200%201%2012%204.5c4.756%200%208.773%203.162%2010.065%207.498a10.522%2010.522%200%200%201-4.293%205.774M6.228%206.228%203%203m3.228%203.228%203.65%203.65m7.894%207.894L21%2021m-3.228-3.228-3.65-3.65m0%200a3%203%200%201%200-4.243-4.243m4.242%204.242L9.88%209.88%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-eye-slash);
    mask: var(--hero-eye-slash);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-folder-open {
    --hero-folder-open: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%209.776c.112-.017.227-.026.344-.026h15.812c.117%200%20.232.009.344.026m-16.5%200a2.25%202.25%200%200%200-1.883%202.542l.857%206a2.25%202.25%200%200%200%202.227%201.932H19.05a2.25%202.25%200%200%200%202.227-1.932l.857-6a2.25%202.25%200%200%200-1.883-2.542m-16.5%200V6A2.25%202.25%200%200%201%206%203.75h3.879a1.5%201.5%200%200%201%201.06.44l2.122%202.12a1.5%201.5%200%200%200%201.06.44H18A2.25%202.25%200%200%201%2020.25%209v.776%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-folder-open);
    mask: var(--hero-folder-open);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-forward {
    --hero-forward: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%208.689c0-.864.933-1.406%201.683-.977l7.108%204.061a1.125%201.125%200%200%201%200%201.954l-7.108%204.061A1.125%201.125%200%200%201%203%2016.811V8.69ZM12.75%208.689c0-.864.933-1.406%201.683-.977l7.108%204.061a1.125%201.125%200%200%201%200%201.954l-7.108%204.061a1.125%201.125%200%200%201-1.683-.977V8.69Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-forward);
    mask: var(--hero-forward);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-globe-alt {
    --hero-globe-alt: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2021a9.004%209.004%200%200%200%208.716-6.747M12%2021a9.004%209.004%200%200%201-8.716-6.747M12%2021c2.485%200%204.5-4.03%204.5-9S14.485%203%2012%203m0%2018c-2.485%200-4.5-4.03-4.5-9S9.515%203%2012%203m0%200a8.997%208.997%200%200%201%207.843%204.582M12%203a8.997%208.997%200%200%200-7.843%204.582m15.686%200A11.953%2011.953%200%200%201%2012%2010.5c-2.998%200-5.74-1.1-7.843-2.918m15.686%200A8.959%208.959%200%200%201%2021%2012c0%20.778-.099%201.533-.284%202.253m0%200A17.919%2017.919%200%200%201%2012%2016.5c-3.162%200-6.133-.815-8.716-2.247m0%200A9.015%209.015%200%200%201%203%2012c0-1.605.42-3.113%201.157-4.418%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-globe-alt);
    mask: var(--hero-globe-alt);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-information-circle {
    --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-information-circle);
    mask: var(--hero-information-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-link {
    --hero-link: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.19%208.688a4.5%204.5%200%200%201%201.242%207.244l-4.5%204.5a4.5%204.5%200%200%201-6.364-6.364l1.757-1.757m13.35-.622%201.757-1.757a4.5%204.5%200%200%200-6.364-6.364l-4.5%204.5a4.5%204.5%200%200%200%201.242%207.244%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-link);
    mask: var(--hero-link);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-lock-closed {
    --hero-lock-closed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2010.5V6.75a4.5%204.5%200%201%200-9%200v3.75m-.75%2011.25h10.5a2.25%202.25%200%200%200%202.25-2.25v-6.75a2.25%202.25%200%200%200-2.25-2.25H6.75a2.25%202.25%200%200%200-2.25%202.25v6.75a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-lock-closed);
    mask: var(--hero-lock-closed);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-magnifying-glass {
    --hero-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-magnifying-glass);
    mask: var(--hero-magnifying-glass);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-minus-circle {
    --hero-minus-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012H9m12%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-minus-circle);
    mask: var(--hero-minus-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-pause-circle {
    --hero-pause-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.25%209v6m-4.5%200V9M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-pause-circle);
    mask: var(--hero-pause-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-plus {
    --hero-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%204.5v15m7.5-7.5h-15%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-plus);
    mask: var(--hero-plus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-question-mark-circle {
    --hero-question-mark-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.879%207.519c1.171-1.025%203.071-1.025%204.242%200%201.172%201.025%201.172%202.687%200%203.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45%201.827v.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%205.25h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-question-mark-circle);
    mask: var(--hero-question-mark-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-queue-list {
    --hero-queue-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%2012h16.5m-16.5%203.75h16.5M3.75%2019.5h16.5M5.625%204.5h12.75a1.875%201.875%200%200%201%200%203.75H5.625a1.875%201.875%200%200%201%200-3.75Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-queue-list);
    mask: var(--hero-queue-list);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-rectangle-stack {
    --hero-rectangle-stack: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%206.878V6a2.25%202.25%200%200%201%202.25-2.25h7.5A2.25%202.25%200%200%201%2018%206v.878m-12%200c.235-.083.487-.128.75-.128h10.5c.263%200%20.515.045.75.128m-12%200A2.25%202.25%200%200%200%204.5%209v.878m13.5-3A2.25%202.25%200%200%201%2019.5%209v.878m0%200a2.246%202.246%200%200%200-.75-.128H5.25c-.263%200-.515.045-.75.128m15%200A2.25%202.25%200%200%201%2021%2012v6a2.25%202.25%200%200%201-2.25%202.25H5.25A2.25%202.25%200%200%201%203%2018v-6c0-.98.626-1.813%201.5-2.122%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-rectangle-stack);
    mask: var(--hero-rectangle-stack);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-rocket-launch {
    --hero-rocket-launch: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.59%2014.37a6%206%200%200%201-5.84%207.38v-4.8m5.84-2.58a14.98%2014.98%200%200%200%206.16-12.12A14.98%2014.98%200%200%200%209.631%208.41m5.96%205.96a14.926%2014.926%200%200%201-5.841%202.58m-.119-8.54a6%206%200%200%200-7.381%205.84h4.8m2.581-5.84a14.927%2014.927%200%200%200-2.58%205.84m2.699%202.7c-.103.021-.207.041-.311.06a15.09%2015.09%200%200%201-2.448-2.448%2014.9%2014.9%200%200%201%20.06-.312m-2.24%202.39a4.493%204.493%200%200%200-1.757%204.306%204.493%204.493%200%200%200%204.306-1.758M16.5%209a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-rocket-launch);
    mask: var(--hero-rocket-launch);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-star {
    --hero-star: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.48%203.499a.562.562%200%200%201%201.04%200l2.125%205.111a.563.563%200%200%200%20.475.345l5.518.442c.499.04.701.663.321.988l-4.204%203.602a.563.563%200%200%200-.182.557l1.285%205.385a.562.562%200%200%201-.84.61l-4.725-2.885a.562.562%200%200%200-.586%200L6.982%2020.54a.562.562%200%200%201-.84-.61l1.285-5.386a.562.562%200%200%200-.182-.557l-4.204-3.602a.562.562%200%200%201%20.321-.988l5.518-.442a.563.563%200%200%200%20.475-.345L11.48%203.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-star);
    mask: var(--hero-star);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-swatch {
    --hero-swatch: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.098%2019.902a3.75%203.75%200%200%200%205.304%200l6.401-6.402M6.75%2021A3.75%203.75%200%200%201%203%2017.25V4.125C3%203.504%203.504%203%204.125%203h5.25c.621%200%201.125.504%201.125%201.125v4.072M6.75%2021a3.75%203.75%200%200%200%203.75-3.75V8.197M6.75%2021h13.125c.621%200%201.125-.504%201.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5%208.197l2.88-2.88c.438-.439%201.15-.439%201.59%200l3.712%203.713c.44.44.44%201.152%200%201.59l-2.879%202.88M6.75%2017.25h.008v.008H6.75v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-swatch);
    mask: var(--hero-swatch);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-tag {
    --hero-tag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.568%203H5.25A2.25%202.25%200%200%200%203%205.25v4.318c0%20.597.237%201.17.659%201.591l9.581%209.581c.699.699%201.78.872%202.607.33a18.095%2018.095%200%200%200%205.223-5.223c.542-.827.369-1.908-.33-2.607L11.16%203.66A2.25%202.25%200%200%200%209.568%203Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%206h.008v.008H6V6Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-tag);
    mask: var(--hero-tag);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-ticket {
    --hero-ticket: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%206v.75m0%203v.75m0%203v.75m0%203V18m-9-5.25h5.25M7.5%2015h3M3.375%205.25c-.621%200-1.125.504-1.125%201.125v3.026a2.999%202.999%200%200%201%200%205.198v3.026c0%20.621.504%201.125%201.125%201.125h17.25c.621%200%201.125-.504%201.125-1.125v-3.026a2.999%202.999%200%200%201%200-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-ticket);
    mask: var(--hero-ticket);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user {
    --hero-user: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%206a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200ZM4.501%2020.118a7.5%207.5%200%200%201%2014.998%200A17.933%2017.933%200%200%201%2012%2021.75c-2.676%200-5.216-.584-7.499-1.632Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user);
    mask: var(--hero-user);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user-plus {
    --hero-user-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18%207.5v3m0%200v3m0-3h3m-3%200h-3m-2.25-4.125a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200ZM3%2019.235v-.11a6.375%206.375%200%200%201%2012.75%200v.109A12.318%2012.318%200%200%201%209.374%2021c-2.331%200-4.512-.645-6.374-1.766Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user-plus);
    mask: var(--hero-user-plus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-wrench-screwdriver {
    --hero-wrench-screwdriver: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.42%2015.17%2017.25%2021A2.652%202.652%200%200%200%2021%2017.25l-5.877-5.877M11.42%2015.17l2.496-3.03c.317-.384.74-.626%201.208-.766M11.42%2015.17l-4.655%205.653a2.548%202.548%200%201%201-3.586-3.586l6.837-5.63m5.108-.233c.55-.164%201.163-.188%201.743-.14a4.5%204.5%200%200%200%204.486-6.336l-3.276%203.277a3.004%203.004%200%200%201-2.25-2.25l3.276-3.276a4.5%204.5%200%200%200-6.336%204.486c.091%201.076-.071%202.264-.904%202.95l-.102.085m-1.745%201.437L5.909%207.5H4.5L2.25%203.75l1.5-1.5L7.5%204.5v1.409l4.26%204.26m-1.745%201.437%201.745-1.437m6.615%208.206L15.75%2015.75M4.867%2019.125h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-wrench-screwdriver);
    mask: var(--hero-wrench-screwdriver);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-circle {
    --hero-x-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9.75%209.75%204.5%204.5m0-4.5-4.5%204.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-circle);
    mask: var(--hero-x-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-mark {
    --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-mark);
    mask: var(--hero-x-mark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[9px\] {
    width: 9px;
    height: 9px;
  }
  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }
  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-auto {
    height: auto;
  }
  .h-control-lg {
    height: var(--spacing-control-lg);
  }
  .h-control-md {
    height: var(--spacing-control-md);
  }
  .h-control-sm {
    height: var(--spacing-control-sm);
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-target-min {
    height: var(--spacing-target-min);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[32rem\] {
    max-height: 32rem;
  }
  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
  .max-h-\[calc\(100vh-116px\)\] {
    max-height: calc(100vh - 116px);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-30 {
    min-height: calc(var(--spacing) * 30);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[calc\(100dvh-3\.5rem\)\] {
    min-height: calc(100dvh - 3.5rem);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-row {
    min-height: var(--spacing-row);
  }
  .min-h-target-min {
    min-height: var(--spacing-target-min);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\/5 {
    width: calc(1 / 5 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }
  .w-auto {
    width: auto;
  }
  .w-control-md {
    width: var(--spacing-control-md);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .w-sidebar {
    width: var(--spacing-sidebar);
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-\[9rem\] {
    max-width: 9rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[14ch\] {
    max-width: 14ch;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[20ch\] {
    max-width: 20ch;
  }
  .max-w-\[24ch\] {
    max-width: 24ch;
  }
  .max-w-\[26ch\] {
    max-width: 26ch;
  }
  .max-w-\[28ch\] {
    max-width: 28ch;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[56rem\] {
    max-width: 56rem;
  }
  .max-w-\[60ch\] {
    max-width: 60ch;
  }
  .max-w-\[64ch\] {
    max-width: 64ch;
  }
  .max-w-\[65ch\] {
    max-width: 65ch;
  }
  .max-w-\[70ch\] {
    max-width: 70ch;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(var\(--alp-width-content\)-5\.5rem\)\] {
    max-width: calc(var(--alp-width-content) - 5.5rem);
  }
  .max-w-\[min\(18rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(18rem, calc(100vw - 2rem));
  }
  .max-w-content {
    max-width: var(--container-content);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-measure {
    max-width: var(--container-measure);
  }
  .max-w-page-full {
    max-width: var(--container-page-full);
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-wide {
    max-width: var(--container-wide);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[18rem\] {
    min-width: 18rem;
  }
  .min-w-\[42rem\] {
    min-width: 42rem;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-target-min {
    min-width: var(--spacing-target-min);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.5rem minmax(0,1fr);
  }
  .grid-cols-\[3\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 3.25rem minmax(0,1fr);
  }
  .grid-cols-\[92px_1fr_52px\] {
    grid-template-columns: 92px 1fr 52px;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_6rem\] {
    grid-template-columns: minmax(0,1fr) 6rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-between {
    align-content: space-between;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-\[1\.5px\] {
    gap: 1.5px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[11px\] {
    gap: 11px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-inline {
    gap: var(--spacing-inline);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-stack {
    gap: var(--spacing-stack);
  }
  .space-y-0 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-14 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-9 {
    column-gap: calc(var(--spacing) * 9);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-\[14px\] {
    column-gap: 14px;
  }
  .space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-border-default {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border-default);
    }
  }
  .divide-border-subtle {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border-subtle);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-control {
    border-radius: var(--radius-control);
  }
  .rounded-control-sm {
    border-radius: var(--radius-control-sm);
  }
  .rounded-dot {
    border-radius: var(--radius-dot);
  }
  .rounded-frame {
    border-radius: var(--radius-frame);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-input {
    border-radius: var(--radius-input);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-mark {
    border-radius: var(--radius-mark);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-overlay {
    border-radius: var(--radius-overlay);
  }
  .rounded-structural {
    border-radius: var(--radius-structural);
  }
  .rounded-tick {
    border-radius: var(--radius-tick);
  }
  .rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .rounded-t-tick {
    border-top-left-radius: var(--radius-tick);
    border-top-right-radius: var(--radius-tick);
  }
  .rounded-b-tick {
    border-bottom-right-radius: var(--radius-tick);
    border-bottom-left-radius: var(--radius-tick);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-border-control {
    border-color: var(--color-border-control);
  }
  .border-border-default {
    border-color: var(--color-border-default);
  }
  .border-border-empty {
    border-color: var(--color-border-empty);
  }
  .border-border-inverse {
    border-color: var(--color-border-inverse);
  }
  .border-border-public {
    border-color: var(--color-border-public);
  }
  .border-border-strong {
    border-color: var(--color-border-strong);
  }
  .border-border-subtle {
    border-color: var(--color-border-subtle);
  }
  .border-current\/20 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .border-interactive-ink {
    border-color: var(--color-interactive-ink);
  }
  .border-interactive-outline {
    border-color: var(--color-interactive-outline);
  }
  .border-interactive-primary {
    border-color: var(--color-interactive-primary);
  }
  .border-interactive-strong {
    border-color: var(--color-interactive-strong);
  }
  .border-status-error {
    border-color: var(--color-status-error);
  }
  .border-status-error-border {
    border-color: var(--color-status-error-border);
  }
  .border-status-info-border {
    border-color: var(--color-status-info-border);
  }
  .border-status-late {
    border-color: var(--color-status-late);
  }
  .border-status-late-border {
    border-color: var(--color-status-late-border);
  }
  .border-status-live {
    border-color: var(--color-status-live);
  }
  .border-status-live-border {
    border-color: var(--color-status-live-border);
  }
  .border-status-neutral {
    border-color: var(--color-status-neutral);
  }
  .border-status-neutral-border {
    border-color: var(--color-status-neutral-border);
  }
  .border-status-paused {
    border-color: var(--color-status-paused);
  }
  .border-status-paused-border {
    border-color: var(--color-status-paused-border);
  }
  .border-surface-raised {
    border-color: var(--color-surface-raised);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-l-status-error {
    border-left-color: var(--color-status-error);
  }
  .border-l-status-late {
    border-left-color: var(--color-status-late);
  }
  .border-l-status-live {
    border-left-color: var(--color-status-live);
  }
  .border-l-status-neutral {
    border-left-color: var(--color-status-neutral);
  }
  .border-l-status-paused {
    border-left-color: var(--color-status-paused);
  }
  .bg-action-primary {
    background-color: var(--color-action-primary);
  }
  .bg-border-default {
    background-color: var(--color-border-default);
  }
  .bg-border-subtle {
    background-color: var(--color-border-subtle);
  }
  .bg-brand-mark {
    background-color: var(--color-brand-mark);
  }
  .bg-canvas {
    background-color: var(--color-canvas);
  }
  .bg-chart-p50 {
    background-color: var(--color-chart-p50);
  }
  .bg-chart-previous {
    background-color: var(--color-chart-previous);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-interactive-ink {
    background-color: var(--color-interactive-ink);
  }
  .bg-interactive-outline {
    background-color: var(--color-interactive-outline);
  }
  .bg-interactive-primary {
    background-color: var(--color-interactive-primary);
  }
  .bg-interactive-strong {
    background-color: var(--color-interactive-strong);
  }
  .bg-interactive-tint {
    background-color: var(--color-interactive-tint);
  }
  .bg-interactive-wash {
    background-color: var(--color-interactive-wash);
  }
  .bg-scrim {
    background-color: var(--color-scrim);
  }
  .bg-status-error {
    background-color: var(--color-status-error);
  }
  .bg-status-error-bg {
    background-color: var(--color-status-error-bg);
  }
  .bg-status-info {
    background-color: var(--color-status-info);
  }
  .bg-status-info-bg {
    background-color: var(--color-status-info-bg);
  }
  .bg-status-late {
    background-color: var(--color-status-late);
  }
  .bg-status-late-bg {
    background-color: var(--color-status-late-bg);
  }
  .bg-status-live {
    background-color: var(--color-status-live);
  }
  .bg-status-live-bg {
    background-color: var(--color-status-live-bg);
  }
  .bg-status-neutral {
    background-color: var(--color-status-neutral);
  }
  .bg-status-neutral-bg {
    background-color: var(--color-status-neutral-bg);
  }
  .bg-status-paused {
    background-color: var(--color-status-paused);
  }
  .bg-surface-console {
    background-color: var(--color-surface-console);
  }
  .bg-surface-inverse {
    background-color: var(--color-surface-inverse);
  }
  .bg-surface-inverse-control {
    background-color: var(--color-surface-inverse-control);
  }
  .bg-surface-inverse-raised {
    background-color: var(--color-surface-inverse-raised);
  }
  .bg-surface-page {
    background-color: var(--color-surface-page);
  }
  .bg-surface-raised {
    background-color: var(--color-surface-raised);
  }
  .bg-surface-sunken {
    background-color: var(--color-surface-sunken);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-\[linear-gradient\(transparent_62\%\,var\(--color-interactive-tint\)_62\%\)\] {
    background-image: linear-gradient(transparent 62%,var(--color-interactive-tint) 62%);
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .fill-chart-p99 {
    fill: var(--color-chart-p99);
  }
  .fill-interactive-primary {
    fill: var(--color-interactive-primary);
  }
  .fill-interactive-strong {
    fill: var(--color-interactive-strong);
  }
  .fill-none {
    fill: none;
  }
  .fill-rule {
    fill: var(--color-rule);
  }
  .fill-status-live {
    fill: var(--color-status-live);
  }
  .stroke-border-control {
    stroke: var(--color-border-control);
  }
  .stroke-border-default {
    stroke: var(--color-border-default);
  }
  .stroke-chart-p99 {
    stroke: var(--color-chart-p99);
  }
  .stroke-interactive-outline {
    stroke: var(--color-interactive-outline);
  }
  .stroke-interactive-strong {
    stroke: var(--color-interactive-strong);
  }
  .stroke-status-live {
    stroke: var(--color-status-live);
  }
  .stroke-status-neutral {
    stroke: var(--color-status-neutral);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[22px\] {
    padding: 22px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[18px\] {
    padding-block: 18px;
  }
  .py-\[100px\] {
    padding-block: 100px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-public {
    font-family: var(--font-public);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-ui {
    font-family: var(--font-ui);
  }
  .text-eyebrow {
    font-size: var(--text-eyebrow);
    line-height: var(--tw-leading, var(--text-eyebrow--line-height));
    letter-spacing: var(--tw-tracking, var(--text-eyebrow--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-eyebrow--font-weight));
  }
  .text-heading-01 {
    font-size: var(--text-heading-01);
    line-height: var(--tw-leading, var(--text-heading-01--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-01--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-01--font-weight));
  }
  .text-heading-02 {
    font-size: var(--text-heading-02);
    line-height: var(--tw-leading, var(--text-heading-02--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-02--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-02--font-weight));
  }
  .text-heading-03 {
    font-size: var(--text-heading-03);
    line-height: var(--tw-leading, var(--text-heading-03--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-03--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-03--font-weight));
  }
  .text-metric-compact {
    font-size: var(--text-metric-compact);
    line-height: var(--tw-leading, var(--text-metric-compact--line-height));
    letter-spacing: var(--tw-tracking, var(--text-metric-compact--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-metric-compact--font-weight));
  }
  .text-stat {
    font-size: var(--text-stat);
    line-height: var(--tw-leading, var(--text-stat--line-height));
    letter-spacing: var(--tw-tracking, var(--text-stat--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-stat--font-weight));
  }
  .text-type-display {
    font-size: var(--text-type-display);
    line-height: var(--tw-leading, var(--text-type-display--line-height));
    letter-spacing: var(--tw-tracking, var(--text-type-display--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-type-display--font-weight));
  }
  .text-body {
    font-size: var(--text-body);
    line-height: var(--tw-leading, var(--text-body--line-height));
    font-weight: var(--tw-font-weight, var(--text-body--font-weight));
  }
  .text-body-long {
    font-size: var(--text-body-long);
    line-height: var(--tw-leading, var(--text-body-long--line-height));
    font-weight: var(--tw-font-weight, var(--text-body-long--font-weight));
  }
  .text-caption {
    font-size: var(--text-caption);
    line-height: var(--tw-leading, var(--text-caption--line-height));
    font-weight: var(--tw-font-weight, var(--text-caption--font-weight));
  }
  .text-code {
    font-size: var(--text-code);
    line-height: var(--tw-leading, var(--text-code--line-height));
    font-weight: var(--tw-font-weight, var(--text-code--font-weight));
  }
  .text-data {
    font-size: var(--text-data);
    line-height: var(--tw-leading, var(--text-data--line-height));
    font-weight: var(--tw-font-weight, var(--text-data--font-weight));
  }
  .text-label {
    font-size: var(--text-label);
    line-height: var(--tw-leading, var(--text-label--line-height));
    font-weight: var(--tw-font-weight, var(--text-label--font-weight));
  }
  .text-meta {
    font-size: var(--text-meta);
    line-height: var(--tw-leading, var(--text-meta--line-height));
    font-weight: var(--tw-font-weight, var(--text-meta--font-weight));
  }
  .text-metric {
    font-size: var(--text-metric);
    line-height: var(--tw-leading, var(--text-metric--line-height));
    font-weight: var(--tw-font-weight, var(--text-metric--font-weight));
  }
  .text-numeric {
    font-size: var(--text-numeric);
    line-height: var(--tw-leading, var(--text-numeric--line-height));
    font-weight: var(--tw-font-weight, var(--text-numeric--font-weight));
  }
  .text-ui {
    font-size: var(--text-ui);
    line-height: var(--tw-leading, var(--text-ui--line-height));
    font-weight: var(--tw-font-weight, var(--text-ui--font-weight));
  }
  .text-chip {
    font-size: var(--text-chip);
    line-height: var(--tw-leading, var(--text-chip--line-height));
  }
  .text-tooltip {
    font-size: var(--text-tooltip);
    line-height: var(--tw-leading, var(--text-tooltip--line-height));
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[clamp\(30px\,1\.6vw\+20px\,44px\)\] {
    font-size: clamp(30px, 1.6vw + 20px, 44px);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[23px\] {
    --tw-leading: 23px;
    line-height: 23px;
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.025em\] {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-action-primary-ink {
    color: var(--color-action-primary-ink);
  }
  .text-destructive-ink {
    color: var(--color-destructive-ink);
  }
  .text-interactive-ink {
    color: var(--color-interactive-ink);
  }
  .text-interactive-outline {
    color: var(--color-interactive-outline);
  }
  .text-interactive-strong {
    color: var(--color-interactive-strong);
  }
  .text-interactive-wash {
    color: var(--color-interactive-wash);
  }
  .text-status-error-ink {
    color: var(--color-status-error-ink);
  }
  .text-status-info-ink {
    color: var(--color-status-info-ink);
  }
  .text-status-late-ink {
    color: var(--color-status-late-ink);
  }
  .text-status-live-ink {
    color: var(--color-status-live-ink);
  }
  .text-status-live-inverse {
    color: var(--color-status-live-inverse);
  }
  .text-status-neutral-ink {
    color: var(--color-status-neutral-ink);
  }
  .text-status-paused-ink {
    color: var(--color-status-paused-ink);
  }
  .text-text-disabled {
    color: var(--color-text-disabled);
  }
  .text-text-divider {
    color: var(--color-text-divider);
  }
  .text-text-inverse {
    color: var(--color-text-inverse);
  }
  .text-text-inverse-code {
    color: var(--color-text-inverse-code);
  }
  .text-text-inverse-muted {
    color: var(--color-text-inverse-muted);
  }
  .text-text-primary {
    color: var(--color-text-primary);
  }
  .text-text-secondary {
    color: var(--color-text-secondary);
  }
  .text-text-tertiary {
    color: var(--color-text-tertiary);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-interactive-primary {
    text-decoration-color: var(--color-interactive-primary);
  }
  .decoration-transparent {
    text-decoration-color: transparent;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-\[inset_0_-2px_0_transparent\] {
    --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, transparent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-2px_0_var\(--color-interactive-primary\)\] {
    --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, var(--color-interactive-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-frame {
    --tw-shadow: var(--alp-elevation-frame);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-modal {
    --tw-shadow: var(--alp-elevation-modal);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-nav-active {
    --tw-shadow: var(--alp-elevation-nav-active);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-overlay {
    --tw-shadow: var(--alp-elevation-overlay);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-segment {
    --tw-shadow: var(--alp-elevation-segment);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-selected-underline {
    --tw-shadow: var(--alp-elevation-selected-underline);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-toast {
    --tw-shadow: var(--alp-elevation-toast);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-status-error-border {
    --tw-ring-color: var(--color-status-error-border);
  }
  .ring-status-live-border {
    --tw-ring-color: var(--color-status-live-border);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,color\] {
    transition-property: box-shadow,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,border-color\,box-shadow\] {
    transition-property: color,background-color,border-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,box-shadow\] {
    transition-property: color,background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-expressive {
    --tw-duration: var(--transition-duration-expressive);
    transition-duration: var(--transition-duration-expressive);
  }
  .duration-productive {
    --tw-duration: var(--transition-duration-productive);
    transition-duration: var(--transition-duration-productive);
  }
  .ease-expressive {
    --tw-ease: var(--ease-expressive);
    transition-timing-function: var(--ease-expressive);
  }
  .ease-productive {
    --tw-ease: var(--ease-productive);
    transition-timing-function: var(--ease-productive);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\:block {
    &:is(:where(.group):focus-within *) {
      display: block;
    }
  }
  .group-focus-within\/tooltip\:opacity-100 {
    &:is(:where(.group\/tooltip):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:text-interactive-strong {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-interactive-strong);
      }
    }
  }
  .group-hover\/tooltip\:opacity-100 {
    &:is(:where(.group\/tooltip):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .peer-checked\:translate-x-\[13px\] {
    &:is(:where(.peer):checked ~ *) {
      --tw-translate-x: 13px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-checked\:bg-status-live {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-status-live);
    }
  }
  .peer-focus-visible\:outline {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .peer-focus-visible\:outline-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .peer-focus-visible\:outline-offset-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-offset: 2px;
    }
  }
  .peer-focus-visible\:outline-focus {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: var(--color-focus);
    }
  }
  .peer-disabled\:opacity-60 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 60%;
    }
  }
  .placeholder\:text-text-tertiary {
    &::placeholder {
      color: var(--color-text-tertiary);
    }
  }
  .backdrop\:bg-surface-inverse\/40 {
    &::backdrop {
      background-color: var(--color-surface-inverse);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-surface-inverse) 40%, transparent);
      }
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-x-0 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .after\:bg-interactive-primary {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-interactive-primary);
    }
  }
  .after\:text-\[10px\] {
    &::after {
      content: var(--tw-content);
      font-size: 10px;
    }
  }
  .after\:leading-none {
    &::after {
      content: var(--tw-content);
      --tw-leading: 1;
      line-height: 1;
    }
  }
  .after\:font-bold {
    &::after {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .after\:text-transparent {
    &::after {
      content: var(--tw-content);
      color: transparent;
    }
  }
  .after\:content-\[\'✓\'\] {
    &::after {
      --tw-content: '✓';
      content: var(--tw-content);
    }
  }
  .first\:mt-3 {
    &:first-child {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .first\:border-t-0 {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pt-10 {
    &:first-child {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .last\:border-r-0 {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pr-0 {
    &:last-child {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .only\:block {
    &:only-child {
      display: block;
    }
  }
  .only\:table-row {
    &:only-child {
      display: table-row;
    }
  }
  .open\:flex {
    &:is([open], :popover-open, :open) {
      display: flex;
    }
  }
  .checked\:border-\[4\.5px\] {
    &:checked {
      border-style: var(--tw-border-style);
      border-width: 4.5px;
    }
  }
  .checked\:border-text-primary {
    &:checked {
      border-color: var(--color-text-primary);
    }
  }
  .checked\:border-transparent {
    &:checked {
      border-color: transparent;
    }
  }
  .checked\:bg-surface-inverse {
    &:checked {
      background-color: var(--color-surface-inverse);
    }
  }
  .checked\:after\:text-interactive-primary {
    &:checked {
      &::after {
        content: var(--tw-content);
        color: var(--color-interactive-primary);
      }
    }
  }
  .focus-within\:z-20 {
    &:focus-within {
      z-index: 20;
    }
  }
  .focus-within\:bg-interactive-wash {
    &:focus-within {
      background-color: var(--color-interactive-wash);
    }
  }
  .hover\:z-10 {
    &:hover {
      @media (hover: hover) {
        z-index: 10;
      }
    }
  }
  .hover\:border-border-default {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border-default);
      }
    }
  }
  .hover\:border-interactive-hover {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-interactive-hover);
      }
    }
  }
  .hover\:border-status-error-ink {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-status-error-ink);
      }
    }
  }
  .hover\:bg-action-primary-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-primary-hover);
      }
    }
  }
  .hover\:bg-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-hover);
      }
    }
  }
  .hover\:bg-interactive-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-interactive-hover);
      }
    }
  }
  .hover\:bg-interactive-tint {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-interactive-tint);
      }
    }
  }
  .hover\:bg-interactive-wash {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-interactive-wash);
      }
    }
  }
  .hover\:bg-status-error-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-status-error-bg);
      }
    }
  }
  .hover\:bg-status-error-ink {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-status-error-ink);
      }
    }
  }
  .hover\:bg-surface-inverse-raised {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-inverse-raised);
      }
    }
  }
  .hover\:bg-surface-raised {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-raised);
      }
    }
  }
  .hover\:bg-surface-sunken {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-sunken);
      }
    }
  }
  .hover\:text-interactive-strong {
    &:hover {
      @media (hover: hover) {
        color: var(--color-interactive-strong);
      }
    }
  }
  .hover\:text-interactive-strong-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-interactive-strong-hover);
      }
    }
  }
  .hover\:text-text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text-primary);
      }
    }
  }
  .hover\:text-text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text-secondary);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-interactive-primary {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-interactive-primary);
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:shadow-overlay {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--alp-elevation-overlay);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:fixed {
    &:focus {
      position: fixed;
    }
  }
  .focus\:top-2 {
    &:focus {
      top: calc(var(--spacing) * 2);
    }
  }
  .focus\:left-2 {
    &:focus {
      left: calc(var(--spacing) * 2);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:border-focus {
    &:focus-visible {
      border-color: var(--color-focus);
    }
  }
  .focus-visible\:bg-interactive-tint {
    &:focus-visible {
      background-color: var(--color-interactive-tint);
    }
  }
  .focus-visible\:shadow-\[var\(--alp-focus-ring\)\] {
    &:focus-visible {
      --tw-shadow: var(--alp-focus-ring);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:-outline-offset-2 {
    &:focus-visible {
      outline-offset: calc(2px * -1);
    }
  }
  .focus-visible\:outline-offset-1 {
    &:focus-visible {
      outline-offset: 1px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-focus {
    &:focus-visible {
      outline-color: var(--color-focus);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:border-border-default {
    &:disabled {
      border-color: var(--color-border-default);
    }
  }
  .disabled\:border-transparent {
    &:disabled {
      border-color: transparent;
    }
  }
  .disabled\:bg-hover {
    &:disabled {
      background-color: var(--color-hover);
    }
  }
  .disabled\:bg-status-neutral-bg {
    &:disabled {
      background-color: var(--color-status-neutral-bg);
    }
  }
  .disabled\:bg-surface-sunken {
    &:disabled {
      background-color: var(--color-surface-sunken);
    }
  }
  .disabled\:text-text-disabled {
    &:disabled {
      color: var(--color-text-disabled);
    }
  }
  .disabled\:opacity-45 {
    &:disabled {
      opacity: 45%;
    }
  }
  .disabled\:placeholder\:text-text-disabled {
    &:disabled {
      &::placeholder {
        color: var(--color-text-disabled);
      }
    }
  }
  .disabled\:hover\:bg-status-neutral-bg {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-status-neutral-bg);
        }
      }
    }
  }
  .aria-pressed\:border-focus {
    &[aria-pressed="true"] {
      border-color: var(--color-focus);
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .max-md\:block {
    @media (width < 768px) {
      display: block;
    }
  }
  .max-md\:flex {
    @media (width < 768px) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 768px) {
      display: none;
    }
  }
  .max-md\:min-h-0 {
    @media (width < 768px) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .max-md\:w-auto {
    @media (width < 768px) {
      width: auto;
    }
  }
  .max-md\:flex-col {
    @media (width < 768px) {
      flex-direction: column;
    }
  }
  .max-md\:items-baseline {
    @media (width < 768px) {
      align-items: baseline;
    }
  }
  .max-md\:justify-between {
    @media (width < 768px) {
      justify-content: space-between;
    }
  }
  .max-md\:justify-start {
    @media (width < 768px) {
      justify-content: flex-start;
    }
  }
  .max-md\:gap-0\.5 {
    @media (width < 768px) {
      gap: calc(var(--spacing) * 0.5);
    }
  }
  .max-md\:gap-3 {
    @media (width < 768px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .max-md\:px-4 {
    @media (width < 768px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .max-md\:py-1 {
    @media (width < 768px) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .max-md\:py-2 {
    @media (width < 768px) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .max-md\:py-3 {
    @media (width < 768px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .max-md\:before\:shrink-0 {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        flex-shrink: 0;
      }
    }
  }
  .max-md\:before\:font-mono {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        font-family: var(--font-mono);
      }
    }
  }
  .max-md\:before\:text-eyebrow {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        font-size: var(--text-eyebrow);
        line-height: var(--tw-leading, var(--text-eyebrow--line-height));
        letter-spacing: var(--tw-tracking, var(--text-eyebrow--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-eyebrow--font-weight));
      }
    }
  }
  .max-md\:before\:tracking-wide {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
      }
    }
  }
  .max-md\:before\:text-text-tertiary {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        color: var(--color-text-tertiary);
      }
    }
  }
  .max-md\:before\:uppercase {
    @media (width < 768px) {
      &::before {
        content: var(--tw-content);
        text-transform: uppercase;
      }
    }
  }
  .max-md\:before\:content-\[attr\(data-label\)\] {
    @media (width < 768px) {
      &::before {
        --tw-content: attr(data-label);
        content: var(--tw-content);
      }
    }
  }
  .max-sm\:hidden {
    @media (width < 480px) {
      display: none;
    }
  }
  .max-sm\:leading-\[18px\] {
    @media (width < 480px) {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  .sm\:sr-only {
    @media (width >= 480px) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .sm\:static {
    @media (width >= 480px) {
      position: static;
    }
  }
  .sm\:inset-auto {
    @media (width >= 480px) {
      inset: auto;
    }
  }
  .sm\:order-none {
    @media (width >= 480px) {
      order: 0;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 480px) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 480px) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-start-2 {
    @media (width >= 480px) {
      grid-column-start: 2;
    }
  }
  .sm\:row-span-3 {
    @media (width >= 480px) {
      grid-row: span 3 / span 3;
    }
  }
  .sm\:mt-0 {
    @media (width >= 480px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-1 {
    @media (width >= 480px) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .sm\:ml-6 {
    @media (width >= 480px) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:ml-auto {
    @media (width >= 480px) {
      margin-left: auto;
    }
  }
  .sm\:block {
    @media (width >= 480px) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 480px) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 480px) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 480px) {
      display: inline;
    }
  }
  .sm\:inline-flex {
    @media (width >= 480px) {
      display: inline-flex;
    }
  }
  .sm\:table {
    @media (width >= 480px) {
      display: table;
    }
  }
  .sm\:table-cell {
    @media (width >= 480px) {
      display: table-cell;
    }
  }
  .sm\:table-header-group {
    @media (width >= 480px) {
      display: table-header-group;
    }
  }
  .sm\:table-row {
    @media (width >= 480px) {
      display: table-row;
    }
  }
  .sm\:table-row-group {
    @media (width >= 480px) {
      display: table-row-group;
    }
  }
  .sm\:size-14 {
    @media (width >= 480px) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:h-11 {
    @media (width >= 480px) {
      height: calc(var(--spacing) * 11);
    }
  }
  .sm\:h-64 {
    @media (width >= 480px) {
      height: calc(var(--spacing) * 64);
    }
  }
  .sm\:h-\[104px\] {
    @media (width >= 480px) {
      height: 104px;
    }
  }
  .sm\:h-control-md {
    @media (width >= 480px) {
      height: var(--spacing-control-md);
    }
  }
  .sm\:min-h-0 {
    @media (width >= 480px) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .sm\:min-h-16 {
    @media (width >= 480px) {
      min-height: calc(var(--spacing) * 16);
    }
  }
  .sm\:min-h-64 {
    @media (width >= 480px) {
      min-height: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-56 {
    @media (width >= 480px) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-64 {
    @media (width >= 480px) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-96 {
    @media (width >= 480px) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-auto {
    @media (width >= 480px) {
      width: auto;
    }
  }
  .sm\:max-w-\[calc\(var\(--alp-width-content\)-5\.5rem\)\] {
    @media (width >= 480px) {
      max-width: calc(var(--alp-width-content) - 5.5rem);
    }
  }
  .sm\:max-w-measure {
    @media (width >= 480px) {
      max-width: var(--container-measure);
    }
  }
  .sm\:min-w-0 {
    @media (width >= 480px) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .sm\:flex-none {
    @media (width >= 480px) {
      flex: none;
    }
  }
  .sm\:shrink-0 {
    @media (width >= 480px) {
      flex-shrink: 0;
    }
  }
  .sm\:basis-auto {
    @media (width >= 480px) {
      flex-basis: auto;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 480px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 480px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 480px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 480px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_1\.4fr_1fr\] {
    @media (width >= 480px) {
      grid-template-columns: 1fr 1.4fr 1fr;
    }
  }
  .sm\:grid-cols-\[6rem_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: 6rem minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: 7rem minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[8rem_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: 8rem minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: 12rem minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[110px_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: 110px minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[auto_1fr\] {
    @media (width >= 480px) {
      grid-template-columns: auto 1fr;
    }
  }
  .sm\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
    @media (width >= 480px) {
      grid-template-columns: auto minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 480px) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,124px\)_minmax\(0\,1fr\)_minmax\(64px\,max-content\)\] {
    @media (width >= 480px) {
      grid-template-columns: minmax(0,124px) minmax(0,1fr) minmax(64px,max-content);
    }
  }
  .sm\:flex-row {
    @media (width >= 480px) {
      flex-direction: row;
    }
  }
  .sm\:flex-nowrap {
    @media (width >= 480px) {
      flex-wrap: nowrap;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 480px) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-baseline {
    @media (width >= 480px) {
      align-items: baseline;
    }
  }
  .sm\:items-center {
    @media (width >= 480px) {
      align-items: center;
    }
  }
  .sm\:items-start {
    @media (width >= 480px) {
      align-items: flex-start;
    }
  }
  .sm\:items-stretch {
    @media (width >= 480px) {
      align-items: stretch;
    }
  }
  .sm\:justify-between {
    @media (width >= 480px) {
      justify-content: space-between;
    }
  }
  .sm\:justify-start {
    @media (width >= 480px) {
      justify-content: flex-start;
    }
  }
  .sm\:gap-2 {
    @media (width >= 480px) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-3 {
    @media (width >= 480px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-5 {
    @media (width >= 480px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 480px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-x-3 {
    @media (width >= 480px) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-x-6 {
    @media (width >= 480px) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-x-8 {
    @media (width >= 480px) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-x-10 {
    @media (width >= 480px) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:gap-x-12 {
    @media (width >= 480px) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:gap-y-3 {
    @media (width >= 480px) {
      row-gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-y-\[14px\] {
    @media (width >= 480px) {
      row-gap: 14px;
    }
  }
  .sm\:divide-x {
    @media (width >= 480px) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .sm\:divide-y-0 {
    @media (width >= 480px) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .sm\:self-auto {
    @media (width >= 480px) {
      align-self: auto;
    }
  }
  .sm\:truncate {
    @media (width >= 480px) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .sm\:rounded-dot {
    @media (width >= 480px) {
      border-radius: var(--radius-dot);
    }
  }
  .sm\:rounded-none {
    @media (width >= 480px) {
      border-radius: 0;
    }
  }
  .sm\:border {
    @media (width >= 480px) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .sm\:border-0 {
    @media (width >= 480px) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .sm\:border-r {
    @media (width >= 480px) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .sm\:border-b-0 {
    @media (width >= 480px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .sm\:border-border-control {
    @media (width >= 480px) {
      border-color: var(--color-border-control);
    }
  }
  .sm\:border-status-error {
    @media (width >= 480px) {
      border-color: var(--color-status-error);
    }
  }
  .sm\:bg-surface-raised {
    @media (width >= 480px) {
      background-color: var(--color-surface-raised);
    }
  }
  .sm\:bg-transparent {
    @media (width >= 480px) {
      background-color: transparent;
    }
  }
  .sm\:p-5 {
    @media (width >= 480px) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 480px) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 480px) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-0 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-5 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-7 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:px-8 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-9 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .sm\:px-11 {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing) * 11);
    }
  }
  .sm\:py-0 {
    @media (width >= 480px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-2 {
    @media (width >= 480px) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-4 {
    @media (width >= 480px) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-10 {
    @media (width >= 480px) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-\[14px\] {
    @media (width >= 480px) {
      padding-block: 14px;
    }
  }
  .sm\:pt-6 {
    @media (width >= 480px) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:pt-10 {
    @media (width >= 480px) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pt-12 {
    @media (width >= 480px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:pt-24 {
    @media (width >= 480px) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:pr-0 {
    @media (width >= 480px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:pr-2 {
    @media (width >= 480px) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:pl-6 {
    @media (width >= 480px) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:text-right {
    @media (width >= 480px) {
      text-align: right;
    }
  }
  .sm\:text-body-long {
    @media (width >= 480px) {
      font-size: var(--text-body-long);
      line-height: var(--tw-leading, var(--text-body-long--line-height));
      font-weight: var(--tw-font-weight, var(--text-body-long--font-weight));
    }
  }
  .sm\:text-\[14\.5px\] {
    @media (width >= 480px) {
      font-size: 14.5px;
    }
  }
  .sm\:text-\[16\.5px\] {
    @media (width >= 480px) {
      font-size: 16.5px;
    }
  }
  .sm\:text-\[32px\] {
    @media (width >= 480px) {
      font-size: 32px;
    }
  }
  .sm\:leading-\[22px\] {
    @media (width >= 480px) {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }
  .sm\:leading-\[27px\] {
    @media (width >= 480px) {
      --tw-leading: 27px;
      line-height: 27px;
    }
  }
  .sm\:break-normal {
    @media (width >= 480px) {
      overflow-wrap: normal;
      word-break: normal;
    }
  }
  .sm\:whitespace-nowrap {
    @media (width >= 480px) {
      white-space: nowrap;
    }
  }
  .sm\:shadow-frame {
    @media (width >= 480px) {
      --tw-shadow: var(--alp-elevation-frame);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:focus-visible\:outline-none {
    @media (width >= 480px) {
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
  .md\:col-span-2 {
    @media (width >= 768px) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-5 {
    @media (width >= 768px) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 768px) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 768px) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-12 {
    @media (width >= 768px) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:col-start-2 {
    @media (width >= 768px) {
      grid-column-start: 2;
    }
  }
  .md\:row-start-1 {
    @media (width >= 768px) {
      grid-row-start: 1;
    }
  }
  .md\:row-start-2 {
    @media (width >= 768px) {
      grid-row-start: 2;
    }
  }
  .md\:mt-8 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .md\:table-cell {
    @media (width >= 768px) {
      display: table-cell;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 768px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 768px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(5rem\,auto\)\] {
    @media (width >= 768px) {
      grid-template-columns: minmax(0,1fr) minmax(5rem,auto);
    }
  }
  .md\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .md\:gap-10 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:divide-x {
    @media (width >= 768px) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .md\:divide-y-0 {
    @media (width >= 768px) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .md\:px-6 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:py-14 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .md\:py-16 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-4 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .md\:pt-12 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pb-14 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:text-right {
    @media (width >= 768px) {
      text-align: right;
    }
  }
  .lg\:order-none {
    @media (width >= 1056px) {
      order: 0;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 1056px) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 1056px) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 1056px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 1056px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 1056px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 1056px) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 1056px) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 1056px) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 1056px) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 1056px) {
      grid-column-start: 2;
    }
  }
  .lg\:col-start-3 {
    @media (width >= 1056px) {
      grid-column-start: 3;
    }
  }
  .lg\:row-span-2 {
    @media (width >= 1056px) {
      grid-row: span 2 / span 2;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 1056px) {
      grid-row-start: 1;
    }
  }
  .lg\:row-start-2 {
    @media (width >= 1056px) {
      grid-row-start: 2;
    }
  }
  .lg\:mb-2 {
    @media (width >= 1056px) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .lg\:block {
    @media (width >= 1056px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 1056px) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 1056px) {
      display: none;
    }
  }
  .lg\:table-cell {
    @media (width >= 1056px) {
      display: table-cell;
    }
  }
  .lg\:h-40 {
    @media (width >= 1056px) {
      height: calc(var(--spacing) * 40);
    }
  }
  .lg\:h-80 {
    @media (width >= 1056px) {
      height: calc(var(--spacing) * 80);
    }
  }
  .lg\:h-\[248px\] {
    @media (width >= 1056px) {
      height: 248px;
    }
  }
  .lg\:min-h-40 {
    @media (width >= 1056px) {
      min-height: calc(var(--spacing) * 40);
    }
  }
  .lg\:min-h-80 {
    @media (width >= 1056px) {
      min-height: calc(var(--spacing) * 80);
    }
  }
  .lg\:min-h-\[248px\] {
    @media (width >= 1056px) {
      min-height: 248px;
    }
  }
  .lg\:min-h-dvh {
    @media (width >= 1056px) {
      min-height: 100dvh;
    }
  }
  .lg\:w-96 {
    @media (width >= 1056px) {
      width: calc(var(--spacing) * 96);
    }
  }
  .lg\:max-w-none {
    @media (width >= 1056px) {
      max-width: none;
    }
  }
  .lg\:flex-none {
    @media (width >= 1056px) {
      flex: none;
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 1056px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[2fr_1fr\] {
    @media (width >= 1056px) {
      grid-template-columns: 2fr 1fr;
    }
  }
  .lg\:grid-cols-\[5fr_6fr\] {
    @media (width >= 1056px) {
      grid-template-columns: 5fr 6fr;
    }
  }
  .lg\:grid-cols-\[5fr_7fr\] {
    @media (width >= 1056px) {
      grid-template-columns: 5fr 7fr;
    }
  }
  .lg\:grid-cols-\[7fr_5fr\] {
    @media (width >= 1056px) {
      grid-template-columns: 7fr 5fr;
    }
  }
  .lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
    @media (width >= 1056px) {
      grid-template-columns: 15rem minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[auto_1fr_auto\] {
    @media (width >= 1056px) {
      grid-template-columns: auto 1fr auto;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
    @media (width >= 1056px) {
      grid-template-columns: minmax(0,1fr) 16rem;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,20rem\)_minmax\(5rem\,auto\)\] {
    @media (width >= 1056px) {
      grid-template-columns: minmax(0,1fr) minmax(0,20rem) minmax(5rem,auto);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,2fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
    @media (width >= 1056px) {
      grid-template-columns: minmax(0,2fr) repeat(3,minmax(0,1fr));
    }
  }
  .lg\:grid-cols-\[minmax\(0\,220px\)_minmax\(0\,1fr\)_minmax\(64px\,max-content\)\] {
    @media (width >= 1056px) {
      grid-template-columns: minmax(0,220px) minmax(0,1fr) minmax(64px,max-content);
    }
  }
  .lg\:flex-row {
    @media (width >= 1056px) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 1056px) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 1056px) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 1056px) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 1056px) {
      justify-content: space-between;
    }
  }
  .lg\:gap-10 {
    @media (width >= 1056px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-12 {
    @media (width >= 1056px) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-12 {
    @media (width >= 1056px) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-16 {
    @media (width >= 1056px) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-y-5 {
    @media (width >= 1056px) {
      row-gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:divide-x-0 {
    @media (width >= 1056px) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(0px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .lg\:divide-y {
    @media (width >= 1056px) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .lg\:self-center {
    @media (width >= 1056px) {
      align-self: center;
    }
  }
  .lg\:border-t-0 {
    @media (width >= 1056px) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .lg\:border-l {
    @media (width >= 1056px) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:p-6 {
    @media (width >= 1056px) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-7 {
    @media (width >= 1056px) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .lg\:px-8 {
    @media (width >= 1056px) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-12 {
    @media (width >= 1056px) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-16 {
    @media (width >= 1056px) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .lg\:px-20 {
    @media (width >= 1056px) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .lg\:py-0 {
    @media (width >= 1056px) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-7 {
    @media (width >= 1056px) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .lg\:py-10 {
    @media (width >= 1056px) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-16 {
    @media (width >= 1056px) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-0 {
    @media (width >= 1056px) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-0 {
    @media (width >= 1056px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pl-10 {
    @media (width >= 1056px) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .lg\:text-right {
    @media (width >= 1056px) {
      text-align: right;
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .xl\:gap-16 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:px-24 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .dark\:block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: none;
    }
  }
  .dark\:inline-block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: inline-block;
    }
  }
  .\[\&_a\]\:text-interactive-strong {
    & a {
      color: var(--color-interactive-strong);
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_a\]\:underline-offset-4 {
    & a {
      text-underline-offset: 4px;
    }
  }
  .\[\&_blockquote\]\:border-l-2 {
    & blockquote {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }
  }
  .\[\&_blockquote\]\:border-border-control {
    & blockquote {
      border-color: var(--color-border-control);
    }
  }
  .\[\&_blockquote\]\:pl-4 {
    & blockquote {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_blockquote\]\:text-text-secondary {
    & blockquote {
      color: var(--color-text-secondary);
    }
  }
  .\[\&_code\]\:rounded-control-sm {
    & code {
      border-radius: var(--radius-control-sm);
    }
  }
  .\[\&_code\]\:bg-surface-sunken {
    & code {
      background-color: var(--color-surface-sunken);
    }
  }
  .\[\&_code\]\:px-1\.5 {
    & code {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_code\]\:py-0\.5 {
    & code {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&_code\]\:font-mono {
    & code {
      font-family: var(--font-mono);
    }
  }
  .\[\&_code\]\:text-data {
    & code {
      font-size: var(--text-data);
      line-height: var(--tw-leading, var(--text-data--line-height));
      font-weight: var(--tw-font-weight, var(--text-data--font-weight));
    }
  }
  .\[\&_h2\]\:scroll-mt-6 {
    & h2 {
      scroll-margin-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&_h2\]\:border-t {
    & h2 {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&_h2\]\:border-border-default {
    & h2 {
      border-color: var(--color-border-default);
    }
  }
  .\[\&_h2\]\:pt-5 {
    & h2 {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .\[\&_h2\]\:text-heading-02 {
    & h2 {
      font-size: var(--text-heading-02);
      line-height: var(--tw-leading, var(--text-heading-02--line-height));
      letter-spacing: var(--tw-tracking, var(--text-heading-02--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-heading-02--font-weight));
    }
  }
  .\[\&_h2\]\:font-semibold {
    & h2 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h2\]\:text-text-primary {
    & h2 {
      color: var(--color-text-primary);
    }
  }
  .\[\&_h3\]\:scroll-mt-6 {
    & h3 {
      scroll-margin-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&_h3\]\:pt-3 {
    & h3 {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .\[\&_h3\]\:text-heading-02 {
    & h3 {
      font-size: var(--text-heading-02);
      line-height: var(--tw-leading, var(--text-heading-02--line-height));
      letter-spacing: var(--tw-tracking, var(--text-heading-02--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-heading-02--font-weight));
    }
  }
  .\[\&_h3\]\:text-heading-03 {
    & h3 {
      font-size: var(--text-heading-03);
      line-height: var(--tw-leading, var(--text-heading-03--line-height));
      letter-spacing: var(--tw-tracking, var(--text-heading-03--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-heading-03--font-weight));
    }
  }
  .\[\&_h3\]\:font-semibold {
    & h3 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h3\]\:text-text-primary {
    & h3 {
      color: var(--color-text-primary);
    }
  }
  .\[\&_img\]\:max-w-full {
    & img {
      max-width: 100%;
    }
  }
  .\[\&_img\]\:rounded-frame {
    & img {
      border-radius: var(--radius-frame);
    }
  }
  .\[\&_li\]\:my-2 {
    & li {
      margin-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_ol\]\:list-decimal {
    & ol {
      list-style-type: decimal;
    }
  }
  .\[\&_ol\]\:pl-6 {
    & ol {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .\[\&_pre\]\:overflow-x-auto {
    & pre {
      overflow-x: auto;
    }
  }
  .\[\&_pre\]\:rounded-frame {
    & pre {
      border-radius: var(--radius-frame);
    }
  }
  .\[\&_pre\]\:bg-surface-inverse {
    & pre {
      background-color: var(--color-surface-inverse);
    }
  }
  .\[\&_pre\]\:p-4 {
    & pre {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_pre\]\:text-surface-page {
    & pre {
      color: var(--color-surface-page);
    }
  }
  .\[\&_pre_code\]\:bg-transparent {
    & pre code {
      background-color: transparent;
    }
  }
  .\[\&_pre_code\]\:p-0 {
    & pre code {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&_table\]\:block {
    & table {
      display: block;
    }
  }
  .\[\&_table\]\:overflow-x-auto {
    & table {
      overflow-x: auto;
    }
  }
  .\[\&_td\]\:p-3 {
    & td {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\[\&_th\]\:p-3 {
    & th {
      padding: calc(var(--spacing) * 3);
    }
  }
  .\[\&_th\]\:text-left {
    & th {
      text-align: left;
    }
  }
  .\[\&_th\]\:font-semibold {
    & th {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_th\]\:text-text-primary {
    & th {
      color: var(--color-text-primary);
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\]\:border-border-default {
    & tr {
      border-color: var(--color-border-default);
    }
  }
  .\[\&_ul\]\:list-disc {
    & ul {
      list-style-type: disc;
    }
  }
  .\[\&_ul\]\:pl-6 {
    & ul {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .\[\&\>\*\:nth-child\(n\+3\)\]\:border-t {
    &>*:nth-child(n+3) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&\>\*\:nth-child\(n\+3\)\]\:border-border-default {
    &>*:nth-child(n+3) {
      border-color: var(--color-border-default);
    }
  }
  .sm\:\[\&\>\*\:nth-child\(n\+3\)\]\:border-t-0 {
    @media (width >= 480px) {
      &>*:nth-child(n+3) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:h-12 {
    @media (pointer:coarse) {
      height: calc(var(--spacing) * 12);
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:min-h-12 {
    @media (pointer:coarse) {
      min-height: calc(var(--spacing) * 12);
    }
  }
  .sm\:\[\@media\(pointer\:coarse\)\]\:h-12 {
    @media (width >= 480px) {
      @media (pointer:coarse) {
        height: calc(var(--spacing) * 12);
      }
    }
  }
  .\[\[data-public-shell\]_\&\]\:h-auto {
    [data-public-shell] & {
      height: auto;
    }
  }
  .\[\[data-public-shell\]_\&\]\:min-h-0 {
    [data-public-shell] & {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .\[\[data-public-shell\]_\&\]\:rounded-none {
    [data-public-shell] & {
      border-radius: 0;
    }
  }
  .\[\[data-public-shell\]_\&\]\:border-0 {
    [data-public-shell] & {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\[data-public-shell\]_\&\]\:border-b-2 {
    [data-public-shell] & {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }
  .\[\[data-public-shell\]_\&\]\:border-interactive-primary {
    [data-public-shell] & {
      border-color: var(--color-interactive-primary);
    }
  }
  .\[\[data-public-shell\]_\&\]\:bg-transparent {
    [data-public-shell] & {
      background-color: transparent;
    }
  }
  .\[\[data-public-shell\]_\&\]\:px-0 {
    [data-public-shell] & {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .\[\[data-public-shell\]_\&\]\:pb-px {
    [data-public-shell] & {
      padding-bottom: 1px;
    }
  }
  .\[\[data-public-shell\]_\&\]\:font-bold {
    [data-public-shell] & {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\[data-public-shell\]_\&\]\:font-semibold {
    [data-public-shell] & {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\[data-public-shell\]_\&\]\:text-text-primary {
    [data-public-shell] & {
      color: var(--color-text-primary);
    }
  }
  .\[\[data-public-shell\]_\&\]\:hover\:bg-transparent {
    [data-public-shell] & {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
}
:root {
  --alp-gray-0: #FFFFFF;
  --alp-gray-50: #FAFAFA;
  --alp-gray-100: #F3F4F5;
  --alp-gray-200: #E6E7EA;
  --alp-gray-300: #D3D4D9;
  --alp-gray-400: #A3A5AD;
  --alp-gray-450: #83858E;
  --alp-gray-500: #50525A;
  --alp-gray-600: #41434B;
  --alp-gray-700: #2E3037;
  --alp-gray-800: #1C1D22;
  --alp-gray-900: #101217;
  --alp-gray-950: #08090C;
  --alp-text: var(--alp-gray-900);
  --alp-text-secondary: var(--alp-gray-600);
  --alp-text-muted: var(--alp-gray-500);
  --alp-canvas: var(--alp-gray-50);
  --alp-surface: var(--alp-gray-0);
  --alp-surface-2: var(--alp-gray-100);
  --alp-surface-elevated: var(--alp-gray-0);
  --alp-border: var(--alp-gray-200);
  --alp-border-strong: var(--alp-gray-450);
  --alp-border-subtle: var(--alp-gray-300);
  --alp-rule: var(--alp-gray-900);
  --alp-hover: rgb(8 9 12 / 0.04);
  --alp-selected: rgb(8 9 12 / 0.06);
  --alp-scrim: rgb(8 9 12 / 0.40);
  --alp-focus: var(--alp-gray-900);
  --alp-disabled-opacity: 0.45;
  --alp-success-text: #0E5228;
  --alp-success-bg: #EAF5EE;
  --alp-success-border: #BBDFC6;
  --alp-warning-text: #6B3E07;
  --alp-warning-bg: #FAF3DF;
  --alp-warning-border: #EAD9A8;
  --alp-error-text: #9C1C11;
  --alp-error-bg: #FBEDEB;
  --alp-error-border: #F0C6C0;
  --alp-info-text: #144A8F;
  --alp-info-bg: #ECF2FB;
  --alp-info-border: #C4D6F0;
  --alp-destructive: #A81E13;
  --alp-destructive-hover: #8C1810;
  --alp-destructive-ink: #FFFFFF;
  --alp-accent: var(--alp-gray-900);
  --alp-accent-ink: #FFFFFF;
  --alp-accent-soft: var(--alp-gray-100);
  --alp-accent-strong: var(--alp-gray-900);
  --alp-chart-visits: #3F4D08;
  --alp-chart-visits-soft: rgb(63 77 8 / 0.16);
  --alp-chart-pageviews: #55680B;
  --alp-chart-pageviews-soft: rgb(85 104 11 / 0.14);
  --alp-chart-bounce-rate: #6C8404;
  --alp-chart-bounce-rate-soft: rgb(108 132 4 / 0.12);
  --alp-chart-avg-duration: #748D05;
  --alp-chart-avg-duration-soft: rgb(116 141 5 / 0.14);
  --alp-chart-previous: #8A9182;
  --alp-pen-monitor: #2149B8;
  --alp-pen-observe: #B02418;
  --alp-pen-measure: #17683A;
  --alp-pen-monitor-soft: #E2EAFB;
  --alp-pen-observe-soft: #FBE4E0;
  --alp-pen-measure-soft: #E0F1E7;
  --alp-pen-monitor-body: #39466B;
  --alp-pen-observe-body: #6B403A;
  --alp-pen-measure-body: #38543F;
  --alp-shadow-block: none;
  --alp-shadow-block-sm: none;
  --alp-code-comment: var(--alp-gray-400);
  --alp-code-string: #D7EC85;
  --alp-code-keyword: #8FB6EE;
  --alp-code-const: #6FD595;
  --alp-ink-band: var(--alp-gray-950);
  --alp-ink-band-text: var(--alp-gray-50);
  --alp-ink-band-muted: var(--alp-gray-400);
  --alp-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --alp-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Code", monospace;
  --alp-font-editorial: Charter, "Iowan Old Style", Georgia, Cambria, serif;
  --alp-font-display: var(--alp-font-sans);
  --alp-text-display: clamp(2.75rem, 1.6rem + 4.6vw, 5.75rem)/1.02;
  --alp-text-headline: clamp(1.875rem, 1.4rem + 1.9vw, 3rem)/1.1;
  --alp-text-title1: 2.125rem/2.5rem;
  --alp-text-title2: 1.625rem/2rem;
  --alp-text-title3: 1.25rem/1.75rem;
  --alp-text-body-large: 1.3125rem/2rem;
  --alp-text-body: 1.125rem/1.75rem;
  --alp-text-body-editorial: 1.3125rem/2.125rem;
  --alp-text-body-compact: 1.0625rem/1.625rem;
  --alp-text-label: 1rem/1.375rem;
  --alp-text-meta: 1rem/1.5rem;
  --alp-text-caption: 0.9375rem/1.375rem;
  --alp-text-code: 1rem/1.625rem;
  --alp-text-numeric: 1.125rem/1.75rem;
  --alp-text-min: 0.875rem;
  --alp-tracking-display: -0.02em;
  --alp-tracking-title1: -0.02em;
  --alp-tracking-title2: -0.015em;
  --alp-tracking-title3: -0.01em;
  --alp-weight-regular: 400;
  --alp-weight-medium: 500;
  --alp-weight-semibold: 600;
  --alp-weight-bold: 700;
  --alp-measure: 66ch;
  --alp-container-wide: 82.5rem;
  --alp-radius-sm: 2px;
  --alp-radius-md: 2px;
  --alp-radius-lg: 0px;
  --alp-radius-full: 9999px;
  --alp-border-width: 1px;
  --alp-shadow-raised: 0 1px 2px rgb(8 9 12 / .06), 0 4px 12px rgb(8 9 12 / .08);
  --alp-shadow-overlay: 0 2px 8px rgb(8 9 12 / .08), 0 12px 32px rgb(8 9 12 / .14);
  --alp-focus-ring: 0 0 0 2px var(--alp-surface), 0 0 0 4px var(--alp-focus);
  --alp-dur-micro: 100ms;
  --alp-dur-fast: 150ms;
  --alp-dur-base: 200ms;
  --alp-dur-slow: 300ms;
  --alp-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --alp-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --alp-ease-inout: cubic-bezier(0.45, 0, 0.15, 1);
  --alp-control-sm: 36px;
  --alp-control-md: 44px;
  --alp-control-lg: 52px;
  --alp-row: 56px;
  --alp-target-min: 44px;
  --alp-gap-section: 48px;
  --alp-gap-block: 24px;
  --alp-gap-inline: 12px;
  --alp-page-padding: 32px;
}
[data-density="dense"] {
  --alp-row: 44px;
}
[data-density="comfortable"] {
  --alp-control-sm: 36px;
  --alp-control-md: 44px;
  --alp-control-lg: 52px;
  --alp-row: 56px;
}
[data-density="compact"] {
  --alp-row: 44px;
}
:root {
  --alp-surface-page: #FBFBF9;
  --alp-surface-console: #FBFBF9;
  --alp-surface-raised: #FFFFFF;
  --alp-surface-sunken: #F5F6F1;
  --alp-surface-inverse: #171B12;
  --alp-surface-inverse-raised: #20261B;
  --alp-text-primary: #171B12;
  --alp-text-secondary: #000000;
  --alp-text-tertiary: #545C4A;
  --alp-text-disabled: #8A9182;
  --alp-text-inverse: #F2F4EC;
  --alp-text-inverse-muted: #A9B49B;
  --alp-text-inverse-code: #E8ECDF;
  --alp-border-inverse: #2A3023;
  --alp-surface-inverse-control: #333B2B;
  --alp-status-live-inverse: #7BD99B;
  --alp-interactive-primary: #C0DF16;
  --alp-interactive-hover: #B2CF10;
  --alp-interactive-tint: #E7F3A3;
  --alp-interactive-wash: #F4FADC;
  --alp-interactive-ink: #171B12;
  --alp-interactive-ink-hover: #2A3023;
  --alp-interactive-strong: #5E6C0B;
  --alp-interactive-strong-hover: #556209;
  --alp-interactive-outline: #8FA80E;
  --alp-brand-mark: #C0DF16;
  --alp-action-primary: #171B12;
  --alp-action-primary-hover: var(--alp-interactive-ink-hover);
  --alp-action-primary-ink: #FFFFFF;
  --alp-brand-mark-ink: #171B12;
  --alp-status-live: #00B140;
  --alp-status-live-ink: #00753B;
  --alp-status-live-bg: #EAF6EF;
  --alp-status-live-border: #CFE7D9;
  --alp-status-late: #E8960C;
  --alp-status-late-ink: #8A5106;
  --alp-status-late-bg: #FCF0DD;
  --alp-status-late-border: #F0E2C0;
  --alp-status-error: #D92D20;
  --alp-status-error-ink: #B42318;
  --alp-status-error-bg: #FDECEA;
  --alp-status-error-border: #F3D2CE;
  --alp-status-info: #2E62E8;
  --alp-status-info-ink: #1D4FC4;
  --alp-status-info-bg: #EDF2FE;
  --alp-status-info-border: #C9D8FA;
  --alp-status-paused: #A9B0A0;
  --alp-status-paused-ink: #4C5445;
  --alp-status-paused-bg: #F1F2EC;
  --alp-status-paused-border: #E1E4D9;
  --alp-status-neutral: #A9B0A0;
  --alp-status-neutral-ink: #4C5445;
  --alp-status-neutral-bg: #F1F2EC;
  --alp-status-neutral-border: #E1E4D9;
  --alp-border-subtle: #F5F6F1;
  --alp-border-default: #ECEEE8;
  --alp-border-control: #7F8777;
  --alp-border-public: #E9ECE4;
  --alp-border-strong: #171B12;
  --alp-text-divider: #8A9182;
  --alp-border-empty: #C9D0BD;
  --alp-border-width: 1px;
  --alp-border-strong-width: 1px;
  --alp-radius-structural: 12px;
  --alp-radius-control: 8px;
  --alp-radius-control-sm: 6px;
  --alp-radius-input: 8px;
  --alp-radius-overlay: 10px;
  --alp-radius-frame: 14px;
  --alp-radius-tick: 2px;
  --alp-tick: 14px;
  --alp-radius-dot: 9999px;
  --alp-radius-mark: 7px;
  --alp-chart-p50: #B7C46E;
  --alp-chart-p95: #78826C;
  --alp-chart-p99: var(--alp-interactive-ink);
  --alp-shadow-none: none;
  --alp-elevation-frame: 0 12px 36px rgb(23 27 18 / 0.10);
  --alp-elevation-toast: 0 6px 20px rgb(23 27 18 / 0.10);
  --alp-elevation-overlay: 0 8px 24px rgb(23 27 18 / 0.10);
  --alp-elevation-modal: 0 16px 44px rgb(23 27 18 / 0.14);
  --alp-elevation-selected-underline: inset 0 -2px 0 var(--alp-interactive-primary);
  --alp-elevation-segment: 0 1px 5px rgb(23 27 18 / 0.12);
  --alp-elevation-nav-active: 0 1px 4px rgb(23 27 18 / 0.06);
  --alp-focus-color: #2E62E8;
  --alp-focus-ring: 0 0 0 2px var(--alp-surface-raised), 0 0 0 4px var(--alp-focus-color);
  --alp-focus-width: 2px;
  --alp-focus-offset: 2px;
  --alp-motion-productive: 110ms;
  --alp-motion-expressive: 240ms;
  --alp-ease-productive: cubic-bezier(0.2, 0, 0, 1);
  --alp-ease-expressive: cubic-bezier(0.2, 0, 0.1, 1);
  --alp-sp-01: 4px;
  --alp-sp-02: 8px;
  --alp-sp-03: 12px;
  --alp-sp-04: 16px;
  --alp-sp-05: 24px;
  --alp-sp-06: 32px;
  --alp-sp-07: 48px;
  --alp-sp-08: 64px;
  --alp-sp-09: 96px;
  --alp-width-full: 1440px;
  --alp-width-content: 1200px;
  --alp-width-prose: 720px;
  --alp-width-sidebar: 216px;
  --alp-breakpoint-lg: 1056px;
  --alp-breakpoint-md: 768px;
  --alp-breakpoint-sm: 480px;
  --alp-font-display: "Bricolage Grotesque", "Open Runde", system-ui, sans-serif;
  --alp-font-public: "Open Runde", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --alp-font-ui: "Open Runde", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --alp-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --alp-font-sans: var(--alp-font-ui);
  --alp-font-editorial: var(--alp-font-public);
  --alp-type-display-size: 40px;
  --alp-type-display-leading: 44px;
  --alp-type-heading-01-size: 20px;
  --alp-type-heading-01-leading: 26px;
  --alp-type-heading-02-size: 17px;
  --alp-type-heading-02-leading: 23px;
  --alp-type-heading-03-size: 14px;
  --alp-type-heading-03-leading: 20px;
  --alp-type-body-long-size: 14px;
  --alp-type-body-long-leading: 22px;
  --alp-type-body-size: 13px;
  --alp-type-body-leading: 20px;
  --alp-type-label-size: 12px;
  --alp-type-label-leading: 16px;
  --alp-type-caption-size: 12.5px;
  --alp-type-caption-leading: 18px;
  --alp-type-data-size: 12px;
  --alp-type-data-leading: 18px;
  --alp-type-eyebrow-size: 12px;
  --alp-type-chip-size: 12px;
  --alp-type-chip-leading: 16px;
  --alp-type-tooltip-size: 12.5px;
  --alp-type-tooltip-leading: 18px;
  --alp-type-metric-size: 40px;
  --alp-type-ui-size: 13.5px;
  --alp-type-ui-leading: 20px;
  --alp-type-metric-leading: 44px;
  --alp-type-metric-compact-size: 28px;
  --alp-type-metric-compact-leading: 32px;
  --alp-type-stat-size: 24px;
  --alp-type-stat-leading: 28px;
  --alp-control-sm: 28px;
  --alp-control-md: 32px;
  --alp-control-lg: 38px;
  --alp-row: 44px;
  --alp-target-min: 44px;
  --alp-disabled-opacity: 1;
  --alp-measure: 52ch;
}
body:has([data-public-shell]), [data-public-shell], [data-alp-expression="public"] {
  --alp-surface-page: #FFFFFF;
  --alp-surface-raised: #FFFFFF;
  --alp-surface-sunken: #F5F6F1;
  --alp-border-default: #E9ECE4;
  --alp-border-control: #7F8777;
  --alp-radius-structural: 20px;
  --alp-radius-control: 9999px;
  --alp-radius-control-sm: 999px;
  --alp-radius-input: 10px;
  --alp-radius-frame: 16px;
  --alp-action-primary: var(--alp-interactive-primary);
  --alp-action-primary-hover: var(--alp-interactive-hover);
  --alp-action-primary-ink: var(--alp-interactive-ink);
  --alp-font-sans: var(--alp-font-public);
  --alp-type-display-size: clamp(31px, 4.4vw + 12px, 62px);
  --alp-type-display-leading: 1.04;
  --alp-type-heading-01-size: clamp(28px, 2.2vw + 18px, 40px);
  --alp-type-heading-01-leading: 1.1;
  --alp-type-heading-02-size: 21px;
  --alp-type-heading-02-leading: 30px;
  --alp-type-heading-03-size: 17px;
  --alp-type-heading-03-leading: 24px;
  --alp-type-body-long-size: 17px;
  --alp-type-body-long-leading: 28px;
  --alp-type-body-size: 15px;
  --alp-type-body-leading: 25px;
  --alp-type-label-size: 15px;
  --alp-type-label-leading: 22px;
  --alp-type-caption-size: 15px;
  --alp-type-caption-leading: 22px;
  --alp-type-data-size: 12.5px;
  --alp-type-data-leading: 20px;
  --alp-control-sm: 40px;
  --alp-control-md: 44px;
  --alp-control-lg: 52px;
  --alp-row: 56px;
}
body:has([data-public-shell]), [data-public-shell], [data-alp-expression="public"] {
  --color-canvas: var(--alp-canvas);
  --color-border: var(--alp-border);
  --color-rule: var(--alp-rule);
  --font-sans: var(--alp-font-sans);
  --spacing-control-sm: var(--alp-control-sm);
  --spacing-control-md: var(--alp-control-md);
  --spacing-control-lg: var(--alp-control-lg);
  --spacing-row: var(--alp-row);
  --color-action-primary: var(--alp-action-primary);
  --color-action-primary-hover: var(--alp-action-primary-hover);
  --color-action-primary-ink: var(--alp-action-primary-ink);
  --container-measure: var(--alp-measure);
  --text-label--font-family: var(--alp-font-public);
  --color-surface-page: var(--alp-surface-page);
  --color-border-default: var(--alp-border-default);
  --color-border-control: var(--alp-border-control);
  --text-type-display: var(--alp-type-display-size);
  --text-type-display--line-height: var(--alp-type-display-leading);
  --text-heading-01: var(--alp-type-heading-01-size);
  --text-heading-01--line-height: var(--alp-type-heading-01-leading);
  --text-heading-02: var(--alp-type-heading-02-size);
  --text-heading-02--line-height: var(--alp-type-heading-02-leading);
  --text-heading-03: var(--alp-type-heading-03-size);
  --text-heading-03--line-height: var(--alp-type-heading-03-leading);
  --text-body-long: var(--alp-type-body-long-size);
  --text-body-long--line-height: var(--alp-type-body-long-leading);
  --text-body: var(--alp-type-body-size);
  --text-body--line-height: var(--alp-type-body-leading);
  --text-label: var(--alp-type-label-size);
  --text-label--line-height: var(--alp-type-label-leading);
  --text-chip: var(--alp-type-label-size);
  --text-chip--line-height: var(--alp-type-label-leading);
  --text-data: var(--alp-type-data-size);
  --text-data--line-height: var(--alp-type-data-leading);
  --text-display: var(--alp-type-display-size);
  --text-display--line-height: var(--alp-type-display-leading);
  --text-headline: var(--alp-type-heading-01-size);
  --text-headline--line-height: var(--alp-type-heading-01-leading);
  --text-title1: var(--alp-type-heading-01-size);
  --text-title1--line-height: var(--alp-type-heading-01-leading);
  --text-title2: var(--alp-type-heading-02-size);
  --text-title2--line-height: var(--alp-type-heading-02-leading);
  --text-title3: var(--alp-type-heading-02-size);
  --text-title3--line-height: var(--alp-type-heading-02-leading);
  --text-body-large: var(--alp-type-body-long-size);
  --text-body-large--line-height: var(--alp-type-body-long-leading);
  --text-body-editorial: var(--alp-type-body-long-size);
  --text-body-editorial--line-height: var(--alp-type-body-long-leading);
  --text-body-compact: var(--alp-type-body-size);
  --text-body-compact--line-height: var(--alp-type-body-leading);
  --text-meta: var(--alp-type-data-size);
  --text-meta--line-height: var(--alp-type-data-leading);
  --text-caption: var(--alp-type-caption-size);
  --text-caption--line-height: var(--alp-type-caption-leading);
  --text-code: var(--alp-type-data-size);
  --text-code--line-height: var(--alp-type-data-leading);
  --text-numeric: var(--alp-type-data-size);
  --text-numeric--line-height: var(--alp-type-data-leading);
  --radius-structural: var(--alp-radius-structural);
  --radius-control: var(--alp-radius-control);
  --radius-control-sm: var(--alp-radius-control-sm);
  --radius-input: var(--alp-radius-input);
  --radius-frame: var(--alp-radius-frame, var(--alp-radius-structural));
  --radius-sm: var(--alp-radius-control);
  --radius-md: var(--alp-radius-control);
  --radius-lg: var(--alp-radius-structural);
}
@media (pointer: coarse) {
  :root {
    --alp-control-sm: 44px;
    --alp-control-md: 44px;
    --alp-control-lg: 48px;
    --alp-row: 48px;
    --spacing-control-sm: var(--alp-control-sm);
    --spacing-control-md: var(--alp-control-md);
    --spacing-control-lg: var(--alp-control-lg);
    --spacing-row: var(--alp-row);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --alp-motion-productive: 1ms;
    --alp-motion-expressive: 1ms;
  }
}
:root {
  --alp-canvas: var(--alp-surface-page);
  --alp-surface: var(--alp-surface-raised);
  --alp-surface-2: var(--alp-surface-sunken);
  --alp-surface-elevated: var(--alp-surface-raised);
  --alp-text: var(--alp-text-primary);
  --alp-text-muted: var(--alp-text-tertiary);
  --alp-border: var(--alp-border-default);
  --alp-border-strong: var(--alp-border-strong);
  --alp-rule: var(--alp-border-default);
  --alp-hover: #F7F8F3;
  --alp-selected: var(--alp-interactive-wash);
  --alp-scrim: rgb(23 27 18 / 0.40);
  --alp-focus: var(--alp-focus-color);
  --alp-accent: var(--alp-interactive-primary);
  --alp-accent-ink: var(--alp-interactive-ink);
  --alp-accent-soft: var(--alp-interactive-tint);
  --alp-accent-strong: var(--alp-interactive-strong);
  --alp-success-text: var(--alp-status-live-ink);
  --alp-success-bg: var(--alp-status-live-bg);
  --alp-success-border: var(--alp-status-live-border);
  --alp-warning-text: var(--alp-status-late-ink);
  --alp-warning-bg: var(--alp-status-late-bg);
  --alp-warning-border: var(--alp-status-late-border);
  --alp-error-text: var(--alp-status-error-ink);
  --alp-error-bg: var(--alp-status-error-bg);
  --alp-error-border: var(--alp-status-error-border);
  --alp-info-text: var(--alp-status-info-ink);
  --alp-info-bg: var(--alp-status-info-bg);
  --alp-info-border: var(--alp-status-info-border);
  --alp-destructive: var(--alp-status-error);
  --alp-destructive-hover: var(--alp-status-error-ink);
  --alp-destructive-ink: #FFFFFF;
  --alp-pen-monitor: var(--alp-interactive-strong);
  --alp-pen-observe: var(--alp-interactive-strong);
  --alp-pen-measure: var(--alp-interactive-strong);
  --alp-pen-monitor-soft: var(--alp-interactive-tint);
  --alp-pen-observe-soft: var(--alp-interactive-tint);
  --alp-pen-measure-soft: var(--alp-interactive-tint);
  --alp-pen-monitor-body: var(--alp-text-secondary);
  --alp-pen-observe-body: var(--alp-text-secondary);
  --alp-pen-measure-body: var(--alp-text-secondary);
  --alp-radius-sm: var(--alp-radius-control-sm);
  --alp-radius-md: var(--alp-radius-control);
  --alp-radius-lg: var(--alp-radius-structural);
  --alp-radius-full: var(--alp-radius-dot);
  --alp-shadow-raised: var(--alp-elevation-overlay);
  --alp-shadow-overlay: var(--alp-elevation-modal);
  --alp-shadow-block: var(--alp-shadow-none);
  --alp-shadow-block-sm: var(--alp-shadow-none);
  --alp-dur-micro: var(--alp-motion-productive);
  --alp-dur-fast: var(--alp-motion-productive);
  --alp-dur-base: var(--alp-motion-productive);
  --alp-dur-slow: var(--alp-motion-expressive);
  --alp-ease-out: var(--alp-ease-productive);
  --alp-ease-in: var(--alp-ease-productive);
  --alp-ease-inout: var(--alp-ease-expressive);
  --alp-gap-section: var(--alp-sp-07);
  --alp-gap-block: var(--alp-sp-05);
  --alp-gap-inline: var(--alp-sp-03);
  --alp-page-padding: var(--alp-sp-06);
  --alp-container-wide: var(--alp-width-content);
  --alp-text-min: 12px;
  --alp-text-display: var(--alp-type-display-size) / var(--alp-type-display-leading);
  --alp-text-headline: var(--alp-type-heading-01-size) / var(--alp-type-heading-01-leading);
  --alp-text-title1: var(--alp-type-heading-01-size) / var(--alp-type-heading-01-leading);
  --alp-text-title2: var(--alp-type-heading-02-size) / var(--alp-type-heading-02-leading);
  --alp-text-title3: var(--alp-type-heading-02-size) / var(--alp-type-heading-02-leading);
  --alp-text-body-large: var(--alp-type-body-long-size) / var(--alp-type-body-long-leading);
  --alp-text-body: var(--alp-type-body-size) / var(--alp-type-body-leading);
  --alp-text-body-editorial: var(--alp-type-body-long-size) / var(--alp-type-body-long-leading);
  --alp-text-body-compact: var(--alp-type-body-size) / var(--alp-type-body-leading);
  --alp-text-label: var(--alp-type-label-size) / var(--alp-type-label-leading);
  --alp-text-meta: var(--alp-type-data-size) / var(--alp-type-data-leading);
  --alp-text-caption: var(--alp-type-caption-size) / var(--alp-type-caption-leading);
  --alp-text-code: var(--alp-type-data-size) / var(--alp-type-data-leading);
  --alp-text-numeric: var(--alp-type-data-size) / var(--alp-type-data-leading);
  --alp-tracking-display: -0.025em;
  --alp-tracking-title1: -0.02em;
  --alp-tracking-title2: -0.015em;
  --alp-tracking-title3: -0.01em;
}
[data-theme="dark"] {
  color-scheme: dark;
}
[data-theme="dark"] {
  --alp-surface-page: #171B12;
  --alp-surface-raised: #20261B;
  --alp-surface-sunken: #1B2116;
  --alp-surface-inverse: #F2F4EC;
  --alp-surface-inverse-raised: #FFFFFF;
  --alp-text-primary: #F2F4EC;
  --alp-text-secondary: #C3CDB4;
  --alp-text-tertiary: #A9B49B;
  --alp-text-disabled: #5C6653;
  --alp-text-inverse: #171B12;
  --alp-text-inverse-muted: #4B5442;
  --alp-interactive-primary: #C0DF16;
  --alp-interactive-hover: #D8ED66;
  --alp-interactive-tint: #333D0A;
  --alp-interactive-wash: #262E10;
  --alp-interactive-ink: #171B12;
  --alp-interactive-strong: #D8ED66;
  --alp-interactive-strong-hover: #E2F284;
  --alp-interactive-outline: #A9C90F;
  --alp-brand-mark: var(--alp-interactive-primary);
  --alp-brand-mark-ink: #171B12;
  --alp-status-live: #A4D65E;
  --alp-status-live-ink: #172705;
  --alp-status-live-bg: #253716;
  --alp-status-live-border: #506F27;
  --alp-status-late: #E5BE6A;
  --alp-status-late-ink: #2A1D08;
  --alp-status-late-bg: #3A2D12;
  --alp-status-late-border: #6A511B;
  --alp-status-error: #F18A7A;
  --alp-status-error-ink: #2A1210;
  --alp-status-error-bg: #3B1B17;
  --alp-status-error-border: #6E3028;
  --alp-status-info: #8FB6EE;
  --alp-status-info-ink: #101A2B;
  --alp-status-info-bg: #17233D;
  --alp-status-info-border: #2E436E;
  --alp-status-paused: #AAB7B0;
  --alp-status-paused-ink: #18201C;
  --alp-status-paused-bg: #27342E;
  --alp-status-paused-border: #46564D;
  --alp-status-neutral: #9AA8A1;
  --alp-status-neutral-ink: #18201C;
  --alp-status-neutral-bg: #27342E;
  --alp-status-neutral-border: #46564D;
  --alp-border-subtle: #262D1F;
  --alp-border-default: #333B2B;
  --alp-border-control: #333B2B;
  --alp-border-public: #333B2B;
  --alp-border-strong: #F2F4EC;
  --alp-elevation-frame: 0 12px 36px rgb(0 0 0 / 0.45);
  --alp-elevation-toast: 0 6px 20px rgb(0 0 0 / 0.45);
  --alp-elevation-overlay: 0 2px 6px rgb(0 0 0 / 0.50);
  --alp-elevation-modal: 0 8px 24px rgb(0 0 0 / 0.60);
  --alp-canvas: var(--alp-surface-page);
  --alp-surface: var(--alp-surface-raised);
  --alp-surface-2: var(--alp-surface-sunken);
  --alp-surface-elevated: var(--alp-surface-raised);
  --alp-text: var(--alp-text-primary);
  --alp-text-muted: var(--alp-text-tertiary);
  --alp-border: var(--alp-border-default);
  --alp-rule: var(--alp-border-default);
  --alp-hover: rgb(192 223 22 / 0.08);
  --alp-selected: var(--alp-interactive-tint);
  --alp-scrim: rgb(0 0 0 / 0.60);
  --alp-accent: var(--alp-interactive-primary);
  --alp-accent-ink: var(--alp-interactive-ink);
  --alp-accent-soft: var(--alp-interactive-tint);
  --alp-accent-strong: var(--alp-interactive-strong);
  --alp-success-text: var(--alp-status-live-ink);
  --alp-success-bg: var(--alp-status-live-bg);
  --alp-success-border: var(--alp-status-live-border);
  --alp-warning-text: var(--alp-status-late-ink);
  --alp-warning-bg: var(--alp-status-late-bg);
  --alp-warning-border: var(--alp-status-late-border);
  --alp-error-text: var(--alp-status-error-ink);
  --alp-error-bg: var(--alp-status-error-bg);
  --alp-error-border: var(--alp-status-error-border);
  --alp-info-text: var(--alp-status-info-ink);
  --alp-info-bg: var(--alp-status-info-bg);
  --alp-info-border: var(--alp-status-info-border);
  --alp-destructive: var(--alp-status-error);
  --alp-destructive-hover: var(--alp-status-error-ink);
  --alp-destructive-ink: #FFFFFF;
  --alp-pen-monitor: var(--alp-interactive-strong);
  --alp-pen-observe: var(--alp-interactive-strong);
  --alp-pen-measure: var(--alp-interactive-strong);
  --alp-pen-monitor-soft: var(--alp-interactive-tint);
  --alp-pen-observe-soft: var(--alp-interactive-tint);
  --alp-pen-measure-soft: var(--alp-interactive-tint);
  --alp-pen-monitor-body: var(--alp-text-secondary);
  --alp-pen-observe-body: var(--alp-text-secondary);
  --alp-pen-measure-body: var(--alp-text-secondary);
  --alp-radius-sm: var(--alp-radius-control);
  --alp-radius-md: var(--alp-radius-control);
  --alp-radius-lg: var(--alp-radius-structural);
  --alp-radius-full: var(--alp-radius-dot);
  --alp-shadow-raised: var(--alp-elevation-overlay);
  --alp-shadow-overlay: var(--alp-elevation-modal);
  --alp-shadow-block: var(--alp-shadow-none);
  --alp-shadow-block-sm: var(--alp-shadow-none);
}
[data-webmcp-dashboard] {
  --console-rail-width: 16rem;
  --console-context-height: 3.5rem;
}
[data-webmcp-dashboard] :where(code, pre) {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1023px) {
  [data-webmcp-dashboard] {
    --console-rail-width: 0px;
  }
}
[data-console-content] {
  --alp-type-heading-01-size: 28px;
  --alp-type-heading-01-leading: 34px;
  --alp-type-heading-02-size: 20px;
  --alp-type-heading-02-leading: 27px;
  --alp-type-heading-03-size: 16px;
  --alp-type-heading-03-leading: 22px;
  --alp-type-body-long-size: 15px;
  --alp-type-body-long-leading: 24px;
  --alp-type-body-size: 14px;
  --alp-type-body-leading: 22px;
  --alp-type-ui-size: 14.5px;
  --alp-type-ui-leading: 21px;
  --alp-type-label-size: 13px;
  --alp-type-label-leading: 18px;
  --alp-type-caption-size: 13px;
  --alp-type-caption-leading: 19px;
  --alp-type-data-size: 12.5px;
  --alp-type-data-leading: 19px;
  --alp-type-chip-size: 12.5px;
  --alp-type-chip-leading: 17px;
  --alp-type-eyebrow-size: 12.5px;
  --alp-type-stat-size: 20px;
  --alp-type-stat-leading: 26px;
  --alp-type-metric-compact-size: 24px;
  --alp-type-metric-compact-leading: 30px;
  --alp-type-metric-size: 24px;
  --alp-type-metric-leading: 30px;
  --text-heading-01: var(--alp-type-heading-01-size);
  --text-heading-01--line-height: var(--alp-type-heading-01-leading);
  --text-heading-02: var(--alp-type-heading-02-size);
  --text-heading-02--line-height: var(--alp-type-heading-02-leading);
  --text-heading-03: var(--alp-type-heading-03-size);
  --text-heading-03--line-height: var(--alp-type-heading-03-leading);
  --text-body-long: var(--alp-type-body-long-size);
  --text-body-long--line-height: var(--alp-type-body-long-leading);
  --text-body: var(--alp-type-body-size);
  --text-body--line-height: var(--alp-type-body-leading);
  --text-ui: var(--alp-type-ui-size);
  --text-ui--line-height: var(--alp-type-ui-leading);
  --text-label: var(--alp-type-label-size);
  --text-label--line-height: var(--alp-type-label-leading);
  --text-caption: var(--alp-type-caption-size);
  --text-caption--line-height: var(--alp-type-caption-leading);
  --text-data: var(--alp-type-data-size);
  --text-data--line-height: var(--alp-type-data-leading);
  --text-chip: var(--alp-type-chip-size);
  --text-chip--line-height: var(--alp-type-chip-leading);
  --text-eyebrow: var(--alp-type-eyebrow-size);
  --text-stat: var(--alp-type-stat-size);
  --text-stat--line-height: var(--alp-type-stat-leading);
  --text-metric-compact: var(--alp-type-metric-compact-size);
  --text-metric-compact--line-height: var(--alp-type-metric-compact-leading);
  --text-metric: var(--alp-type-metric-size);
  --text-metric--line-height: var(--alp-type-metric-leading);
  --text-headline: var(--alp-type-heading-01-size);
  --text-headline--line-height: var(--alp-type-heading-01-leading);
  --text-title1: var(--alp-type-heading-01-size);
  --text-title1--line-height: var(--alp-type-heading-01-leading);
  --text-title2: var(--alp-type-heading-02-size);
  --text-title2--line-height: var(--alp-type-heading-02-leading);
  --text-title3: var(--alp-type-heading-02-size);
  --text-title3--line-height: var(--alp-type-heading-02-leading);
  --text-body-large: var(--alp-type-body-long-size);
  --text-body-large--line-height: var(--alp-type-body-long-leading);
  --text-body-editorial: var(--alp-type-body-long-size);
  --text-body-editorial--line-height: var(--alp-type-body-long-leading);
  --text-body-compact: var(--alp-type-body-size);
  --text-body-compact--line-height: var(--alp-type-body-leading);
  --text-meta: var(--alp-type-data-size);
  --text-meta--line-height: var(--alp-type-data-leading);
  --text-code: var(--alp-type-data-size);
  --text-code--line-height: var(--alp-type-data-leading);
  --text-numeric: var(--alp-type-data-size);
  --text-numeric--line-height: var(--alp-type-data-leading);
}
@media (max-width: 767px) {
  [data-console-content] {
    --alp-type-heading-01-size: 22px;
    --alp-type-heading-01-leading: 28px;
    --alp-type-heading-02-size: 18px;
    --alp-type-heading-02-leading: 25px;
    --alp-type-metric-compact-size: 20px;
    --alp-type-metric-compact-leading: 26px;
    --alp-type-stat-size: 18px;
    --alp-type-stat-leading: 24px;
    --alp-type-metric-size: 20px;
    --alp-type-metric-leading: 26px;
  }
}
@layer base {
  :focus-visible {
    outline: none;
    box-shadow: var(--alp-focus-ring);
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation: none !important;
      transition-property: opacity !important;
      transition-duration: 1ms !important;
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-public-shell] .pulse-live {
    animation: public-live-pulse 2.4s var(--alp-ease-productive) infinite;
  }
}
@keyframes public-live-pulse {
  0%, 100% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--alp-status-live) 16%, transparent);
  }
  50% {
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--alp-status-live) 4%, transparent);
  }
}
body:has([data-public-shell]) {
  scrollbar-color: var(--alp-interactive-strong) var(--alp-surface-sunken);
  scrollbar-width: thin;
}
body:has([data-public-shell]) ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body:has([data-public-shell]) ::-webkit-scrollbar-track {
  background: var(--alp-surface-sunken);
}
body:has([data-public-shell]) ::-webkit-scrollbar-thumb {
  border: 2px solid var(--alp-surface-sunken);
  border-radius: var(--alp-radius-dot);
  background: var(--alp-interactive-strong);
}
html[data-marketing-menu-open] {
  overflow: hidden;
}
body:has(#marketing-header) :target {
  scroll-margin-top: 100px;
}
[data-public-shell] summary {
  list-style: none;
}
[data-public-shell] summary::-webkit-details-marker {
  display: none;
}
.changelog-preview {
  max-width: var(--alp-width-prose);
  color: var(--alp-text-secondary);
  font: var(--alp-type-body-size) / var(--alp-type-body-leading) var(--alp-font-sans);
}
.changelog-preview p {
  margin-block: 0.75rem;
}
.changelog-preview h1, .changelog-preview h2 {
  margin-block: 1rem 0.5rem;
  color: var(--alp-text-primary);
  font: 600 var(--alp-type-heading-02-size) / var(--alp-type-heading-02-leading) var(--alp-font-sans);
  letter-spacing: -0.01em;
}
.changelog-preview h3, .changelog-preview h4 {
  margin-block: 1rem 0.5rem;
  color: var(--alp-text-primary);
  font: 600 var(--alp-type-label-size) / var(--alp-type-label-leading) var(--alp-font-sans);
}
.changelog-preview code, .changelog-preview pre {
  border-radius: var(--alp-radius-control-sm);
  background: var(--alp-surface-sunken);
  font: var(--alp-type-data-size) / var(--alp-type-data-leading) var(--alp-font-mono);
}
.changelog-preview code {
  padding: 0.0625rem 0.3125rem;
}
.changelog-preview pre {
  overflow-x: auto;
  padding: 0.75rem 1rem;
}
.changelog-preview pre code {
  padding: 0;
  background: transparent;
}
.changelog-preview a {
  color: var(--alp-interactive-strong);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.changelog-preview a:hover {
  color: var(--alp-interactive-strong-hover);
}
.changelog-preview ul, .changelog-preview ol {
  margin-block: 0.75rem;
  padding-left: 1.5rem;
}
.changelog-preview ul {
  list-style: disc;
}
.changelog-preview ol {
  list-style: decimal;
}
.changelog-preview blockquote {
  margin-block: 0.75rem;
  border-left: 2px solid var(--alp-border-control);
  padding-left: 1rem;
  color: var(--alp-text-tertiary);
}
.changelog-preview img {
  max-width: 100%;
  border-radius: var(--alp-radius-structural);
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-500.woff2") format("woff2");
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-600.woff2") format("woff2");
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-700.woff2") format("woff2");
}
@font-face {
  font-family: "Open Runde";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/open-runde-400.woff2") format("woff2");
}
@font-face {
  font-family: "Open Runde";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/open-runde-500.woff2") format("woff2");
}
@font-face {
  font-family: "Open Runde";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/open-runde-600.woff2") format("woff2");
}
@font-face {
  font-family: "Open Runde";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/open-runde-700.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/geist-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/geist-sans-500.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/geist-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/geist-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/geist-mono-500.woff2") format("woff2");
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
@layer base {
  body {
    font-family: var(--alp-font-ui);
    color: var(--alp-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [data-public-shell], body:has([data-public-shell]) {
    font-family: var(--alp-font-public);
  }
  [data-public-shell] :where(h1, h2, h3), body:has([data-public-shell]) :where(h1, h2, h3) {
    font-family: var(--alp-font-display);
    letter-spacing: -0.02em;
  }
  [data-public-shell] :where(h1, h2, h3).font-public {
    font-family: var(--alp-font-public);
    letter-spacing: normal;
  }
  h1, h2, h3 {
    text-wrap: balance;
  }
  ::placeholder {
    color: var(--alp-text-tertiary);
    opacity: 1;
  }
  p, li {
    text-wrap: pretty;
  }
}
@layer utilities {
  .text-data, .text-metric {
    font-family: var(--alp-font-mono);
  }
  .text-caption {
    font-family: var(--alp-font-sans);
  }
}
::selection {
  background: var(--alp-accent-soft);
  color: var(--alp-text);
}
:root {
  caret-color: var(--alp-accent-strong);
}
.alp-ruler-track {
  position: relative;
  border-bottom: var(--alp-border-strong-width) solid var(--alp-border-strong);
  background-image: repeating-linear-gradient( to right, var(--alp-border-default) 0, var(--alp-border-default) 1px, transparent 1px, transparent 16px );
  background-position: 0 50%;
  background-size: auto 24px;
  background-repeat: repeat-x;
}
.alp-ruler-marker {
  position: absolute;
  bottom: -1px;
  width: 2px;
  height: 24px;
  background: var(--alp-interactive-strong);
}
.alp-ruler-marker[data-kind="incident"] {
  width: 8px;
  height: 8px;
  background: var(--alp-status-error);
}
.block-press {
  box-shadow: var(--alp-shadow-block);
  transition: box-shadow var(--alp-dur-fast) var(--alp-ease-out), translate var(--alp-dur-fast) var(--alp-ease-out);
}
.block-press:hover {
  box-shadow: var(--alp-shadow-block-sm);
  translate: 2px 2px;
}
.block-press:active {
  box-shadow: none;
  translate: 4px 4px;
}
mark {
  background: var(--alp-accent-soft);
  color: inherit;
  padding: 0 0.15em;
  border-radius: var(--alp-radius-sm);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.chart-untracked {
  background-color: var(--alp-surface-sunken);
}
.chart-in-progress {
  background-image: repeating-linear-gradient( 135deg, rgb(255 255 255 / 0.55) 0 3px, transparent 3px 7px );
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}