/* browser-fs:.melonbase/packages/a9-ds/src/site/header/site-header.css */
@layer components {
  [data-site-header-root] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-layout-gutter);
    min-block-size: var( --site-header-min-block-size, var(--size-control-height) );
    padding-block: var(--space-ctrl-pad);
    padding-inline: var(--space-layout-gutter);
    color: var(--color-shell-fg-prominent);
    transition:
      background var(--ix-duration-short) var(--ix-easing),
      border-color var(--ix-duration-short) var(--ix-easing),
      transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-site-header-root][data-layout=fixed]:not([data-transparent=true]) {
    border-block-end: var(--size-stroke-default) solid var(--color-shell-border);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
  [data-site-header-root][data-layout=floating] {
    margin-block-start: var(--space-surface-gap);
    margin-inline: var(--space-layout-gutter);
    border: var(--border-md) solid var(--color-shell-border);
    border-radius: var(--space-radius-container-md);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
  [data-site-header-root][data-transparent=true] {
    border-color: transparent;
    background: transparent;
    color: var(--color-content-fg-prominent);
  }
  [data-site-header-root][data-theme=light] {
    color-scheme: light;
  }
  [data-site-header-root][data-theme=dark] {
    color-scheme: dark;
  }
  [data-site-header-root][data-compact=true] {
    min-block-size: var(--size-control-height);
    padding-block: 0;
  }
  [data-site-header-root][data-hidden=true] {
    transform: translateY(calc(-100% - var(--space-layout-gutter)));
  }
  [data-site-header-brand],
  [data-site-header-actions] {
    display: flex;
    align-items: center;
  }
  [data-site-header-brand] {
    min-inline-size: 0;
  }
  [data-site-header-navigation] {
    display: none;
    align-items: center;
    justify-content: center;
  }
  [data-site-header-narrow] {
    display: contents;
  }
  [data-site-header-wide] {
    display: none;
  }
  [data-site-header-actions] {
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
  }
  @media (width >= 48rem) {
    [data-site-header-root] {
      grid-template-columns: 1fr auto 1fr;
    }
    [data-site-header-navigation] {
      display: flex;
    }
    [data-site-header-narrow] {
      display: none;
    }
    [data-site-header-wide] {
      display: contents;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-site-header-root] {
      transition: none;
    }
  }
}

/* browser-fs:.melonbase/packages/a9-ds/src/site/media/picture/picture.css */
@layer components {
  [data-media-picture] {
    display: block;
  }
  [data-media-picture-image] {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    object-position: var(--media-picture-focal-x, 50%) var(--media-picture-focal-y, 50%);
  }
}

/* browser-fs:.melonbase/packages/a9-ds/src/site/navigation/navigation.css */
@layer components {
  [data-site-navigation] {
    color: var(--color-control-fg);
    font-family: var(--type-body-family);
  }
  [data-site-navigation-list] {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  [data-site-navigation=flat] > [data-site-navigation-list],
  [data-site-navigation=dropdown] > [data-site-navigation-list],
  [data-site-navigation=mega] > [data-site-navigation-list],
  [data-site-navigation=breadcrumb] > [data-site-navigation-list] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-site-navigation-item] {
    position: relative;
  }
  [data-site-navigation-item] > a,
  [data-site-navigation-item] > button,
  [data-site-navigation-overview] > a,
  [data-site-navigation-drill-heading] > a {
    color: inherit;
    text-decoration: none;
  }
  [data-site-navigation-item] > a,
  [data-site-navigation-item] > button,
  [data-site-navigation-overview],
  [data-site-navigation-drill-heading] {
    display: flex;
    gap: var(--space-ctrl-gap-xs);
    padding: var(--space-ctrl-pad);
  }
  [data-site-navigation-item] > button,
  [data-site-navigation-back],
  [data-site-navigation-overlay-trigger],
  [data-site-navigation-overlay-header] button {
    border: 0;
    border-radius: var(--space-radius-container-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
  }
  [data-site-navigation-item] > :is(a, button):hover,
  [data-site-navigation-item] > :is(a, button):focus-visible {
    background: var(--ix-hover-bg);
  }
  [data-site-navigation-item] > :is(a, button):focus-visible,
  [data-site-navigation-back]:focus-visible,
  [data-site-navigation-overlay-trigger]:focus-visible,
  [data-site-navigation-overlay-header] button:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-site-navigation-item][data-state=current] > a,
  [data-site-navigation-item][data-state=ancestor] > button {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-site-navigation-description] {
    display: block;
    color: var(--color-control-fg-muted);
    font-size: var(--type-caption-2-size);
  }
  [data-site-navigation-separator] {
    border-block-start: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-site-navigation-panel],
  [data-site-navigation-mega-panel] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-navigation-menu-popup] {
    max-inline-size: calc(100vw - 2 * var(--space-layout-gutter));
  }
  [data-navigation-menu-viewport] {
    max-block-size: var(--available-height);
    overflow: auto;
    overscroll-behavior: contain;
  }
  [data-site-navigation-mega-panel] {
    --site-navigation-popup-viewport-gap: var(--space-ctrl-gap-sm);
    position: absolute;
    inset-block-start: calc(100% + var(--space-ctrl-gap-xs));
    inset-inline-start: 0;
    z-index: var(--overlay-z-nested);
    min-inline-size: min(var(--size-field-md), calc(100vw - 2 * var(--space-layout-gutter)));
    max-inline-size: calc(100vw - 2 * var(--space-layout-gutter));
    max-block-size: calc(100dvh - 2 * var(--space-layout-gutter));
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0;
    border: var(--border-sm) solid var(--color-content-border);
    border-radius: var(--space-radius-container-sm);
    background: var(--color-content-bg);
    box-shadow: 0 var(--space-ctrl-gap-xs) var(--space-surface-gap-xl) var(--color-effect-shadow-md);
    box-sizing: border-box;
    transform: translate(var(--site-navigation-popup-inline-offset, 0), var(--site-navigation-popup-block-offset, 0));
  }
  [data-site-navigation-mega-columns],
  [data-site-navigation=footer] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--size-field-md), 1fr));
    gap: var(--space-layout-gap);
  }
  [data-site-navigation-mega-content] {
    margin: var(--space-concentric-sm-sm);
    border-radius: var(--space-radius-child-sm);
    padding: var(--space-surface-pad-md);
    background: inherit;
  }
  [data-site-navigation-mega-panel] {
    inline-size: min(var(--size-content-xl), calc(100vw - 2 * var(--space-layout-gutter)));
  }
  [data-site-navigation-capacity=zero] {
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    pointer-events: none;
  }
  [data-site-navigation=mega] {
    position: relative;
  }
  [data-site-navigation=mega] > [data-site-navigation-list] > [data-site-navigation-item] {
    position: static;
  }
  [data-site-navigation=drilldown] {
    overflow: hidden;
  }
  [data-site-navigation=drilldown] [data-site-navigation-item] > button {
    inline-size: 100%;
    text-align: start;
  }
  [data-site-navigation-overlay-backdrop] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: stretch;
    z-index: var(--overlay-z-modal);
    background: var(--overlay-backdrop-bg);
  }
  [data-site-navigation-overlay] {
    overflow: auto;
    padding: var(--space-layout-gutter);
    background: var(--color-content-bg);
  }
  [data-site-navigation-overlay-header] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-layout-gap);
  }
  [data-site-navigation=footer] > div,
  [data-site-navigation-mega-columns] section {
    min-inline-size: 0;
  }
  [data-site-navigation=breadcrumb] [data-site-navigation-item]:not(:last-child)::after {
    content: "/";
    margin-inline-start: var(--space-ctrl-gap-sm);
    color: var(--color-control-fg-muted);
  }
  @media (prefers-reduced-motion: reduce) {
    [data-site-navigation] * {
      scroll-behavior: auto;
    }
  }
}

/* browser-fs:.melonbase/packages/a9-ds/src/site/section/page-layout.css */
@layer components {
  [data-page-layout-container] {
    --page-layout-gutter: var(--space-layout-gutter);
    --page-layout-width: var(--size-content-xl);
    position: relative;
    z-index: 1;
    inline-size: min(calc(100% - (2 * var(--page-layout-gutter))), var(--page-layout-width));
    margin-inline: auto;
  }
  [data-page-layout-container][data-width=full] {
    --page-layout-width: 100%;
    inline-size: 100%;
  }
  [data-page-layout-container][data-width=wide] {
    --page-layout-width: var(--size-content-2xl);
  }
  [data-page-layout-container][data-width=narrow] {
    --page-layout-width: var(--size-content-sm);
  }
  [data-page-layout-bleed] {
    position: relative;
    z-index: 1;
    inline-size: 100vi;
    max-inline-size: 100vi;
    margin-inline: calc(50% - 50vi);
  }
}

/* browser-fs:.melonbase/packages/a9-web-ds/src/site/section/section-geometry.css */
@layer components {
  [data-section-geometry] {
    --section-space: var(--space-layout-section);
    --section-overlap: var(--space-surface-pad-md);
    position: relative;
    z-index: 0;
    isolation: isolate;
    padding-block: var(--section-space);
    background-color: transparent;
    container-type: inline-size;
    container-name: a9-section;
  }
  [data-section-geometry][data-has-next-overlap] {
    z-index: 1;
    padding-block-end: 0;
  }
  [data-section-geometry][data-section-padding=none] {
    --section-space: 0;
  }
  [data-section-geometry][data-section-padding=sm] {
    --section-space: var(--space-layout-block);
  }
  [data-section-geometry][data-section-padding=lg] {
    --section-space: var(--space-layout-section-lg);
  }
  [data-section-geometry][data-section-width=fullbleed] > [data-page-layout-container] {
    box-sizing: border-box;
    padding-inline: var(--space-layout-gutter);
  }
  [data-section-geometry][data-theme=light] {
    color-scheme: light;
    color: var(--color-content-fg);
  }
  [data-section-geometry][data-theme=dark] {
    color-scheme: dark;
    color: var(--color-content-fg);
  }
  [data-section-geometry][data-section-background=surface] {
    background-color: var(--color-content-bg);
  }
  [data-section-geometry][data-section-background=muted] {
    background-color: var(--color-content-bg-muted);
  }
  [data-section-geometry][data-section-background=accent] {
    background-color: var(--color-content-bg-muted);
  }
  [data-section-background-layer] {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
  }
  [data-section-background-layer] > *,
  [data-section-background-layer] img,
  [data-section-background-layer] video {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  [data-section-geometry] > [data-section-overlap] {
    position: relative;
    z-index: 2;
  }
  [data-section-geometry] > [data-section-overlap][data-size=sm] {
    --section-overlap: var(--space-surface-pad);
  }
  [data-section-geometry] > [data-section-overlap][data-size=lg] {
    --section-overlap: var(--space-surface-pad-lg);
  }
  [data-section-geometry] > [data-section-overlap][data-direction=previous]:first-child {
    margin-block-start: calc(0px - var(--section-space) - var(--section-overlap));
  }
  [data-section-geometry] > [data-section-overlap][data-direction=next]:last-child {
    min-block-size: var(--section-overlap);
    margin-block-end: calc(0px - var(--section-overlap));
  }
}

/* browser-fs:.melonbase/packages/a9-web-ds/src/widgets/shells/site-footer/site-footer.css */
@layer components {
  [data-website-shell-footer] {
    padding-block: var(--space-layout-section);
    padding-inline: var(--space-layout-gutter);
    border-block-start: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
  }
  [data-website-shell-footer][data-theme=dark] {
    color-scheme: dark;
  }
  [data-website-shell-footer][data-background=transparent] {
    border-block-start-color: transparent;
    background: transparent;
  }
  [data-website-shell-footer][data-background=muted] {
    background: var(--color-content-bg-muted);
  }
  [data-website-shell-footer-grid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-website-shell-footer-primary],
  [data-website-shell-footer-brand],
  [data-website-shell-footer-cta],
  [data-website-shell-footer-organizations],
  [data-website-shell-footer-organization],
  [data-website-shell-footer-organization-details] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-brand-identity] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
  }
  [data-website-shell-footer-logo] {
    max-inline-size: 100%;
    block-size: auto;
  }
  [data-website-shell-footer-tagline],
  [data-website-shell-footer-cta-description] {
    margin: 0;
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-cta] > a {
    align-self: flex-start;
    padding: var(--space-ctrl-pad) var(--space-ctrl-pad-lg);
    border: 1px solid currentColor;
    text-decoration: none;
  }
  [data-website-shell-footer-organization-identity],
  [data-website-shell-footer-contact],
  [data-website-shell-footer-identifier],
  [data-website-shell-footer-location],
  [data-website-shell-footer-representative] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-detail-label],
  [data-website-shell-footer-organization-legal-name],
  [data-website-shell-footer-organization-legal-form] {
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-location] {
    font-style: normal;
  }
  [data-website-shell-footer-address-lines] {
    white-space: pre-line;
  }
  [data-website-shell-footer-navigation] {
    min-inline-size: 0;
  }
  [data-website-shell-footer-navigation] [data-site-navigation=footer] {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }
  [data-website-shell-footer-navigation] h2 {
    margin: 0 0 var(--space-ctrl-pad);
    font-size: var(--type-callout-size);
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list],
  [data-website-shell-footer-legal-links] {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list] {
    display: grid;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list] [data-site-navigation-list] {
    padding-inline-start: var(--space-ctrl-pad);
  }
  [data-website-shell-footer] a {
    color: inherit;
    text-underline-offset: 0.2em;
  }
  [data-website-shell-footer-legal] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
    padding-block-start: var(--space-layout-gap);
    border-block-start: 1px solid var(--color-content-border);
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-legal-links] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
  }
  [data-website-shell-footer][data-density=compact] {
    padding-block: var(--space-surface-pad);
  }
  [data-website-shell-footer][data-density=compact] [data-website-shell-footer-grid] {
    gap: var(--space-surface-gap);
    margin-block-end: var(--space-surface-gap);
  }
  [data-website-shell-footer][data-density=compact] [data-website-shell-footer-legal] {
    padding-block-start: var(--space-surface-gap);
  }
  @media (min-width: 48rem) {
    [data-website-shell-footer-grid] {
      grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr);
    }
    [data-website-shell-footer-organizations] {
      grid-column: 1 / -1;
    }
    [data-website-shell-footer][data-layout=minimal] [data-website-shell-footer-grid],
    [data-website-shell-footer][data-has-navigation=false] [data-website-shell-footer-grid] {
      grid-template-columns: minmax(0, 1fr);
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-layout-gutter);
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) [data-website-shell-footer-grid] {
      display: flex;
      align-items: center;
      flex: 1 1 auto;
      margin-block-end: 0;
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) [data-website-shell-footer-legal] {
      flex: 0 0 auto;
      padding-block-start: 0;
      border-block-start: 0;
    }
  }
}

/* browser-fs:.melonbase/packages/a9-web-ds/src/widgets/shells/site-shell.css */
@layer components {
  [data-site-shell-root] {
    --site-shell-safe-block-start: var(--safe-area-inset-top-ua);
    --site-shell-safe-block-end: var(--safe-area-inset-bottom-ua);
    --site-shell-safe-inline-start: var(--safe-area-inset-left-ua);
    --site-shell-safe-inline-end: var(--safe-area-inset-right-ua);
    --site-shell-announcement-size: 0;
    --site-shell-primary-header-size: 0;
    --site-shell-secondary-header-size: 0;
    --site-shell-bottom-bar-size: 0;
    --site-shell-announcement-active-size: 0;
    --site-shell-primary-header-active-size: 0;
    --site-shell-secondary-header-active-size: 0;
    --site-shell-bottom-bar-active-size: 0;
    --site-shell-announcement-fixed-size: 0;
    --site-shell-primary-header-fixed-size: 0;
    --site-shell-secondary-header-fixed-size: 0;
    --site-shell-bottom-bar-fixed-size: 0;
    --site-shell-announcement-flow-size: 0;
    --site-shell-primary-header-flow-size: 0;
    --site-shell-secondary-header-flow-size: 0;
    --site-shell-bottom-bar-flow-size: 0;
    --site-shell-top-size: calc( var(--site-shell-announcement-size) + var(--site-shell-primary-header-size) + var(--site-shell-secondary-header-size) );
    --site-shell-bottom-size: var(--site-shell-bottom-bar-size);
    --site-shell-top-inset: calc( var(--site-shell-announcement-fixed-size) + var(--site-shell-primary-header-fixed-size) + var(--site-shell-secondary-header-fixed-size) );
    --site-shell-bottom-inset: var(--site-shell-bottom-bar-fixed-size);
    --site-shell-top-scroll-padding: calc( var(--site-shell-announcement-active-size) + var(--site-shell-primary-header-active-size) + var(--site-shell-secondary-header-active-size) );
    --site-shell-bottom-scroll-padding: var( --site-shell-bottom-bar-active-size );
    --site-shell-flow-top-size: calc( var(--site-shell-announcement-flow-size) + var(--site-shell-primary-header-flow-size) + var(--site-shell-secondary-header-flow-size) );
    --site-shell-flow-bottom-size: var(--site-shell-bottom-bar-flow-size);
    --site-shell-announcement-offset: 0;
    --site-shell-primary-header-offset: var( --site-shell-announcement-active-size );
    --site-shell-secondary-header-offset: calc( var(--site-shell-announcement-active-size) + var(--site-shell-primary-header-active-size) );
    box-sizing: border-box;
    isolation: isolate;
    min-block-size: 100dvh;
    padding-block: var(--site-shell-safe-block-start) var(--site-shell-safe-block-end);
    padding-inline: var(--site-shell-safe-inline-start) var(--site-shell-safe-inline-end);
    position: relative;
  }
  [data-site-shell-root]:dir(rtl) {
    --site-shell-safe-inline-start: var(--safe-area-inset-right-ua);
    --site-shell-safe-inline-end: var(--safe-area-inset-left-ua);
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement]) {
    --site-shell-announcement-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header]) {
    --site-shell-primary-header-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header]) {
    --site-shell-secondary-header-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar]) {
    --site-shell-bottom-bar-size: var(--site-shell-fallback-bottom-bar-size);
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position]:not([data-position=flow])) {
    --site-shell-announcement-active-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position]:not([data-position=flow])) {
    --site-shell-primary-header-active-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position]:not([data-position=flow])) {
    --site-shell-secondary-header-active-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position]:not([data-position=flow])) {
    --site-shell-bottom-bar-active-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position=fixed]) {
    --site-shell-announcement-fixed-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position=fixed]) {
    --site-shell-primary-header-fixed-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position=fixed]) {
    --site-shell-secondary-header-fixed-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position=fixed]) {
    --site-shell-bottom-bar-fixed-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position]:not([data-position=fixed])) {
    --site-shell-announcement-flow-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position]:not([data-position=fixed])) {
    --site-shell-primary-header-flow-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position]:not([data-position=fixed])) {
    --site-shell-secondary-header-flow-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position]:not([data-position=fixed])) {
    --site-shell-bottom-bar-flow-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root][data-safe-area=disabled] {
    --site-shell-safe-block-start: 0;
    --site-shell-safe-block-end: 0;
    --site-shell-safe-inline-start: 0;
    --site-shell-safe-inline-end: 0;
  }
  [data-site-shell-bar] {
    box-sizing: border-box;
  }
  [data-site-shell-bar][data-position=sticky],
  [data-site-shell-bar][data-position=fixed] {
    z-index: var(--site-shell-region-stack);
  }
  [data-site-shell-bar][data-position=sticky] {
    position: sticky;
  }
  [data-site-shell-bar][data-position=fixed] {
    inset-inline: var(--site-shell-safe-inline-start) var(--site-shell-safe-inline-end);
    position: fixed;
  }
  [data-site-shell-bar][data-region=announcement] {
    --site-shell-region-offset: var(--site-shell-announcement-offset);
    --site-shell-region-stack: var(--site-shell-z-announcement);
  }
  [data-site-shell-bar][data-region=primary-header] {
    --site-shell-region-offset: var(--site-shell-primary-header-offset);
    --site-shell-region-stack: var(--site-shell-z-primary-header);
  }
  [data-site-shell-bar][data-region=secondary-header] {
    --site-shell-region-offset: var(--site-shell-secondary-header-offset);
    --site-shell-region-stack: var(--site-shell-z-secondary-header);
  }
  [data-site-shell-bar]:not([data-region=bottom-bar])[data-position=sticky],
  [data-site-shell-bar]:not([data-region=bottom-bar])[data-position=fixed] {
    inset-block-start: calc(var(--site-shell-safe-block-start) + var(--site-shell-region-offset));
  }
  [data-site-shell-bar][data-region=bottom-bar] {
    --site-shell-region-stack: var(--site-shell-z-bottom-bar);
  }
  [data-site-shell-bar][data-region=bottom-bar][data-position=sticky],
  [data-site-shell-bar][data-region=bottom-bar][data-position=fixed] {
    inset-block-end: var(--site-shell-safe-block-end);
  }
  [data-site-shell-content] {
    --site-shell-content-foreground-block-start: 0;
    --site-shell-content-foreground-block-end: 0;
    box-sizing: border-box;
    min-block-size: calc(100dvh - var(--site-shell-safe-block-start) - var(--site-shell-safe-block-end) - var(--site-shell-flow-top-size) - var(--site-shell-flow-bottom-size));
    padding-block-start: var(--site-shell-top-inset);
    padding-block-end: var(--site-shell-bottom-inset);
    position: relative;
    scroll-padding-block: var(--site-shell-top-scroll-padding) var(--site-shell-bottom-scroll-padding);
    z-index: var(--site-shell-z-content);
  }
  [data-site-shell-content][data-underlay=top],
  [data-site-shell-content][data-underlay=both] {
    --site-shell-content-foreground-block-start: var(--site-shell-top-inset);
    padding-block-start: 0;
  }
  [data-site-shell-content][data-underlay=bottom],
  [data-site-shell-content][data-underlay=both] {
    --site-shell-content-foreground-block-end: var(--site-shell-bottom-inset);
    padding-block-end: 0;
  }
  [data-site-shell-content] :where([id]) {
    scroll-margin-block-start: calc(var(--site-shell-safe-block-start) + var(--site-shell-top-scroll-padding));
    scroll-margin-block-end: calc(var(--site-shell-safe-block-end) + var(--site-shell-bottom-scroll-padding));
  }
  [data-site-shell-portal-target] {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: var(--site-shell-z-portal);
  }
  [data-site-shell-portal-layer] {
    inset: 0;
    pointer-events: none;
    position: absolute;
  }
  [data-site-shell-portal-layer=popup] {
    z-index: var(--overlay-z);
  }
  [data-site-shell-portal-layer=nested] {
    z-index: var(--overlay-z-nested);
  }
  [data-site-shell-portal-layer=modal] {
    z-index: var(--overlay-z-modal);
  }
  [data-site-shell-portal-layer] > * {
    pointer-events: auto;
  }
}

/* browser-fs:.melonbase/packages/a9-web-ds/src/widgets/shells/site-header/site-header.css */
@layer components {
  [data-website-shell-header] {
    inline-size: 100%;
  }
  [data-website-shell-header][data-position=sticky] {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--site-shell-z-primary-header, 10);
  }
  [data-website-shell-header][data-position=fixed] {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: var(--site-shell-z-primary-header, 10);
  }
  [data-website-shell-header] > [data-site-header-root] {
    border-block-end: var(--size-stroke-default) solid var(--color-shell-border);
    background: var(--color-shell-bg);
  }
  [data-website-shell-header] [data-website-shell-header-brand],
  [data-website-shell-header] [data-website-shell-header-actions] a {
    color: inherit;
    text-decoration: none;
  }
  [data-website-shell-header] [data-site-header-brand-image] {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
  }
  [data-website-shell-header] [data-website-shell-header-brand-compact] {
    display: none;
  }
  [data-website-shell-header] [data-site-header-root][data-compact=true] [data-website-shell-header-brand][data-has-compact-logo=true] [data-website-shell-header-brand-default] {
    display: none;
  }
  [data-website-shell-header] [data-site-header-root][data-compact=true] [data-website-shell-header-brand-compact] {
    display: block;
  }
  [data-website-shell-header-desktop-navigation] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [data-website-shell-header] [data-site-header-actions],
  [data-website-shell-header-actions] {
    gap: var(--space-ctrl-pad);
  }
  [data-website-shell-header-actions] {
    display: flex;
    align-items: center;
  }
  [data-website-shell-header-graph-actions] {
    display: block;
  }
  [data-website-shell-header-actions] > [data-emphasis=primary] {
    padding: var(--space-ctrl-pad) var(--space-ctrl-pad-lg);
    border-radius: var(--space-radius-container-sm);
    background: var(--color-content-bg-muted);
    color: var(--color-shell-fg-prominent);
  }
}

/* browser-fs:.melonbase/packages/a9-ds/tokens.css */
@layer theme, base, components, a9, utilities, a9-override, app;
:root,
[data-color-base-preset=default] {
  --p-neutral-0: oklch(1 0 0);
  --p-neutral-50: oklch(0.985 0 0);
  --p-neutral-100: oklch(0.97 0 0);
  --p-neutral-150: oklch(0.946 0 0);
  --p-neutral-200: oklch(0.922 0 0);
  --p-neutral-250: oklch(0.896 0 0);
  --p-neutral-300: oklch(0.87 0 0);
  --p-neutral-350: oklch(0.789 0 0);
  --p-neutral-400: oklch(0.708 0 0);
  --p-neutral-450: oklch(0.632 0 0);
  --p-neutral-500: oklch(0.556 0 0);
  --p-neutral-550: oklch(0.497 0 0);
  --p-neutral-600: oklch(0.439 0 0);
  --p-neutral-650: oklch(0.405 0 0);
  --p-neutral-700: oklch(0.371 0 0);
  --p-neutral-750: oklch(0.32 0 0);
  --p-neutral-800: oklch(0.269 0 0);
  --p-neutral-850: oklch(0.22 0 0);
  --p-neutral-900: oklch(0.205 0 0);
  --p-neutral-950: oklch(0.145 0 0);
  --p-neutral-1000: oklch(0 0 0);
  --p-yellow-attention: oklch(0.91 0.085 90);
  --p-brand-0: oklch(0.985 0.012 255);
  --p-brand-50: oklch(0.965 0.025 255);
  --p-brand-100: oklch(0.94 0.04 255);
  --p-brand-150: oklch(0.91 0.055 255);
  --p-brand-200: oklch(0.86 0.075 255);
  --p-brand-250: oklch(0.8 0.095 255);
  --p-brand-300: oklch(0.74 0.115 255);
  --p-brand-350: oklch(0.68 0.135 255);
  --p-brand-400: oklch(0.62 0.155 255);
  --p-brand-450: oklch(0.56 0.17 255);
  --p-brand-500: oklch(0.5 0.18 255);
  --p-brand-550: oklch(0.455 0.175 255);
  --p-brand-600: oklch(0.41 0.17 255);
  --p-brand-650: oklch(0.365 0.16 255);
  --p-brand-700: oklch(0.325 0.145 255);
  --p-brand-750: oklch(0.285 0.13 255);
  --p-brand-800: oklch(0.245 0.115 255);
  --p-brand-850: oklch(0.21 0.095 255);
  --p-brand-900: oklch(0.175 0.075 255);
  --p-brand-950: oklch(0.14 0.055 255);
  --p-brand-1000: oklch(0.105 0.035 255);
  --p-subbrand-0: oklch(0.985 0.012 125);
  --p-subbrand-50: oklch(0.965 0.02 125);
  --p-subbrand-100: oklch(0.935 0.035 125);
  --p-subbrand-150: oklch(0.895 0.045 125);
  --p-subbrand-200: oklch(0.845 0.055 125);
  --p-subbrand-250: oklch(0.785 0.065 125);
  --p-subbrand-300: oklch(0.725 0.075 125);
  --p-subbrand-350: oklch(0.665 0.085 125);
  --p-subbrand-400: oklch(0.605 0.095 125);
  --p-subbrand-450: oklch(0.545 0.105 125);
  --p-subbrand-500: oklch(0.485 0.11 125);
  --p-subbrand-550: oklch(0.445 0.105 125);
  --p-subbrand-600: oklch(0.405 0.1 125);
  --p-subbrand-650: oklch(0.365 0.095 125);
  --p-subbrand-700: oklch(0.325 0.085 125);
  --p-subbrand-750: oklch(0.285 0.075 125);
  --p-subbrand-800: oklch(0.245 0.065 125);
  --p-subbrand-850: oklch(0.21 0.055 125);
  --p-subbrand-900: oklch(0.175 0.045 125);
  --p-subbrand-950: oklch(0.14 0.035 125);
  --p-subbrand-1000: oklch(0.105 0.025 125);
  --p-0-a10: oklch(1 0 0 / 10%);
  --p-0-a15: oklch(1 0 0 / 15%);
  --p-0-a20: oklch(1 0 0 / 20%);
  --p-0-a28: oklch(1 0 0 / 28%);
  --p-0-a40: oklch(1 0 0 / 40%);
  --p-0-a60: oklch(1 0 0 / 60%);
  --p-black-a8: rgb(0 0 0 / 0.08);
  --p-black-a12: rgb(0 0 0 / 0.12);
  --p-black-a16: rgb(0 0 0 / 0.16);
  --p-black-a40: rgb(0 0 0 / 0.4);
  --p-black-a88: rgb(0 0 0 / 0.88);
  --p-red-0: oklch(0.985 0.012 26);
  --p-red-50: oklch(0.97 0.02 26);
  --p-red-100: oklch(0.953 0.03 26);
  --p-red-150: oklch(0.937 0.04 26);
  --p-red-200: oklch(0.92 0.05 26);
  --p-red-250: oklch(0.875 0.07 26);
  --p-red-300: oklch(0.83 0.09 26);
  --p-red-350: oklch(0.785 0.11 26);
  --p-red-400: oklch(0.74 0.13 26);
  --p-red-450: oklch(0.66 0.175 26);
  --p-red-500: oklch(0.58 0.22 26);
  --p-red-550: oklch(0.543 0.213 26);
  --p-red-600: oklch(0.507 0.207 26);
  --p-red-650: oklch(0.47 0.2 26);
  --p-red-700: oklch(0.413 0.173 26);
  --p-red-750: oklch(0.357 0.147 26);
  --p-red-800: oklch(0.3 0.12 26);
  --p-red-850: oklch(0.255 0.1 26);
  --p-red-900: oklch(0.21 0.08 26);
  --p-red-950: oklch(0.165 0.06 26);
  --p-red-1000: oklch(0.12 0.04 26);
  --p-orange-0: oklch(0.985 0.012 55);
  --p-orange-50: oklch(0.97 0.02 55);
  --p-orange-100: oklch(0.953 0.03 55);
  --p-orange-150: oklch(0.937 0.04 55);
  --p-orange-200: oklch(0.92 0.05 55);
  --p-orange-250: oklch(0.875 0.07 55);
  --p-orange-300: oklch(0.83 0.09 55);
  --p-orange-350: oklch(0.785 0.11 55);
  --p-orange-400: oklch(0.74 0.13 55);
  --p-orange-450: oklch(0.67 0.165 55);
  --p-orange-500: oklch(0.6 0.2 55);
  --p-orange-550: oklch(0.553 0.19 55);
  --p-orange-600: oklch(0.507 0.18 55);
  --p-orange-650: oklch(0.46 0.17 55);
  --p-orange-700: oklch(0.407 0.15 55);
  --p-orange-750: oklch(0.353 0.13 55);
  --p-orange-800: oklch(0.3 0.11 55);
  --p-orange-850: oklch(0.255 0.091 55);
  --p-orange-900: oklch(0.21 0.073 55);
  --p-orange-950: oklch(0.165 0.054 55);
  --p-orange-1000: oklch(0.12 0.035 55);
  --p-yellow-0: oklch(0.985 0.012 90);
  --p-yellow-50: oklch(0.97 0.02 90);
  --p-yellow-100: oklch(0.96 0.03 90);
  --p-yellow-150: oklch(0.95 0.04 90);
  --p-yellow-200: oklch(0.94 0.05 90);
  --p-yellow-250: oklch(0.925 0.068 90);
  --p-yellow-300: oklch(0.91 0.085 90);
  --p-yellow-350: oklch(0.895 0.102 90);
  --p-yellow-400: oklch(0.88 0.12 90);
  --p-yellow-450: oklch(0.84 0.145 90);
  --p-yellow-500: oklch(0.8 0.17 90);
  --p-yellow-550: oklch(0.68 0.147 90);
  --p-yellow-600: oklch(0.56 0.123 90);
  --p-yellow-650: oklch(0.44 0.1 90);
  --p-yellow-700: oklch(0.387 0.087 90);
  --p-yellow-750: oklch(0.333 0.073 90);
  --p-yellow-800: oklch(0.28 0.06 90);
  --p-yellow-850: oklch(0.24 0.051 90);
  --p-yellow-900: oklch(0.2 0.042 90);
  --p-yellow-950: oklch(0.16 0.034 90);
  --p-yellow-1000: oklch(0.12 0.025 90);
  --p-green-0: oklch(0.985 0.012 145);
  --p-green-50: oklch(0.97 0.02 145);
  --p-green-100: oklch(0.95 0.03 145);
  --p-green-150: oklch(0.93 0.04 145);
  --p-green-200: oklch(0.91 0.05 145);
  --p-green-250: oklch(0.863 0.07 145);
  --p-green-300: oklch(0.815 0.09 145);
  --p-green-350: oklch(0.767 0.11 145);
  --p-green-400: oklch(0.72 0.13 145);
  --p-green-450: oklch(0.65 0.155 145);
  --p-green-500: oklch(0.58 0.18 145);
  --p-green-550: oklch(0.54 0.173 145);
  --p-green-600: oklch(0.5 0.167 145);
  --p-green-650: oklch(0.46 0.16 145);
  --p-green-700: oklch(0.403 0.137 145);
  --p-green-750: oklch(0.347 0.113 145);
  --p-green-800: oklch(0.29 0.09 145);
  --p-green-850: oklch(0.247 0.075 145);
  --p-green-900: oklch(0.205 0.06 145);
  --p-green-950: oklch(0.162 0.045 145);
  --p-green-1000: oklch(0.12 0.03 145);
  --p-teal-0: oklch(0.985 0.012 170);
  --p-teal-50: oklch(0.97 0.02 170);
  --p-teal-100: oklch(0.95 0.03 170);
  --p-teal-150: oklch(0.93 0.04 170);
  --p-teal-200: oklch(0.91 0.05 170);
  --p-teal-250: oklch(0.863 0.068 170);
  --p-teal-300: oklch(0.815 0.085 170);
  --p-teal-350: oklch(0.767 0.102 170);
  --p-teal-400: oklch(0.72 0.12 170);
  --p-teal-450: oklch(0.65 0.14 170);
  --p-teal-500: oklch(0.58 0.16 170);
  --p-teal-550: oklch(0.54 0.157 170);
  --p-teal-600: oklch(0.5 0.153 170);
  --p-teal-650: oklch(0.46 0.15 170);
  --p-teal-700: oklch(0.403 0.13 170);
  --p-teal-750: oklch(0.347 0.11 170);
  --p-teal-800: oklch(0.29 0.09 170);
  --p-teal-850: oklch(0.247 0.075 170);
  --p-teal-900: oklch(0.205 0.06 170);
  --p-teal-950: oklch(0.162 0.045 170);
  --p-teal-1000: oklch(0.12 0.03 170);
  --p-cyan-0: oklch(0.985 0.012 195);
  --p-cyan-50: oklch(0.97 0.02 195);
  --p-cyan-100: oklch(0.95 0.03 195);
  --p-cyan-150: oklch(0.93 0.04 195);
  --p-cyan-200: oklch(0.91 0.05 195);
  --p-cyan-250: oklch(0.868 0.068 195);
  --p-cyan-300: oklch(0.825 0.085 195);
  --p-cyan-350: oklch(0.782 0.102 195);
  --p-cyan-400: oklch(0.74 0.12 195);
  --p-cyan-450: oklch(0.67 0.14 195);
  --p-cyan-500: oklch(0.6 0.16 195);
  --p-cyan-550: oklch(0.557 0.157 195);
  --p-cyan-600: oklch(0.513 0.153 195);
  --p-cyan-650: oklch(0.47 0.15 195);
  --p-cyan-700: oklch(0.41 0.13 195);
  --p-cyan-750: oklch(0.35 0.11 195);
  --p-cyan-800: oklch(0.29 0.09 195);
  --p-cyan-850: oklch(0.247 0.075 195);
  --p-cyan-900: oklch(0.205 0.06 195);
  --p-cyan-950: oklch(0.162 0.045 195);
  --p-cyan-1000: oklch(0.12 0.03 195);
  --p-blue-0: oklch(0.985 0.012 260);
  --p-blue-50: oklch(0.97 0.02 260);
  --p-blue-100: oklch(0.95 0.033 260);
  --p-blue-150: oklch(0.93 0.047 260);
  --p-blue-200: oklch(0.91 0.06 260);
  --p-blue-250: oklch(0.865 0.08 260);
  --p-blue-300: oklch(0.82 0.1 260);
  --p-blue-350: oklch(0.775 0.12 260);
  --p-blue-400: oklch(0.73 0.14 260);
  --p-blue-450: oklch(0.665 0.18 260);
  --p-blue-500: oklch(0.6 0.22 260);
  --p-blue-550: oklch(0.56 0.213 260);
  --p-blue-600: oklch(0.52 0.207 260);
  --p-blue-650: oklch(0.48 0.2 260);
  --p-blue-700: oklch(0.42 0.177 260);
  --p-blue-750: oklch(0.36 0.153 260);
  --p-blue-800: oklch(0.3 0.13 260);
  --p-blue-850: oklch(0.255 0.108 260);
  --p-blue-900: oklch(0.21 0.085 260);
  --p-blue-950: oklch(0.165 0.063 260);
  --p-blue-1000: oklch(0.12 0.04 260);
  --p-purple-0: oklch(0.985 0.012 300);
  --p-purple-50: oklch(0.97 0.02 300);
  --p-purple-100: oklch(0.953 0.03 300);
  --p-purple-150: oklch(0.937 0.04 300);
  --p-purple-200: oklch(0.92 0.05 300);
  --p-purple-250: oklch(0.873 0.07 300);
  --p-purple-300: oklch(0.825 0.09 300);
  --p-purple-350: oklch(0.777 0.11 300);
  --p-purple-400: oklch(0.73 0.13 300);
  --p-purple-450: oklch(0.665 0.165 300);
  --p-purple-500: oklch(0.6 0.2 300);
  --p-purple-550: oklch(0.557 0.193 300);
  --p-purple-600: oklch(0.513 0.187 300);
  --p-purple-650: oklch(0.47 0.18 300);
  --p-purple-700: oklch(0.413 0.16 300);
  --p-purple-750: oklch(0.357 0.14 300);
  --p-purple-800: oklch(0.3 0.12 300);
  --p-purple-850: oklch(0.255 0.099 300);
  --p-purple-900: oklch(0.21 0.077 300);
  --p-purple-950: oklch(0.165 0.056 300);
  --p-purple-1000: oklch(0.12 0.035 300);
  --p-pink-0: oklch(0.985 0.012 350);
  --p-pink-50: oklch(0.97 0.02 350);
  --p-pink-100: oklch(0.953 0.03 350);
  --p-pink-150: oklch(0.937 0.04 350);
  --p-pink-200: oklch(0.92 0.05 350);
  --p-pink-250: oklch(0.875 0.07 350);
  --p-pink-300: oklch(0.83 0.09 350);
  --p-pink-350: oklch(0.785 0.11 350);
  --p-pink-400: oklch(0.74 0.13 350);
  --p-pink-450: oklch(0.67 0.17 350);
  --p-pink-500: oklch(0.6 0.21 350);
  --p-pink-550: oklch(0.557 0.203 350);
  --p-pink-600: oklch(0.513 0.197 350);
  --p-pink-650: oklch(0.47 0.19 350);
  --p-pink-700: oklch(0.413 0.167 350);
  --p-pink-750: oklch(0.357 0.143 350);
  --p-pink-800: oklch(0.3 0.12 350);
  --p-pink-850: oklch(0.255 0.1 350);
  --p-pink-900: oklch(0.21 0.08 350);
  --p-pink-950: oklch(0.165 0.06 350);
  --p-pink-1000: oklch(0.12 0.04 350);
}
.dark,
.dark [data-color-base-preset=default],
[data-theme=dark][data-color-base-preset=default] {
  --p-brand-0: oklch(0.985 0.012 255);
  --p-brand-50: oklch(0.965 0.025 255);
  --p-brand-100: oklch(0.94 0.04 255);
  --p-brand-150: oklch(0.91 0.055 255);
  --p-brand-200: oklch(0.86 0.075 255);
  --p-brand-250: oklch(0.8 0.095 255);
  --p-brand-300: oklch(0.74 0.115 255);
  --p-brand-350: oklch(0.68 0.135 255);
  --p-brand-400: oklch(0.62 0.155 255);
  --p-brand-450: oklch(0.56 0.17 255);
  --p-brand-500: oklch(0.5 0.18 255);
  --p-brand-550: oklch(0.455 0.175 255);
  --p-brand-600: oklch(0.41 0.17 255);
  --p-brand-650: oklch(0.365 0.16 255);
  --p-brand-700: oklch(0.325 0.145 255);
  --p-brand-750: oklch(0.285 0.13 255);
  --p-brand-800: oklch(0.245 0.115 255);
  --p-brand-850: oklch(0.21 0.095 255);
  --p-brand-900: oklch(0.175 0.075 255);
  --p-brand-950: oklch(0.14 0.055 255);
  --p-brand-1000: oklch(0.105 0.035 255);
  --p-subbrand-0: oklch(0.985 0.012 125);
  --p-subbrand-50: oklch(0.965 0.02 125);
  --p-subbrand-100: oklch(0.935 0.035 125);
  --p-subbrand-150: oklch(0.895 0.045 125);
  --p-subbrand-200: oklch(0.845 0.055 125);
  --p-subbrand-250: oklch(0.785 0.065 125);
  --p-subbrand-300: oklch(0.725 0.075 125);
  --p-subbrand-350: oklch(0.665 0.085 125);
  --p-subbrand-400: oklch(0.605 0.095 125);
  --p-subbrand-450: oklch(0.545 0.105 125);
  --p-subbrand-500: oklch(0.485 0.11 125);
  --p-subbrand-550: oklch(0.445 0.105 125);
  --p-subbrand-600: oklch(0.405 0.1 125);
  --p-subbrand-650: oklch(0.365 0.095 125);
  --p-subbrand-700: oklch(0.325 0.085 125);
  --p-subbrand-750: oklch(0.285 0.075 125);
  --p-subbrand-800: oklch(0.245 0.065 125);
  --p-subbrand-850: oklch(0.21 0.055 125);
  --p-subbrand-900: oklch(0.175 0.045 125);
  --p-subbrand-950: oklch(0.14 0.035 125);
  --p-subbrand-1000: oklch(0.105 0.025 125);
  --p-red-0: oklch(0.12 0.03 26);
  --p-red-50: oklch(0.17 0.04 26);
  --p-red-100: oklch(0.2 0.05 26);
  --p-red-150: oklch(0.23 0.06 26);
  --p-red-200: oklch(0.26 0.07 26);
  --p-red-250: oklch(0.32 0.088 26);
  --p-red-300: oklch(0.38 0.105 26);
  --p-red-350: oklch(0.44 0.16 26);
  --p-red-400: oklch(0.5 0.2 26);
  --p-red-450: oklch(0.554 0.205 26);
  --p-red-500: oklch(0.608 0.21 26);
  --p-red-550: oklch(0.662 0.195 26);
  --p-red-600: oklch(0.716 0.18 26);
  --p-red-650: oklch(0.77 0.16 26);
  --p-red-700: oklch(0.823 0.113 26);
  --p-red-750: oklch(0.877 0.087 26);
  --p-red-800: oklch(0.93 0.06 26);
  --p-red-850: oklch(0.944 0.048 26);
  --p-red-900: oklch(0.958 0.036 26);
  --p-red-950: oklch(0.971 0.024 26);
  --p-red-1000: oklch(0.985 0.012 26);
  --p-orange-0: oklch(0.12 0.03 55);
  --p-orange-50: oklch(0.18 0.04 55);
  --p-orange-100: oklch(0.21 0.05 55);
  --p-orange-150: oklch(0.24 0.06 55);
  --p-orange-200: oklch(0.27 0.07 55);
  --p-orange-250: oklch(0.328 0.088 55);
  --p-orange-300: oklch(0.385 0.105 55);
  --p-orange-350: oklch(0.443 0.123 55);
  --p-orange-400: oklch(0.5 0.14 55);
  --p-orange-450: oklch(0.554 0.138 55);
  --p-orange-500: oklch(0.608 0.136 55);
  --p-orange-550: oklch(0.662 0.134 55);
  --p-orange-600: oklch(0.716 0.132 55);
  --p-orange-650: oklch(0.77 0.13 55);
  --p-orange-700: oklch(0.823 0.103 55);
  --p-orange-750: oklch(0.877 0.077 55);
  --p-orange-800: oklch(0.93 0.05 55);
  --p-orange-850: oklch(0.944 0.041 55);
  --p-orange-900: oklch(0.958 0.031 55);
  --p-orange-950: oklch(0.971 0.021 55);
  --p-orange-1000: oklch(0.985 0.012 55);
  --p-yellow-0: oklch(0.12 0.025 90);
  --p-yellow-50: oklch(0.18 0.03 90);
  --p-yellow-100: oklch(0.213 0.037 90);
  --p-yellow-150: oklch(0.247 0.043 90);
  --p-yellow-200: oklch(0.28 0.05 90);
  --p-yellow-250: oklch(0.35 0.063 90);
  --p-yellow-300: oklch(0.42 0.075 90);
  --p-yellow-350: oklch(0.49 0.088 90);
  --p-yellow-400: oklch(0.56 0.1 90);
  --p-yellow-450: oklch(0.612 0.108 90);
  --p-yellow-500: oklch(0.664 0.116 90);
  --p-yellow-550: oklch(0.716 0.124 90);
  --p-yellow-600: oklch(0.768 0.132 90);
  --p-yellow-650: oklch(0.82 0.14 90);
  --p-yellow-700: oklch(0.863 0.113 90);
  --p-yellow-750: oklch(0.907 0.087 90);
  --p-yellow-800: oklch(0.95 0.06 90);
  --p-yellow-850: oklch(0.959 0.048 90);
  --p-yellow-900: oklch(0.968 0.036 90);
  --p-yellow-950: oklch(0.976 0.024 90);
  --p-yellow-1000: oklch(0.985 0.012 90);
  --p-green-0: oklch(0.12 0.03 145);
  --p-green-50: oklch(0.17 0.04 145);
  --p-green-100: oklch(0.203 0.05 145);
  --p-green-150: oklch(0.237 0.06 145);
  --p-green-200: oklch(0.27 0.07 145);
  --p-green-250: oklch(0.325 0.085 145);
  --p-green-300: oklch(0.38 0.1 145);
  --p-green-350: oklch(0.435 0.115 145);
  --p-green-400: oklch(0.49 0.13 145);
  --p-green-450: oklch(0.546 0.132 145);
  --p-green-500: oklch(0.602 0.134 145);
  --p-green-550: oklch(0.658 0.136 145);
  --p-green-600: oklch(0.714 0.138 145);
  --p-green-650: oklch(0.77 0.14 145);
  --p-green-700: oklch(0.823 0.113 145);
  --p-green-750: oklch(0.877 0.087 145);
  --p-green-800: oklch(0.93 0.06 145);
  --p-green-850: oklch(0.944 0.048 145);
  --p-green-900: oklch(0.958 0.036 145);
  --p-green-950: oklch(0.971 0.024 145);
  --p-green-1000: oklch(0.985 0.012 145);
  --p-teal-0: oklch(0.12 0.03 170);
  --p-teal-50: oklch(0.17 0.04 170);
  --p-teal-100: oklch(0.203 0.05 170);
  --p-teal-150: oklch(0.237 0.06 170);
  --p-teal-200: oklch(0.27 0.07 170);
  --p-teal-250: oklch(0.325 0.083 170);
  --p-teal-300: oklch(0.38 0.095 170);
  --p-teal-350: oklch(0.435 0.107 170);
  --p-teal-400: oklch(0.49 0.12 170);
  --p-teal-450: oklch(0.546 0.122 170);
  --p-teal-500: oklch(0.602 0.124 170);
  --p-teal-550: oklch(0.658 0.126 170);
  --p-teal-600: oklch(0.714 0.128 170);
  --p-teal-650: oklch(0.77 0.13 170);
  --p-teal-700: oklch(0.823 0.103 170);
  --p-teal-750: oklch(0.877 0.077 170);
  --p-teal-800: oklch(0.93 0.05 170);
  --p-teal-850: oklch(0.944 0.041 170);
  --p-teal-900: oklch(0.958 0.031 170);
  --p-teal-950: oklch(0.971 0.021 170);
  --p-teal-1000: oklch(0.985 0.012 170);
  --p-cyan-0: oklch(0.12 0.025 195);
  --p-cyan-50: oklch(0.17 0.03 195);
  --p-cyan-100: oklch(0.203 0.04 195);
  --p-cyan-150: oklch(0.237 0.05 195);
  --p-cyan-200: oklch(0.27 0.06 195);
  --p-cyan-250: oklch(0.328 0.075 195);
  --p-cyan-300: oklch(0.385 0.09 195);
  --p-cyan-350: oklch(0.443 0.105 195);
  --p-cyan-400: oklch(0.5 0.12 195);
  --p-cyan-450: oklch(0.556 0.12 195);
  --p-cyan-500: oklch(0.612 0.12 195);
  --p-cyan-550: oklch(0.668 0.12 195);
  --p-cyan-600: oklch(0.724 0.12 195);
  --p-cyan-650: oklch(0.78 0.12 195);
  --p-cyan-700: oklch(0.83 0.097 195);
  --p-cyan-750: oklch(0.88 0.073 195);
  --p-cyan-800: oklch(0.93 0.05 195);
  --p-cyan-850: oklch(0.944 0.041 195);
  --p-cyan-900: oklch(0.958 0.031 195);
  --p-cyan-950: oklch(0.971 0.021 195);
  --p-cyan-1000: oklch(0.985 0.012 195);
  --p-blue-0: oklch(0.12 0.03 260);
  --p-blue-50: oklch(0.18 0.04 260);
  --p-blue-100: oklch(0.21 0.053 260);
  --p-blue-150: oklch(0.24 0.067 260);
  --p-blue-200: oklch(0.27 0.08 260);
  --p-blue-250: oklch(0.33 0.098 260);
  --p-blue-300: oklch(0.39 0.115 260);
  --p-blue-350: oklch(0.45 0.133 260);
  --p-blue-400: oklch(0.51 0.15 260);
  --p-blue-450: oklch(0.562 0.148 260);
  --p-blue-500: oklch(0.614 0.146 260);
  --p-blue-550: oklch(0.666 0.144 260);
  --p-blue-600: oklch(0.718 0.142 260);
  --p-blue-650: oklch(0.77 0.14 260);
  --p-blue-700: oklch(0.823 0.113 260);
  --p-blue-750: oklch(0.877 0.087 260);
  --p-blue-800: oklch(0.93 0.06 260);
  --p-blue-850: oklch(0.944 0.048 260);
  --p-blue-900: oklch(0.958 0.036 260);
  --p-blue-950: oklch(0.971 0.024 260);
  --p-blue-1000: oklch(0.985 0.012 260);
  --p-purple-0: oklch(0.12 0.03 300);
  --p-purple-50: oklch(0.18 0.04 300);
  --p-purple-100: oklch(0.21 0.05 300);
  --p-purple-150: oklch(0.24 0.06 300);
  --p-purple-200: oklch(0.27 0.07 300);
  --p-purple-250: oklch(0.328 0.085 300);
  --p-purple-300: oklch(0.385 0.1 300);
  --p-purple-350: oklch(0.443 0.115 300);
  --p-purple-400: oklch(0.5 0.13 300);
  --p-purple-450: oklch(0.554 0.13 300);
  --p-purple-500: oklch(0.608 0.13 300);
  --p-purple-550: oklch(0.662 0.13 300);
  --p-purple-600: oklch(0.716 0.13 300);
  --p-purple-650: oklch(0.77 0.13 300);
  --p-purple-700: oklch(0.823 0.103 300);
  --p-purple-750: oklch(0.877 0.077 300);
  --p-purple-800: oklch(0.93 0.05 300);
  --p-purple-850: oklch(0.944 0.041 300);
  --p-purple-900: oklch(0.958 0.031 300);
  --p-purple-950: oklch(0.971 0.021 300);
  --p-purple-1000: oklch(0.985 0.012 300);
  --p-pink-0: oklch(0.12 0.03 350);
  --p-pink-50: oklch(0.18 0.04 350);
  --p-pink-100: oklch(0.21 0.05 350);
  --p-pink-150: oklch(0.24 0.06 350);
  --p-pink-200: oklch(0.27 0.07 350);
  --p-pink-250: oklch(0.328 0.088 350);
  --p-pink-300: oklch(0.385 0.105 350);
  --p-pink-350: oklch(0.443 0.123 350);
  --p-pink-400: oklch(0.5 0.14 350);
  --p-pink-450: oklch(0.554 0.14 350);
  --p-pink-500: oklch(0.608 0.14 350);
  --p-pink-550: oklch(0.662 0.14 350);
  --p-pink-600: oklch(0.716 0.14 350);
  --p-pink-650: oklch(0.77 0.14 350);
  --p-pink-700: oklch(0.823 0.113 350);
  --p-pink-750: oklch(0.877 0.087 350);
  --p-pink-800: oklch(0.93 0.06 350);
  --p-pink-850: oklch(0.944 0.048 350);
  --p-pink-900: oklch(0.958 0.036 350);
  --p-pink-950: oklch(0.971 0.024 350);
  --p-pink-1000: oklch(0.985 0.012 350);
}
[data-theme=light] {
  color-scheme: light;
}
[data-theme=dark] {
  color-scheme: dark;
}
:root [data-theme=light],
[data-color-base-preset=default] [data-theme=light] {
  --p-neutral-0: oklch(1 0 0);
  --p-neutral-50: oklch(0.985 0 0);
  --p-neutral-100: oklch(0.97 0 0);
  --p-neutral-150: oklch(0.946 0 0);
  --p-neutral-200: oklch(0.922 0 0);
  --p-neutral-250: oklch(0.896 0 0);
  --p-neutral-300: oklch(0.87 0 0);
  --p-neutral-350: oklch(0.789 0 0);
  --p-neutral-400: oklch(0.708 0 0);
  --p-neutral-450: oklch(0.632 0 0);
  --p-neutral-500: oklch(0.556 0 0);
  --p-neutral-550: oklch(0.497 0 0);
  --p-neutral-600: oklch(0.439 0 0);
  --p-neutral-650: oklch(0.405 0 0);
  --p-neutral-700: oklch(0.371 0 0);
  --p-neutral-750: oklch(0.32 0 0);
  --p-neutral-800: oklch(0.269 0 0);
  --p-neutral-850: oklch(0.22 0 0);
  --p-neutral-900: oklch(0.205 0 0);
  --p-neutral-950: oklch(0.145 0 0);
  --p-neutral-1000: oklch(0 0 0);
  --p-yellow-attention: oklch(0.91 0.085 90);
  --p-brand-0: oklch(0.985 0.012 255);
  --p-brand-50: oklch(0.965 0.025 255);
  --p-brand-100: oklch(0.94 0.04 255);
  --p-brand-150: oklch(0.91 0.055 255);
  --p-brand-200: oklch(0.86 0.075 255);
  --p-brand-250: oklch(0.8 0.095 255);
  --p-brand-300: oklch(0.74 0.115 255);
  --p-brand-350: oklch(0.68 0.135 255);
  --p-brand-400: oklch(0.62 0.155 255);
  --p-brand-450: oklch(0.56 0.17 255);
  --p-brand-500: oklch(0.5 0.18 255);
  --p-brand-550: oklch(0.455 0.175 255);
  --p-brand-600: oklch(0.41 0.17 255);
  --p-brand-650: oklch(0.365 0.16 255);
  --p-brand-700: oklch(0.325 0.145 255);
  --p-brand-750: oklch(0.285 0.13 255);
  --p-brand-800: oklch(0.245 0.115 255);
  --p-brand-850: oklch(0.21 0.095 255);
  --p-brand-900: oklch(0.175 0.075 255);
  --p-brand-950: oklch(0.14 0.055 255);
  --p-brand-1000: oklch(0.105 0.035 255);
  --p-subbrand-0: oklch(0.985 0.012 125);
  --p-subbrand-50: oklch(0.965 0.02 125);
  --p-subbrand-100: oklch(0.935 0.035 125);
  --p-subbrand-150: oklch(0.895 0.045 125);
  --p-subbrand-200: oklch(0.845 0.055 125);
  --p-subbrand-250: oklch(0.785 0.065 125);
  --p-subbrand-300: oklch(0.725 0.075 125);
  --p-subbrand-350: oklch(0.665 0.085 125);
  --p-subbrand-400: oklch(0.605 0.095 125);
  --p-subbrand-450: oklch(0.545 0.105 125);
  --p-subbrand-500: oklch(0.485 0.11 125);
  --p-subbrand-550: oklch(0.445 0.105 125);
  --p-subbrand-600: oklch(0.405 0.1 125);
  --p-subbrand-650: oklch(0.365 0.095 125);
  --p-subbrand-700: oklch(0.325 0.085 125);
  --p-subbrand-750: oklch(0.285 0.075 125);
  --p-subbrand-800: oklch(0.245 0.065 125);
  --p-subbrand-850: oklch(0.21 0.055 125);
  --p-subbrand-900: oklch(0.175 0.045 125);
  --p-subbrand-950: oklch(0.14 0.035 125);
  --p-subbrand-1000: oklch(0.105 0.025 125);
  --p-0-a10: oklch(1 0 0 / 10%);
  --p-0-a15: oklch(1 0 0 / 15%);
  --p-0-a20: oklch(1 0 0 / 20%);
  --p-0-a28: oklch(1 0 0 / 28%);
  --p-0-a40: oklch(1 0 0 / 40%);
  --p-0-a60: oklch(1 0 0 / 60%);
  --p-black-a8: rgb(0 0 0 / 0.08);
  --p-black-a12: rgb(0 0 0 / 0.12);
  --p-black-a16: rgb(0 0 0 / 0.16);
  --p-black-a40: rgb(0 0 0 / 0.4);
  --p-black-a88: rgb(0 0 0 / 0.88);
  --p-red-0: oklch(0.985 0.012 26);
  --p-red-50: oklch(0.97 0.02 26);
  --p-red-100: oklch(0.953 0.03 26);
  --p-red-150: oklch(0.937 0.04 26);
  --p-red-200: oklch(0.92 0.05 26);
  --p-red-250: oklch(0.875 0.07 26);
  --p-red-300: oklch(0.83 0.09 26);
  --p-red-350: oklch(0.785 0.11 26);
  --p-red-400: oklch(0.74 0.13 26);
  --p-red-450: oklch(0.66 0.175 26);
  --p-red-500: oklch(0.58 0.22 26);
  --p-red-550: oklch(0.543 0.213 26);
  --p-red-600: oklch(0.507 0.207 26);
  --p-red-650: oklch(0.47 0.2 26);
  --p-red-700: oklch(0.413 0.173 26);
  --p-red-750: oklch(0.357 0.147 26);
  --p-red-800: oklch(0.3 0.12 26);
  --p-red-850: oklch(0.255 0.1 26);
  --p-red-900: oklch(0.21 0.08 26);
  --p-red-950: oklch(0.165 0.06 26);
  --p-red-1000: oklch(0.12 0.04 26);
  --p-orange-0: oklch(0.985 0.012 55);
  --p-orange-50: oklch(0.97 0.02 55);
  --p-orange-100: oklch(0.953 0.03 55);
  --p-orange-150: oklch(0.937 0.04 55);
  --p-orange-200: oklch(0.92 0.05 55);
  --p-orange-250: oklch(0.875 0.07 55);
  --p-orange-300: oklch(0.83 0.09 55);
  --p-orange-350: oklch(0.785 0.11 55);
  --p-orange-400: oklch(0.74 0.13 55);
  --p-orange-450: oklch(0.67 0.165 55);
  --p-orange-500: oklch(0.6 0.2 55);
  --p-orange-550: oklch(0.553 0.19 55);
  --p-orange-600: oklch(0.507 0.18 55);
  --p-orange-650: oklch(0.46 0.17 55);
  --p-orange-700: oklch(0.407 0.15 55);
  --p-orange-750: oklch(0.353 0.13 55);
  --p-orange-800: oklch(0.3 0.11 55);
  --p-orange-850: oklch(0.255 0.091 55);
  --p-orange-900: oklch(0.21 0.073 55);
  --p-orange-950: oklch(0.165 0.054 55);
  --p-orange-1000: oklch(0.12 0.035 55);
  --p-yellow-0: oklch(0.985 0.012 90);
  --p-yellow-50: oklch(0.97 0.02 90);
  --p-yellow-100: oklch(0.96 0.03 90);
  --p-yellow-150: oklch(0.95 0.04 90);
  --p-yellow-200: oklch(0.94 0.05 90);
  --p-yellow-250: oklch(0.925 0.068 90);
  --p-yellow-300: oklch(0.91 0.085 90);
  --p-yellow-350: oklch(0.895 0.102 90);
  --p-yellow-400: oklch(0.88 0.12 90);
  --p-yellow-450: oklch(0.84 0.145 90);
  --p-yellow-500: oklch(0.8 0.17 90);
  --p-yellow-550: oklch(0.68 0.147 90);
  --p-yellow-600: oklch(0.56 0.123 90);
  --p-yellow-650: oklch(0.44 0.1 90);
  --p-yellow-700: oklch(0.387 0.087 90);
  --p-yellow-750: oklch(0.333 0.073 90);
  --p-yellow-800: oklch(0.28 0.06 90);
  --p-yellow-850: oklch(0.24 0.051 90);
  --p-yellow-900: oklch(0.2 0.042 90);
  --p-yellow-950: oklch(0.16 0.034 90);
  --p-yellow-1000: oklch(0.12 0.025 90);
  --p-green-0: oklch(0.985 0.012 145);
  --p-green-50: oklch(0.97 0.02 145);
  --p-green-100: oklch(0.95 0.03 145);
  --p-green-150: oklch(0.93 0.04 145);
  --p-green-200: oklch(0.91 0.05 145);
  --p-green-250: oklch(0.863 0.07 145);
  --p-green-300: oklch(0.815 0.09 145);
  --p-green-350: oklch(0.767 0.11 145);
  --p-green-400: oklch(0.72 0.13 145);
  --p-green-450: oklch(0.65 0.155 145);
  --p-green-500: oklch(0.58 0.18 145);
  --p-green-550: oklch(0.54 0.173 145);
  --p-green-600: oklch(0.5 0.167 145);
  --p-green-650: oklch(0.46 0.16 145);
  --p-green-700: oklch(0.403 0.137 145);
  --p-green-750: oklch(0.347 0.113 145);
  --p-green-800: oklch(0.29 0.09 145);
  --p-green-850: oklch(0.247 0.075 145);
  --p-green-900: oklch(0.205 0.06 145);
  --p-green-950: oklch(0.162 0.045 145);
  --p-green-1000: oklch(0.12 0.03 145);
  --p-teal-0: oklch(0.985 0.012 170);
  --p-teal-50: oklch(0.97 0.02 170);
  --p-teal-100: oklch(0.95 0.03 170);
  --p-teal-150: oklch(0.93 0.04 170);
  --p-teal-200: oklch(0.91 0.05 170);
  --p-teal-250: oklch(0.863 0.068 170);
  --p-teal-300: oklch(0.815 0.085 170);
  --p-teal-350: oklch(0.767 0.102 170);
  --p-teal-400: oklch(0.72 0.12 170);
  --p-teal-450: oklch(0.65 0.14 170);
  --p-teal-500: oklch(0.58 0.16 170);
  --p-teal-550: oklch(0.54 0.157 170);
  --p-teal-600: oklch(0.5 0.153 170);
  --p-teal-650: oklch(0.46 0.15 170);
  --p-teal-700: oklch(0.403 0.13 170);
  --p-teal-750: oklch(0.347 0.11 170);
  --p-teal-800: oklch(0.29 0.09 170);
  --p-teal-850: oklch(0.247 0.075 170);
  --p-teal-900: oklch(0.205 0.06 170);
  --p-teal-950: oklch(0.162 0.045 170);
  --p-teal-1000: oklch(0.12 0.03 170);
  --p-cyan-0: oklch(0.985 0.012 195);
  --p-cyan-50: oklch(0.97 0.02 195);
  --p-cyan-100: oklch(0.95 0.03 195);
  --p-cyan-150: oklch(0.93 0.04 195);
  --p-cyan-200: oklch(0.91 0.05 195);
  --p-cyan-250: oklch(0.868 0.068 195);
  --p-cyan-300: oklch(0.825 0.085 195);
  --p-cyan-350: oklch(0.782 0.102 195);
  --p-cyan-400: oklch(0.74 0.12 195);
  --p-cyan-450: oklch(0.67 0.14 195);
  --p-cyan-500: oklch(0.6 0.16 195);
  --p-cyan-550: oklch(0.557 0.157 195);
  --p-cyan-600: oklch(0.513 0.153 195);
  --p-cyan-650: oklch(0.47 0.15 195);
  --p-cyan-700: oklch(0.41 0.13 195);
  --p-cyan-750: oklch(0.35 0.11 195);
  --p-cyan-800: oklch(0.29 0.09 195);
  --p-cyan-850: oklch(0.247 0.075 195);
  --p-cyan-900: oklch(0.205 0.06 195);
  --p-cyan-950: oklch(0.162 0.045 195);
  --p-cyan-1000: oklch(0.12 0.03 195);
  --p-blue-0: oklch(0.985 0.012 260);
  --p-blue-50: oklch(0.97 0.02 260);
  --p-blue-100: oklch(0.95 0.033 260);
  --p-blue-150: oklch(0.93 0.047 260);
  --p-blue-200: oklch(0.91 0.06 260);
  --p-blue-250: oklch(0.865 0.08 260);
  --p-blue-300: oklch(0.82 0.1 260);
  --p-blue-350: oklch(0.775 0.12 260);
  --p-blue-400: oklch(0.73 0.14 260);
  --p-blue-450: oklch(0.665 0.18 260);
  --p-blue-500: oklch(0.6 0.22 260);
  --p-blue-550: oklch(0.56 0.213 260);
  --p-blue-600: oklch(0.52 0.207 260);
  --p-blue-650: oklch(0.48 0.2 260);
  --p-blue-700: oklch(0.42 0.177 260);
  --p-blue-750: oklch(0.36 0.153 260);
  --p-blue-800: oklch(0.3 0.13 260);
  --p-blue-850: oklch(0.255 0.108 260);
  --p-blue-900: oklch(0.21 0.085 260);
  --p-blue-950: oklch(0.165 0.063 260);
  --p-blue-1000: oklch(0.12 0.04 260);
  --p-purple-0: oklch(0.985 0.012 300);
  --p-purple-50: oklch(0.97 0.02 300);
  --p-purple-100: oklch(0.953 0.03 300);
  --p-purple-150: oklch(0.937 0.04 300);
  --p-purple-200: oklch(0.92 0.05 300);
  --p-purple-250: oklch(0.873 0.07 300);
  --p-purple-300: oklch(0.825 0.09 300);
  --p-purple-350: oklch(0.777 0.11 300);
  --p-purple-400: oklch(0.73 0.13 300);
  --p-purple-450: oklch(0.665 0.165 300);
  --p-purple-500: oklch(0.6 0.2 300);
  --p-purple-550: oklch(0.557 0.193 300);
  --p-purple-600: oklch(0.513 0.187 300);
  --p-purple-650: oklch(0.47 0.18 300);
  --p-purple-700: oklch(0.413 0.16 300);
  --p-purple-750: oklch(0.357 0.14 300);
  --p-purple-800: oklch(0.3 0.12 300);
  --p-purple-850: oklch(0.255 0.099 300);
  --p-purple-900: oklch(0.21 0.077 300);
  --p-purple-950: oklch(0.165 0.056 300);
  --p-purple-1000: oklch(0.12 0.035 300);
  --p-pink-0: oklch(0.985 0.012 350);
  --p-pink-50: oklch(0.97 0.02 350);
  --p-pink-100: oklch(0.953 0.03 350);
  --p-pink-150: oklch(0.937 0.04 350);
  --p-pink-200: oklch(0.92 0.05 350);
  --p-pink-250: oklch(0.875 0.07 350);
  --p-pink-300: oklch(0.83 0.09 350);
  --p-pink-350: oklch(0.785 0.11 350);
  --p-pink-400: oklch(0.74 0.13 350);
  --p-pink-450: oklch(0.67 0.17 350);
  --p-pink-500: oklch(0.6 0.21 350);
  --p-pink-550: oklch(0.557 0.203 350);
  --p-pink-600: oklch(0.513 0.197 350);
  --p-pink-650: oklch(0.47 0.19 350);
  --p-pink-700: oklch(0.413 0.167 350);
  --p-pink-750: oklch(0.357 0.143 350);
  --p-pink-800: oklch(0.3 0.12 350);
  --p-pink-850: oklch(0.255 0.1 350);
  --p-pink-900: oklch(0.21 0.08 350);
  --p-pink-950: oklch(0.165 0.06 350);
  --p-pink-1000: oklch(0.12 0.04 350);
}
:root [data-theme=dark],
[data-color-base-preset=default] [data-theme=dark] {
  --p-brand-0: oklch(0.985 0.012 255);
  --p-brand-50: oklch(0.965 0.025 255);
  --p-brand-100: oklch(0.94 0.04 255);
  --p-brand-150: oklch(0.91 0.055 255);
  --p-brand-200: oklch(0.86 0.075 255);
  --p-brand-250: oklch(0.8 0.095 255);
  --p-brand-300: oklch(0.74 0.115 255);
  --p-brand-350: oklch(0.68 0.135 255);
  --p-brand-400: oklch(0.62 0.155 255);
  --p-brand-450: oklch(0.56 0.17 255);
  --p-brand-500: oklch(0.5 0.18 255);
  --p-brand-550: oklch(0.455 0.175 255);
  --p-brand-600: oklch(0.41 0.17 255);
  --p-brand-650: oklch(0.365 0.16 255);
  --p-brand-700: oklch(0.325 0.145 255);
  --p-brand-750: oklch(0.285 0.13 255);
  --p-brand-800: oklch(0.245 0.115 255);
  --p-brand-850: oklch(0.21 0.095 255);
  --p-brand-900: oklch(0.175 0.075 255);
  --p-brand-950: oklch(0.14 0.055 255);
  --p-brand-1000: oklch(0.105 0.035 255);
  --p-subbrand-0: oklch(0.985 0.012 125);
  --p-subbrand-50: oklch(0.965 0.02 125);
  --p-subbrand-100: oklch(0.935 0.035 125);
  --p-subbrand-150: oklch(0.895 0.045 125);
  --p-subbrand-200: oklch(0.845 0.055 125);
  --p-subbrand-250: oklch(0.785 0.065 125);
  --p-subbrand-300: oklch(0.725 0.075 125);
  --p-subbrand-350: oklch(0.665 0.085 125);
  --p-subbrand-400: oklch(0.605 0.095 125);
  --p-subbrand-450: oklch(0.545 0.105 125);
  --p-subbrand-500: oklch(0.485 0.11 125);
  --p-subbrand-550: oklch(0.445 0.105 125);
  --p-subbrand-600: oklch(0.405 0.1 125);
  --p-subbrand-650: oklch(0.365 0.095 125);
  --p-subbrand-700: oklch(0.325 0.085 125);
  --p-subbrand-750: oklch(0.285 0.075 125);
  --p-subbrand-800: oklch(0.245 0.065 125);
  --p-subbrand-850: oklch(0.21 0.055 125);
  --p-subbrand-900: oklch(0.175 0.045 125);
  --p-subbrand-950: oklch(0.14 0.035 125);
  --p-subbrand-1000: oklch(0.105 0.025 125);
  --p-red-0: oklch(0.12 0.03 26);
  --p-red-50: oklch(0.17 0.04 26);
  --p-red-100: oklch(0.2 0.05 26);
  --p-red-150: oklch(0.23 0.06 26);
  --p-red-200: oklch(0.26 0.07 26);
  --p-red-250: oklch(0.32 0.088 26);
  --p-red-300: oklch(0.38 0.105 26);
  --p-red-350: oklch(0.44 0.16 26);
  --p-red-400: oklch(0.5 0.2 26);
  --p-red-450: oklch(0.554 0.205 26);
  --p-red-500: oklch(0.608 0.21 26);
  --p-red-550: oklch(0.662 0.195 26);
  --p-red-600: oklch(0.716 0.18 26);
  --p-red-650: oklch(0.77 0.16 26);
  --p-red-700: oklch(0.823 0.113 26);
  --p-red-750: oklch(0.877 0.087 26);
  --p-red-800: oklch(0.93 0.06 26);
  --p-red-850: oklch(0.944 0.048 26);
  --p-red-900: oklch(0.958 0.036 26);
  --p-red-950: oklch(0.971 0.024 26);
  --p-red-1000: oklch(0.985 0.012 26);
  --p-orange-0: oklch(0.12 0.03 55);
  --p-orange-50: oklch(0.18 0.04 55);
  --p-orange-100: oklch(0.21 0.05 55);
  --p-orange-150: oklch(0.24 0.06 55);
  --p-orange-200: oklch(0.27 0.07 55);
  --p-orange-250: oklch(0.328 0.088 55);
  --p-orange-300: oklch(0.385 0.105 55);
  --p-orange-350: oklch(0.443 0.123 55);
  --p-orange-400: oklch(0.5 0.14 55);
  --p-orange-450: oklch(0.554 0.138 55);
  --p-orange-500: oklch(0.608 0.136 55);
  --p-orange-550: oklch(0.662 0.134 55);
  --p-orange-600: oklch(0.716 0.132 55);
  --p-orange-650: oklch(0.77 0.13 55);
  --p-orange-700: oklch(0.823 0.103 55);
  --p-orange-750: oklch(0.877 0.077 55);
  --p-orange-800: oklch(0.93 0.05 55);
  --p-orange-850: oklch(0.944 0.041 55);
  --p-orange-900: oklch(0.958 0.031 55);
  --p-orange-950: oklch(0.971 0.021 55);
  --p-orange-1000: oklch(0.985 0.012 55);
  --p-yellow-0: oklch(0.12 0.025 90);
  --p-yellow-50: oklch(0.18 0.03 90);
  --p-yellow-100: oklch(0.213 0.037 90);
  --p-yellow-150: oklch(0.247 0.043 90);
  --p-yellow-200: oklch(0.28 0.05 90);
  --p-yellow-250: oklch(0.35 0.063 90);
  --p-yellow-300: oklch(0.42 0.075 90);
  --p-yellow-350: oklch(0.49 0.088 90);
  --p-yellow-400: oklch(0.56 0.1 90);
  --p-yellow-450: oklch(0.612 0.108 90);
  --p-yellow-500: oklch(0.664 0.116 90);
  --p-yellow-550: oklch(0.716 0.124 90);
  --p-yellow-600: oklch(0.768 0.132 90);
  --p-yellow-650: oklch(0.82 0.14 90);
  --p-yellow-700: oklch(0.863 0.113 90);
  --p-yellow-750: oklch(0.907 0.087 90);
  --p-yellow-800: oklch(0.95 0.06 90);
  --p-yellow-850: oklch(0.959 0.048 90);
  --p-yellow-900: oklch(0.968 0.036 90);
  --p-yellow-950: oklch(0.976 0.024 90);
  --p-yellow-1000: oklch(0.985 0.012 90);
  --p-green-0: oklch(0.12 0.03 145);
  --p-green-50: oklch(0.17 0.04 145);
  --p-green-100: oklch(0.203 0.05 145);
  --p-green-150: oklch(0.237 0.06 145);
  --p-green-200: oklch(0.27 0.07 145);
  --p-green-250: oklch(0.325 0.085 145);
  --p-green-300: oklch(0.38 0.1 145);
  --p-green-350: oklch(0.435 0.115 145);
  --p-green-400: oklch(0.49 0.13 145);
  --p-green-450: oklch(0.546 0.132 145);
  --p-green-500: oklch(0.602 0.134 145);
  --p-green-550: oklch(0.658 0.136 145);
  --p-green-600: oklch(0.714 0.138 145);
  --p-green-650: oklch(0.77 0.14 145);
  --p-green-700: oklch(0.823 0.113 145);
  --p-green-750: oklch(0.877 0.087 145);
  --p-green-800: oklch(0.93 0.06 145);
  --p-green-850: oklch(0.944 0.048 145);
  --p-green-900: oklch(0.958 0.036 145);
  --p-green-950: oklch(0.971 0.024 145);
  --p-green-1000: oklch(0.985 0.012 145);
  --p-teal-0: oklch(0.12 0.03 170);
  --p-teal-50: oklch(0.17 0.04 170);
  --p-teal-100: oklch(0.203 0.05 170);
  --p-teal-150: oklch(0.237 0.06 170);
  --p-teal-200: oklch(0.27 0.07 170);
  --p-teal-250: oklch(0.325 0.083 170);
  --p-teal-300: oklch(0.38 0.095 170);
  --p-teal-350: oklch(0.435 0.107 170);
  --p-teal-400: oklch(0.49 0.12 170);
  --p-teal-450: oklch(0.546 0.122 170);
  --p-teal-500: oklch(0.602 0.124 170);
  --p-teal-550: oklch(0.658 0.126 170);
  --p-teal-600: oklch(0.714 0.128 170);
  --p-teal-650: oklch(0.77 0.13 170);
  --p-teal-700: oklch(0.823 0.103 170);
  --p-teal-750: oklch(0.877 0.077 170);
  --p-teal-800: oklch(0.93 0.05 170);
  --p-teal-850: oklch(0.944 0.041 170);
  --p-teal-900: oklch(0.958 0.031 170);
  --p-teal-950: oklch(0.971 0.021 170);
  --p-teal-1000: oklch(0.985 0.012 170);
  --p-cyan-0: oklch(0.12 0.025 195);
  --p-cyan-50: oklch(0.17 0.03 195);
  --p-cyan-100: oklch(0.203 0.04 195);
  --p-cyan-150: oklch(0.237 0.05 195);
  --p-cyan-200: oklch(0.27 0.06 195);
  --p-cyan-250: oklch(0.328 0.075 195);
  --p-cyan-300: oklch(0.385 0.09 195);
  --p-cyan-350: oklch(0.443 0.105 195);
  --p-cyan-400: oklch(0.5 0.12 195);
  --p-cyan-450: oklch(0.556 0.12 195);
  --p-cyan-500: oklch(0.612 0.12 195);
  --p-cyan-550: oklch(0.668 0.12 195);
  --p-cyan-600: oklch(0.724 0.12 195);
  --p-cyan-650: oklch(0.78 0.12 195);
  --p-cyan-700: oklch(0.83 0.097 195);
  --p-cyan-750: oklch(0.88 0.073 195);
  --p-cyan-800: oklch(0.93 0.05 195);
  --p-cyan-850: oklch(0.944 0.041 195);
  --p-cyan-900: oklch(0.958 0.031 195);
  --p-cyan-950: oklch(0.971 0.021 195);
  --p-cyan-1000: oklch(0.985 0.012 195);
  --p-blue-0: oklch(0.12 0.03 260);
  --p-blue-50: oklch(0.18 0.04 260);
  --p-blue-100: oklch(0.21 0.053 260);
  --p-blue-150: oklch(0.24 0.067 260);
  --p-blue-200: oklch(0.27 0.08 260);
  --p-blue-250: oklch(0.33 0.098 260);
  --p-blue-300: oklch(0.39 0.115 260);
  --p-blue-350: oklch(0.45 0.133 260);
  --p-blue-400: oklch(0.51 0.15 260);
  --p-blue-450: oklch(0.562 0.148 260);
  --p-blue-500: oklch(0.614 0.146 260);
  --p-blue-550: oklch(0.666 0.144 260);
  --p-blue-600: oklch(0.718 0.142 260);
  --p-blue-650: oklch(0.77 0.14 260);
  --p-blue-700: oklch(0.823 0.113 260);
  --p-blue-750: oklch(0.877 0.087 260);
  --p-blue-800: oklch(0.93 0.06 260);
  --p-blue-850: oklch(0.944 0.048 260);
  --p-blue-900: oklch(0.958 0.036 260);
  --p-blue-950: oklch(0.971 0.024 260);
  --p-blue-1000: oklch(0.985 0.012 260);
  --p-purple-0: oklch(0.12 0.03 300);
  --p-purple-50: oklch(0.18 0.04 300);
  --p-purple-100: oklch(0.21 0.05 300);
  --p-purple-150: oklch(0.24 0.06 300);
  --p-purple-200: oklch(0.27 0.07 300);
  --p-purple-250: oklch(0.328 0.085 300);
  --p-purple-300: oklch(0.385 0.1 300);
  --p-purple-350: oklch(0.443 0.115 300);
  --p-purple-400: oklch(0.5 0.13 300);
  --p-purple-450: oklch(0.554 0.13 300);
  --p-purple-500: oklch(0.608 0.13 300);
  --p-purple-550: oklch(0.662 0.13 300);
  --p-purple-600: oklch(0.716 0.13 300);
  --p-purple-650: oklch(0.77 0.13 300);
  --p-purple-700: oklch(0.823 0.103 300);
  --p-purple-750: oklch(0.877 0.077 300);
  --p-purple-800: oklch(0.93 0.05 300);
  --p-purple-850: oklch(0.944 0.041 300);
  --p-purple-900: oklch(0.958 0.031 300);
  --p-purple-950: oklch(0.971 0.021 300);
  --p-purple-1000: oklch(0.985 0.012 300);
  --p-pink-0: oklch(0.12 0.03 350);
  --p-pink-50: oklch(0.18 0.04 350);
  --p-pink-100: oklch(0.21 0.05 350);
  --p-pink-150: oklch(0.24 0.06 350);
  --p-pink-200: oklch(0.27 0.07 350);
  --p-pink-250: oklch(0.328 0.088 350);
  --p-pink-300: oklch(0.385 0.105 350);
  --p-pink-350: oklch(0.443 0.123 350);
  --p-pink-400: oklch(0.5 0.14 350);
  --p-pink-450: oklch(0.554 0.14 350);
  --p-pink-500: oklch(0.608 0.14 350);
  --p-pink-550: oklch(0.662 0.14 350);
  --p-pink-600: oklch(0.716 0.14 350);
  --p-pink-650: oklch(0.77 0.14 350);
  --p-pink-700: oklch(0.823 0.113 350);
  --p-pink-750: oklch(0.877 0.087 350);
  --p-pink-800: oklch(0.93 0.06 350);
  --p-pink-850: oklch(0.944 0.048 350);
  --p-pink-900: oklch(0.958 0.036 350);
  --p-pink-950: oklch(0.971 0.024 350);
  --p-pink-1000: oklch(0.985 0.012 350);
}
@theme { --color-content-fg: var(--p-neutral-700); --color-content-fg-muted: var(--p-neutral-550); --color-content-fg-disabled: var(--p-neutral-400); --color-content-fg-prominent: var(--p-neutral-950); --color-content-fg-info: var(--p-blue-650); --color-content-fg-warning: var(--p-yellow-650); --color-content-fg-danger: var(--p-red-650); --color-content-bg: var(--p-neutral-0); --color-content-bg-muted: var(--p-neutral-100); --color-content-bg-disabled: var(--p-neutral-200); --color-content-bg-prominent: var(--p-neutral-950); --color-content-bg-info: var(--p-blue-50); --color-content-bg-warning: var(--p-yellow-50); --color-content-bg-danger: var(--p-red-50); --color-content-border: var(--p-neutral-300); --color-content-border-muted: var(--p-neutral-200); --color-content-border-disabled: var(--p-neutral-100); --color-content-border-prominent: var(--p-neutral-500); --color-content-border-info: var(--p-blue-400); --color-content-border-warning: var(--p-yellow-400); --color-content-border-danger: var(--p-red-400); --color-shell-fg: var(--p-neutral-950); --color-shell-fg-muted: var(--p-neutral-550); --color-shell-fg-disabled: var(--p-neutral-400); --color-shell-fg-prominent: var(--p-neutral-950); --color-shell-fg-on-prominent: var(--p-neutral-0); --color-shell-fg-on-attention: var(--p-neutral-1000); --color-shell-fg-info: var(--p-blue-650); --color-shell-fg-warning: var(--p-yellow-650); --color-shell-fg-danger: var(--p-red-650); --color-shell-bg: var(--p-neutral-0); --color-shell-bg-muted: var(--p-neutral-100); --color-shell-bg-disabled: var(--p-neutral-200); --color-shell-bg-prominent: var(--p-neutral-950); --color-shell-bg-attention: var(--p-yellow-attention); --color-shell-bg-info: var(--p-blue-50); --color-shell-bg-warning: var(--p-yellow-50); --color-shell-bg-danger: var(--p-red-50); --color-shell-border: var(--p-neutral-300); --color-shell-border-muted: var(--p-neutral-200); --color-shell-border-disabled: var(--p-neutral-100); --color-shell-border-prominent: var(--p-neutral-500); --color-shell-border-info: var(--p-blue-400); --color-shell-border-warning: var(--p-yellow-400); --color-shell-border-danger: var(--p-red-400); --color-overlay-fg: var(--p-neutral-700); --color-overlay-fg-muted: var(--p-neutral-550); --color-overlay-fg-disabled: var(--p-neutral-400); --color-overlay-fg-prominent: var(--p-neutral-950); --color-overlay-fg-info: var(--p-blue-650); --color-overlay-fg-warning: var(--p-yellow-650); --color-overlay-fg-danger: var(--p-red-650); --color-overlay-bg: var(--p-neutral-0); --color-overlay-bg-muted: var(--p-neutral-100); --color-overlay-bg-disabled: var(--p-neutral-200); --color-overlay-bg-prominent: var(--p-neutral-950); --color-overlay-bg-info: var(--p-blue-50); --color-overlay-bg-warning: var(--p-yellow-50); --color-overlay-bg-danger: var(--p-red-50); --color-overlay-border: var(--p-neutral-300); --color-overlay-border-muted: var(--p-neutral-200); --color-overlay-border-disabled: var(--p-neutral-100); --color-overlay-border-prominent: var(--p-neutral-500); --color-overlay-border-info: var(--p-blue-400); --color-overlay-border-warning: var(--p-yellow-400); --color-overlay-border-danger: var(--p-red-400); --color-control-fg: var(--p-neutral-950); --color-control-fg-muted: var(--p-neutral-550); --color-control-fg-disabled: var(--p-neutral-400); --color-control-fg-prominent: var(--p-neutral-0); --color-control-fg-info: var(--p-blue-650); --color-control-fg-warning: var(--p-yellow-650); --color-control-fg-danger: var(--p-neutral-0); --color-control-bg: var(--p-neutral-0); --color-control-bg-muted: var(--p-subbrand-100); --color-control-bg-disabled: var(--p-neutral-200); --color-control-bg-prominent: var(--p-brand-550); --color-control-bg-info: var(--p-blue-50); --color-control-bg-warning: var(--p-yellow-50); --color-control-bg-danger: var(--p-red-650); --color-control-bg-danger-hover: var(--p-red-700); --color-control-border: var(--p-neutral-300); --color-control-border-muted: var(--p-neutral-200); --color-control-border-disabled: var(--p-neutral-100); --color-control-border-prominent: var(--p-neutral-500); --color-control-border-info: var(--p-blue-400); --color-control-border-warning: var(--p-yellow-400); --color-control-border-danger: var(--p-red-400); --color-data-series-1: var(--p-blue-500); --color-data-series-2: var(--p-green-500); --color-data-series-3: var(--p-orange-500); --color-data-series-4: var(--p-red-500); --color-data-series-5: var(--p-purple-500); --color-data-series-6: var(--p-teal-500); --color-data-series-7: var(--p-cyan-500); --color-data-series-8: var(--p-pink-500); --color-overlay-border-translucent: var(--p-0-a28); --color-control-bg-prominent-hover: var(--p-brand-600); --color-content-bg-success: var(--p-green-50); --color-content-border-success: var(--p-green-400); --color-content-fg-success: var(--p-green-650); --color-overlay-bg-scrim: var(--p-black-a88); --color-effect-shadow-sm: var(--p-black-a8); --color-effect-shadow-md: var(--p-black-a12); --color-effect-shadow-lg: var(--p-black-a16); --color-content-fg-accent: var(--p-brand-650); }
[data-color-semantic-preset=standard],
[data-color-preset=standard] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
}
:root,
[data-color-semantic-preset=standard] {
  --color-content-bg-muted: var(--p-brand-50);
  --color-content-border-muted: var(--p-brand-100);
  --color-control-border-prominent: var(--p-brand-550);
}
.dark,
.dark[data-color-semantic-preset=standard],
.dark[data-color-preset=standard],
.dark [data-color-semantic-preset=standard],
.dark [data-color-preset=standard],
[data-theme=dark][data-color-semantic-preset=standard],
[data-theme=dark][data-color-preset=standard],
[data-theme=dark] [data-color-semantic-preset=standard],
[data-theme=dark] [data-color-preset=standard] {
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-neutral-200);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-brand-900);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-brand-800);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-subbrand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-bg-danger-hover: var(--p-red-300);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-brand-550);
  --color-control-bg-prominent-hover: var(--p-brand-600);
}
[data-color-semantic-preset=standard] [data-theme=light],
[data-color-preset=standard] [data-theme=light] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-bg-muted: var(--p-brand-50);
  --color-content-border-muted: var(--p-brand-100);
  --color-control-border-prominent: var(--p-brand-550);
}
[data-color-semantic-preset=standard] [data-theme=dark],
[data-color-preset=standard] [data-theme=dark] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-neutral-200);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-brand-900);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-brand-800);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-subbrand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-bg-danger-hover: var(--p-red-300);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-brand-550);
  --color-control-bg-prominent-hover: var(--p-brand-600);
}
:root,
[data-type-base-preset=system],
[data-type-base-preset=system][data-type-scale=standard] {
  --font-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Apple SD Gothic Neo",
    system-ui,
    Roboto,
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif;
  --font-heading: var(--font-sans);
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 400;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 600;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 800;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.15;
  --type-base-leading-md: 1.4;
  --type-base-leading-lg: 1.5;
  --type-base-leading-xl: 1.625;
  --type-base-leading-display: 1.12;
  --type-base-tracking-tight: -0.006em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.006em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
  --type-base-transform-uppercase: uppercase;
  --type-body: clamp(0.9375rem, 0.5vw + 0.875rem, 1rem);
}
:root,
[data-type-semantic-preset=standard],
[data-type-semantic-session-override=standard],
[data-type-semantic-session-override=standard] [data-type-semantic-boundary] {
  --type-large-title-family: var(--font-display);
  --type-large-title-size: var(--type-base-size-3xl);
  --type-large-title-line-height: var(--type-base-leading-display);
  --type-large-title-weight: var(--font-display-weight-normal);
  --type-large-title-tracking: var(--type-base-tracking-loose);
  --type-title1-family: var(--font-heading);
  --type-title1-size: var(--type-base-size-2xl);
  --type-title1-line-height: var(--type-base-leading-display);
  --type-title1-weight: var(--font-display-weight-normal);
  --type-title1-tracking: var(--type-base-tracking-tight);
  --type-title2-family: var(--font-heading);
  --type-title2-size: var(--type-base-size-xl);
  --type-title2-line-height: var(--type-base-leading-display);
  --type-title2-weight: var(--font-display-weight-normal);
  --type-title2-tracking: var(--type-base-tracking-tight);
  --type-title3-family: var(--font-heading);
  --type-title3-size: var(--type-base-size-lg);
  --type-title3-line-height: var(--type-base-leading-lg);
  --type-title3-weight: var(--font-display-weight-normal);
  --type-title3-tracking: var(--type-base-tracking-tight);
  --type-headline-family: var(--font-heading);
  --type-headline-size: var(--type-base-size-md);
  --type-headline-line-height: var(--type-base-leading-md);
  --type-headline-weight: var(--font-display-weight-bold);
  --type-headline-tracking: var(--type-base-tracking-tight);
  --type-body-family: var(--font-body);
  --type-body-size: var(--type-base-size-md);
  --type-body-line-height: var(--type-base-leading-lg);
  --type-body-weight: var(--font-weight-normal);
  --type-body-tracking: var(--type-base-tracking-tight);
  --type-control-family: var(--font-body);
  --type-control-weight: var(--font-weight-medium);
  --type-control-tracking: var(--type-base-tracking-normal);
  --type-callout-family: var(--font-body);
  --type-callout-size: var(--type-base-size-sm);
  --type-callout-line-height: var(--type-base-leading-md);
  --type-callout-weight: var(--font-weight-normal);
  --type-callout-tracking: var(--type-base-tracking-normal);
  --type-subheadline-family: var(--font-label);
  --type-subheadline-size: var(--type-base-size-xs);
  --type-subheadline-line-height: var(--type-base-leading-md);
  --type-subheadline-weight: var(--font-weight-normal);
  --type-subheadline-tracking: var(--type-base-tracking-loose);
  --type-footnote-family: var(--font-label);
  --type-footnote-size: var(--type-base-size-xs);
  --type-footnote-line-height: var(--type-base-leading-md);
  --type-footnote-weight: var(--font-weight-normal);
  --type-footnote-tracking: var(--type-base-tracking-loose);
  --type-caption-family: var(--font-label);
  --type-caption-size: var(--type-base-size-xs);
  --type-caption-line-height: var(--type-base-leading-md);
  --type-caption-weight: var(--font-weight-normal);
  --type-caption-tracking: var(--type-base-tracking-loose);
  --type-caption-2-family: var(--font-label);
  --type-caption-2-size: var(--type-base-size-xs);
  --type-caption-2-line-height: var(--type-base-leading-md);
  --type-caption-2-weight: var(--font-weight-medium);
  --type-caption-2-tracking: var(--type-base-tracking-loose);
  --type-overline-family: var(--font-label);
  --type-overline-size: var(--type-base-size-xs);
  --type-overline-line-height: var(--type-base-leading-md);
  --type-overline-weight: var(--font-weight-extrabold);
  --type-overline-tracking: var(--type-base-tracking-label);
  --type-overline-transform: var(--type-base-transform-uppercase);
  --type-display-family: var(--font-display);
  --type-display-size: var(--type-base-size-6xl);
  --type-display-line-height: var(--type-base-leading-display);
  --type-display-weight: var(--font-display-weight-bold);
  --type-display-tracking: var(--type-base-tracking-normal);
  --type-code-family: var(--font-mono);
  --type-code-size: var(--type-base-size-sm);
  --type-code-line-height: var(--type-base-leading-lg);
  --type-code-weight: var(--font-weight-normal);
  --type-code-tracking: var(--type-base-tracking-normal);
  --type-code-feature: var(--type-base-feature-code);
  --type-numeric-family: var(--font-mono);
  --type-numeric-size: var(--type-base-size-md);
  --type-numeric-line-height: var(--type-base-leading-md);
  --type-numeric-weight: var(--font-weight-medium);
  --type-numeric-tracking: var(--type-base-tracking-normal);
  --type-numeric-feature: var(--type-base-feature-tabular);
}
:root {
  --radius-none: 0px;
  --radius-xs: 0.125rem;
  --radius-full: 9999px;
  --radius-u000: 0px;
  --radius-u020: 2px;
  --radius-u028: 2.8px;
  --radius-u030: 3px;
  --radius-u040: 4px;
  --radius-u050: 5px;
  --radius-u060: 6px;
  --radius-u063: 6.3px;
  --radius-u070: 7px;
  --radius-u080: 8px;
  --radius-u090: 9px;
  --radius-u098: 9.8px;
  --radius-u100: 10px;
  --radius-u110: 11px;
  --radius-u120: 12px;
  --radius-u130: 13px;
  --radius-u140: 14px;
  --radius-u150: 15px;
  --radius-u160: 16px;
  --radius-u170: 17px;
  --radius-u180: 18px;
  --radius-u190: 19px;
  --radius-u200: 20px;
  --radius-u210: 21px;
  --radius-u220: 22px;
  --radius-u230: 23px;
  --radius-u240: 24px;
  --radius-u189: 18.9px;
  --radius-u252: 25.2px;
  --radius-u260: 26px;
  --radius-u270: 27px;
  --radius-intrinsic: 9999px;
  --margin-u010: 1px;
  --margin-u020: 2px;
  --margin-u025: 2.5px;
  --margin-u030: 3px;
  --margin-u040: 4px;
  --margin-u045: 4.5px;
  --margin-u070: 7px;
  --content-inset-u130: 13px;
  --content-inset-u160: 16px;
  --content-inset-u190: 19px;
  --content-inset-u200: 20px;
  --content-inset-u220: 22px;
  --content-inset-u240: 24px;
  --border-u005: 0.5px;
  --border-u010: 1px;
  --ctrl-sm-h: 28px;
  --ctrl-md-h: 32px;
  --ctrl-lg-h: 40px;
  --stroke-u005: 0.5px;
  --stroke-u010: 1px;
  --stroke-u015: 1.5px;
  --stroke-u020: 2px;
  --stroke-100: 1px;
  --stroke-150: 1.5px;
  --stroke-200: 2px;
  --sp-0: 0;
  --sp-25: 0.125rem;
  --sp-50: 0.25rem;
  --sp-75: 0.375rem;
  --sp-100: 0.5rem;
  --sp-125: 0.625rem;
  --sp-150: 0.75rem;
  --sp-175: 0.875rem;
  --sp-200: 1rem;
  --sp-250: 1.25rem;
  --sp-300: 1.5rem;
  --sp-400: 2rem;
  --sp-440: 2.2rem;
  --sp-500: 2.5rem;
  --sp-600: 3rem;
  --sp-800: 4rem;
  --sp-1000: 5rem;
  --sz-4: 0.25rem;
  --sz-1: 1px;
  --sz-5-6: 0.35rem;
  --sz-6: 0.375rem;
  --sz-7: 0.4375rem;
  --sz-8: 0.5rem;
  --sz-12: 0.75rem;
  --sz-14: 0.875rem;
  --sz-16: 1rem;
  --sz-20: 1.25rem;
  --sz-24: 1.5rem;
  --sz-26: 1.625rem;
  --sz-28: 1.75rem;
  --sz-32: 2rem;
  --sz-36: 2.25rem;
  --sz-38: 2.375rem;
  --sz-40: 2.5rem;
  --sz-44: 2.75rem;
  --sz-46: 2.875rem;
  --sz-48: 3rem;
  --sz-49: 3.0625rem;
  --sz-50: 3.125rem;
  --sz-80: 5rem;
  --sz-88: 5.5rem;
  --sz-96: 6rem;
  --sz-112: 7rem;
  --sz-128: 8rem;
  --sz-160: 10rem;
  --sz-192: 12rem;
  --sz-224: 14rem;
  --sz-256: 16rem;
  --sz-288: 18rem;
  --sz-320: 20rem;
  --sz-352: 22rem;
  --sz-384: 24rem;
  --sz-448: 28rem;
  --sz-512: 32rem;
  --sz-544: 34rem;
  --sz-576: 36rem;
  --sz-640: 40rem;
  --sz-768: 48rem;
  --sz-896: 56rem;
  --z-22: 22;
}
@media (pointer: coarse), (any-pointer: coarse) {
  :root {
    --ctrl-sm-h: 40px;
    --ctrl-md-h: 44px;
    --ctrl-lg-h: 48px;
  }
}
:root,
[data-geometry-preset=medium] {
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) * 0.6);
  --radius-md: calc(var(--radius) * 0.8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.2);
  --gutter: clamp(1rem, 2vw, 2rem);
  --space-block: clamp(1.5rem, 4vw, 2.5rem);
  --gap-grid: 0.75rem;
  --gap-section: 2.5rem;
  --switch-track-w: 2.125rem;
  --switch-track-h: 1.125rem;
  --switch-thumb: 0.875rem;
}
@media (min-width: 48rem) {
  :root,
  [data-geometry-preset=medium] {
    --gap-grid: 1.25rem;
    --gap-section: 3rem;
  }
}
@media (min-width: 64rem) {
  :root,
  [data-geometry-preset=medium] {
    --gap-grid: 1.5rem;
    --gap-section: 4rem;
  }
}
[data-geometry-preset=square] {
  --radius: 0;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --gutter: clamp(0.75rem, 1.5vw, 1.5rem);
  --space-block: clamp(1rem, 3vw, 2rem);
  --gap-grid: 0.5rem;
  --gap-section: 2rem;
  --switch-track-w: 2rem;
  --switch-track-h: 1rem;
  --switch-thumb: 0.75rem;
}
@media (min-width: 48rem) {
  [data-geometry-preset=square] {
    --gap-grid: 1rem;
    --gap-section: 2.5rem;
  }
}
@media (min-width: 64rem) {
  [data-geometry-preset=square] {
    --gap-grid: 1.25rem;
    --gap-section: 3rem;
  }
}
[data-geometry-preset=small] {
  --radius: 0.5rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.625rem;
  --gutter: clamp(0.875rem, 1.75vw, 1.75rem);
  --space-block: clamp(1.25rem, 3.5vw, 2.25rem);
  --gap-grid: 0.625rem;
  --gap-section: 2.25rem;
  --switch-track-w: 2rem;
  --switch-track-h: 1.0625rem;
  --switch-thumb: 0.8125rem;
}
@media (min-width: 48rem) {
  [data-geometry-preset=small] {
    --gap-grid: 1.125rem;
    --gap-section: 2.75rem;
  }
}
@media (min-width: 64rem) {
  [data-geometry-preset=small] {
    --gap-grid: 1.375rem;
    --gap-section: 3.5rem;
  }
}
[data-geometry-preset=large] {
  --radius: 0.75rem;
  --radius-xs: 0.1875rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --gutter: clamp(1.0625rem, 2.125vw, 2.125rem);
  --space-block: clamp(1.5625rem, 4.125vw, 2.625rem);
  --gap-grid: 0.8125rem;
  --gap-section: 2.625rem;
  --switch-track-w: 2.1875rem;
  --switch-track-h: 1.1875rem;
  --switch-thumb: 0.9375rem;
}
@media (min-width: 48rem) {
  [data-geometry-preset=large] {
    --gap-grid: 1.3125rem;
    --gap-section: 3.125rem;
  }
}
@media (min-width: 64rem) {
  [data-geometry-preset=large] {
    --gap-grid: 1.5625rem;
    --gap-section: 4.125rem;
  }
}
[data-geometry-preset=full] {
  --radius: 0.875rem;
  --radius-xs: calc(var(--radius) * 0.2);
  --radius-sm: calc(var(--radius) * 0.45);
  --radius-md: calc(var(--radius) * 0.7);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.35);
  --gutter: clamp(1.125rem, 2.25vw, 2.25rem);
  --space-block: clamp(1.625rem, 4.25vw, 2.75rem);
  --gap-grid: 0.875rem;
  --gap-section: 2.75rem;
  --switch-track-w: 2.25rem;
  --switch-track-h: 1.25rem;
  --switch-thumb: calc(var(--switch-track-h) - 0.25rem);
}
@media (min-width: 48rem) {
  [data-geometry-preset=full] {
    --gap-grid: 1.375rem;
    --gap-section: 3.25rem;
  }
}
@media (min-width: 64rem) {
  [data-geometry-preset=full] {
    --gap-grid: 1.625rem;
    --gap-section: 4.25rem;
  }
}
:root,
[data-geometry-preset=medium] {
  --corner-card: var(--radius-lg);
  --corner-control: var(--radius-md);
  --corner-chip: var(--radius-sm);
  --corner-pill: var(--radius-intrinsic);
  --corner-track: var(--radius-intrinsic);
  --corner-thumb: var(--radius-intrinsic);
  --corner-avatar: var(--radius-intrinsic);
  --space-radius-container-sm: var(--radius-u080);
  --space-radius-child-sm: var(--radius-u050);
  --border-sm: var(--border-u005);
  --space-concentric-sm-sm: var(--margin-u025);
  --space-radius-container-md: var(--radius-u130);
  --space-radius-child-md: var(--radius-u080);
  --border-md: var(--border-u005);
  --space-concentric-md-md: var(--margin-u045);
  --space-concentric-md-lg: var(--margin-u070);
  --space-radius-container-lg: var(--radius-u160);
  --space-radius-child-lg: var(--radius-u120);
  --border-lg: var(--border-u010);
  --space-concentric-lg-lg: var(--margin-u030);
  --space-content-inset-sm: var(--content-inset-u130);
  --space-content-inset-md: var(--content-inset-u160);
  --space-content-inset-lg: var(--content-inset-u200);
  --space-chrome-edge: var(--sp-100);
  --space-chrome-gap: var(--sp-100);
  --space-chrome-pad: var(--sp-100);
  --space-chrome-item-gap: var(--sp-25);
  --space-group-inset: var(--sp-25);
  --space-group-gap: var(--sp-25);
  --space-switch-inset: var(--sp-25);
  --space-container-inset-md: var(--sp-100);
  --space-container-inset-lg: var(--sp-150);
  --space-container-inset-xl: var(--sp-200);
  --space-container-inset-2xl: var(--sp-250);
  --space-ctrl-gap-xs: var(--sp-25);
  --space-ctrl-gap-sm: var(--sp-50);
  --space-ctrl-gap: var(--sp-75);
  --space-ctrl-pad-sm: var(--sp-75);
  --space-ctrl-pad: var(--sp-100);
  --space-ctrl-pad-lg: var(--sp-150);
  --space-ctrl-pad-xl: var(--sp-200);
  --space-surface-gap: var(--sp-100);
  --space-surface-gap-lg: var(--sp-150);
  --space-surface-gap-xl: var(--sp-250);
  --space-surface-gap-2xl: var(--sp-300);
  --space-surface-pad-sm: var(--sp-150);
  --space-surface-pad: var(--sp-200);
  --space-surface-pad-md: var(--sp-250);
  --space-surface-pad-lg: var(--sp-300);
  --space-surface-pad-xl: var(--sp-400);
  --space-surface-pad-2xl: var(--sp-600);
  --space-layout-section-lg: var(--sp-500);
  --space-layout-gap-sm: var(--sp-300);
  --space-layout-gap-lg: var(--sp-400);
  --space-layout-gap-xl: var(--sp-500);
  --space-layout-gap: var(--gap-grid);
  --space-layout-section: var(--gap-section);
  --space-layout-gutter: var(--gutter);
  --space-layout-block: var(--space-block);
  --size-toggle-group-item: var(--sz-26);
  --size-overlay-item-sm: var(--sz-28);
  --size-chrome-bar: var(--sz-48);
  --size-chrome-status-bar: var(--sz-28);
  --size-shell-width: var(--sz-384);
  --size-a11y-visually-hidden: var(--sz-1);
  --size-switch-track-inline: var(--switch-track-w);
  --size-switch-track-block: var(--switch-track-h);
  --size-stroke-default: var(--stroke-100);
  --size-stroke-strong: var(--stroke-150);
  --size-stroke-emphasis: var(--stroke-200);
  --size-track: var(--sz-4);
  --size-progress: var(--sz-6);
  --size-indicator: var(--sz-8);
  --size-icon-sm: var(--sz-16);
  --size-icon-md: var(--sz-20);
  --size-icon-action: var(--sz-24);
  --size-icon-lg: var(--sz-28);
  --size-icon-xl: var(--sz-32);
  --size-icon-2xl: var(--sz-36);
  --size-icon-touch: var(--sz-44);
  --size-avatar: var(--sz-32);
  --size-avatar-lg: var(--sz-40);
  --size-feature-icon: var(--sz-40);
  --size-dropdown: var(--sz-48);
  --size-tick-w: var(--sz-5-6);
  --size-tick-h: var(--sz-6);
  --size-popover-caret-w: var(--sz-14);
  --size-popover-caret-h: var(--sz-7);
  --size-tooltip-caret-w: var(--sz-12);
  --size-tooltip-caret-h: var(--sz-6);
  --size-field-xs: var(--sz-80);
  --size-field-sm: var(--sz-160);
  --size-field-md: var(--sz-192);
  --size-field-lg: var(--sz-224);
  --size-field-xl: var(--sz-288);
  --size-select-trigger: var(--sz-128);
  --size-menu-label: var(--sz-112);
  --size-filter-pill: var(--sz-88);
  --size-tag-cloud: var(--sz-256);
  --size-table-col: var(--sz-96);
  --size-media-row: var(--sz-160);
  --size-overlay-tooltip: var(--sz-320);
  --size-overlay-toast: var(--sz-352);
  --size-overlay-popover: var(--sz-384);
  --size-overlay-form: var(--sz-448);
  --size-content-sm: var(--sz-512);
  --size-content-md: var(--sz-576);
  --size-content-lg: var(--sz-640);
  --size-content-xl: var(--sz-768);
  --size-content-2xl: var(--sz-896);
  --size-section-portrait: var(--sz-384);
  --size-section-video: var(--sz-544);
  --overlay-min-w: var(--sz-128);
  --overlay-py: var(--sp-25);
  --overlay-px: var(--sp-25);
  --overlay-item-h: var(--ctrl-md-h);
  --overlay-item-px: var(--sp-100);
  --overlay-indicator-w: var(--sz-20);
  --overlay-z-modal: var(--z-22);
}
@media (pointer: coarse), (any-pointer: coarse) {
  :root,
  [data-geometry-preset=medium] {
    --space-radius-container-sm: var(--radius-u140);
    --space-radius-child-sm: var(--radius-u110);
    --space-radius-container-md: var(--radius-u190);
    --space-radius-child-md: var(--radius-u140);
    --space-radius-container-lg: var(--radius-u180);
    --space-radius-child-lg: var(--radius-u160);
    --space-concentric-lg-lg: var(--margin-u010);
    --space-concentric-md-lg: var(--margin-u030);
    --space-content-inset-sm: var(--content-inset-u190);
    --space-content-inset-md: var(--content-inset-u220);
    --space-content-inset-lg: var(--content-inset-u240);
    --size-toggle-group-item: var(--sz-38);
    --size-overlay-item-sm: var(--sz-40);
  }
}
[data-geometry-preset=square] {
  --corner-card: var(--radius-none);
  --corner-control: var(--radius-none);
  --corner-chip: var(--radius-none);
  --corner-pill: var(--radius-none);
  --corner-track: var(--radius-none);
  --corner-thumb: var(--radius-intrinsic);
  --corner-avatar: var(--radius-intrinsic);
  --space-radius-container-sm: var(--radius-u000);
  --space-radius-child-sm: var(--radius-u000);
  --border-sm: var(--border-u005);
  --space-concentric-sm-sm: var(--margin-u025);
  --space-radius-container-md: var(--radius-u000);
  --space-radius-child-md: var(--radius-u000);
  --border-md: var(--border-u005);
  --space-concentric-md-md: var(--margin-u045);
  --space-concentric-md-lg: var(--margin-u070);
  --space-radius-container-lg: var(--radius-u000);
  --space-radius-child-lg: var(--radius-u000);
  --border-lg: var(--border-u010);
  --space-concentric-lg-lg: var(--margin-u030);
  --space-content-inset-sm: var(--content-inset-u130);
  --space-content-inset-md: var(--content-inset-u160);
  --space-content-inset-lg: var(--content-inset-u200);
  --space-chrome-edge: var(--sp-0);
  --space-chrome-gap: var(--sp-0);
  --space-chrome-pad: var(--sp-50);
  --space-chrome-item-gap: var(--sp-0);
  --space-group-inset: var(--sp-0);
  --space-group-gap: var(--sp-0);
  --space-switch-inset: var(--sp-25);
  --space-container-inset-md: var(--sp-75);
  --space-container-inset-lg: var(--sp-100);
  --space-container-inset-xl: var(--sp-150);
  --space-container-inset-2xl: var(--sp-200);
  --space-ctrl-gap-xs: var(--sp-25);
  --space-ctrl-gap-sm: var(--sp-50);
  --space-ctrl-gap: var(--sp-50);
  --space-ctrl-pad-sm: var(--sp-50);
  --space-ctrl-pad: var(--sp-75);
  --space-ctrl-pad-lg: var(--sp-100);
  --space-ctrl-pad-xl: var(--sp-150);
  --space-surface-gap: var(--sp-75);
  --space-surface-gap-lg: var(--sp-100);
  --space-surface-gap-xl: var(--sp-150);
  --space-surface-gap-2xl: var(--sp-200);
  --space-surface-pad-sm: var(--sp-100);
  --space-surface-pad: var(--sp-150);
  --space-surface-pad-md: var(--sp-200);
  --space-surface-pad-lg: var(--sp-250);
  --space-surface-pad-xl: var(--sp-300);
  --space-surface-pad-2xl: var(--sp-400);
  --space-layout-section-lg: var(--sp-400);
  --space-layout-gap-sm: var(--sp-250);
  --space-layout-gap-lg: var(--sp-300);
  --space-layout-gap-xl: var(--sp-400);
  --space-layout-gap: var(--gap-grid);
  --space-layout-section: var(--gap-section);
  --space-layout-gutter: var(--gutter);
  --space-layout-block: var(--space-block);
  --size-toggle-group-item: var(--sz-26);
  --size-overlay-item-sm: var(--sz-28);
  --size-chrome-bar: var(--sz-44);
  --size-chrome-status-bar: var(--sz-28);
  --size-shell-width: var(--sz-384);
  --size-a11y-visually-hidden: var(--sz-1);
  --size-switch-track-inline: var(--switch-track-w);
  --size-switch-track-block: var(--switch-track-h);
  --size-stroke-default: var(--stroke-100);
  --size-stroke-strong: var(--stroke-150);
  --size-stroke-emphasis: var(--stroke-200);
  --size-track: var(--sz-4);
  --size-progress: var(--sz-6);
  --size-indicator: var(--sz-8);
  --size-icon-sm: var(--sz-16);
  --size-icon-md: var(--sz-20);
  --size-icon-action: var(--sz-24);
  --size-icon-lg: var(--sz-28);
  --size-icon-xl: var(--sz-32);
  --size-icon-2xl: var(--sz-36);
  --size-icon-touch: var(--sz-44);
  --size-avatar: var(--sz-32);
  --size-avatar-lg: var(--sz-40);
  --size-feature-icon: var(--sz-40);
  --size-dropdown: var(--sz-48);
  --size-tick-w: var(--sz-5-6);
  --size-tick-h: var(--sz-6);
  --size-popover-caret-w: var(--sz-14);
  --size-popover-caret-h: var(--sz-7);
  --size-tooltip-caret-w: var(--sz-12);
  --size-tooltip-caret-h: var(--sz-6);
  --size-field-xs: var(--sz-80);
  --size-field-sm: var(--sz-160);
  --size-field-md: var(--sz-192);
  --size-field-lg: var(--sz-224);
  --size-field-xl: var(--sz-288);
  --size-select-trigger: var(--sz-128);
  --size-menu-label: var(--sz-112);
  --size-filter-pill: var(--sz-88);
  --size-tag-cloud: var(--sz-256);
  --size-table-col: var(--sz-96);
  --size-media-row: var(--sz-160);
  --size-overlay-tooltip: var(--sz-320);
  --size-overlay-toast: var(--sz-352);
  --size-overlay-popover: var(--sz-384);
  --size-overlay-form: var(--sz-448);
  --size-content-sm: var(--sz-512);
  --size-content-md: var(--sz-576);
  --size-content-lg: var(--sz-640);
  --size-content-xl: var(--sz-768);
  --size-content-2xl: var(--sz-896);
  --size-section-portrait: var(--sz-384);
  --size-section-video: var(--sz-544);
  --overlay-min-w: var(--sz-128);
  --overlay-py: var(--sp-0);
  --overlay-px: var(--sp-0);
  --overlay-item-h: var(--ctrl-md-h);
  --overlay-item-px: var(--sp-75);
  --overlay-indicator-w: var(--sz-20);
  --overlay-z-modal: var(--z-22);
}
@media (pointer: coarse), (any-pointer: coarse) {
  [data-geometry-preset=square] {
    --space-concentric-lg-lg: var(--margin-u010);
    --space-concentric-md-lg: var(--margin-u030);
    --space-content-inset-sm: var(--content-inset-u190);
    --space-content-inset-md: var(--content-inset-u220);
    --space-content-inset-lg: var(--content-inset-u240);
    --size-toggle-group-item: var(--sz-38);
    --size-overlay-item-sm: var(--sz-40);
  }
}
[data-geometry-preset=small] {
  --corner-card: var(--radius-lg);
  --corner-control: var(--radius-md);
  --corner-chip: var(--radius-sm);
  --corner-pill: var(--radius-intrinsic);
  --corner-track: var(--radius-intrinsic);
  --corner-thumb: var(--radius-intrinsic);
  --corner-avatar: var(--radius-intrinsic);
  --space-radius-container-sm: var(--radius-u060);
  --space-radius-child-sm: var(--radius-u030);
  --border-sm: var(--border-u005);
  --space-concentric-sm-sm: var(--margin-u025);
  --space-radius-container-md: var(--radius-u110);
  --space-radius-child-md: var(--radius-u060);
  --border-md: var(--border-u005);
  --space-concentric-md-md: var(--margin-u045);
  --space-concentric-md-lg: var(--margin-u070);
  --space-radius-container-lg: var(--radius-u140);
  --space-radius-child-lg: var(--radius-u100);
  --border-lg: var(--border-u010);
  --space-concentric-lg-lg: var(--margin-u030);
  --space-content-inset-sm: var(--content-inset-u130);
  --space-content-inset-md: var(--content-inset-u160);
  --space-content-inset-lg: var(--content-inset-u200);
  --space-chrome-edge: var(--sp-50);
  --space-chrome-gap: var(--sp-50);
  --space-chrome-pad: var(--sp-75);
  --space-chrome-item-gap: var(--sp-25);
  --space-group-inset: var(--sp-25);
  --space-group-gap: var(--sp-25);
  --space-switch-inset: var(--sp-25);
  --space-container-inset-md: var(--sp-75);
  --space-container-inset-lg: var(--sp-125);
  --space-container-inset-xl: var(--sp-175);
  --space-container-inset-2xl: var(--sp-200);
  --space-ctrl-gap-xs: var(--sp-25);
  --space-ctrl-gap-sm: var(--sp-50);
  --space-ctrl-gap: var(--sp-75);
  --space-ctrl-pad-sm: var(--sp-50);
  --space-ctrl-pad: var(--sp-75);
  --space-ctrl-pad-lg: var(--sp-125);
  --space-ctrl-pad-xl: var(--sp-175);
  --space-surface-gap: var(--sp-75);
  --space-surface-gap-lg: var(--sp-125);
  --space-surface-gap-xl: var(--sp-200);
  --space-surface-gap-2xl: var(--sp-250);
  --space-surface-pad-sm: var(--sp-125);
  --space-surface-pad: var(--sp-175);
  --space-surface-pad-md: var(--sp-200);
  --space-surface-pad-lg: var(--sp-250);
  --space-surface-pad-xl: var(--sp-300);
  --space-surface-pad-2xl: var(--sp-500);
  --space-layout-section-lg: var(--sp-440);
  --space-layout-gap-sm: var(--sp-250);
  --space-layout-gap-lg: var(--sp-400);
  --space-layout-gap-xl: var(--sp-440);
  --space-layout-gap: var(--gap-grid);
  --space-layout-section: var(--gap-section);
  --space-layout-gutter: var(--gutter);
  --space-layout-block: var(--space-block);
  --size-toggle-group-item: var(--sz-26);
  --size-overlay-item-sm: var(--sz-28);
  --size-chrome-bar: var(--sz-46);
  --size-chrome-status-bar: var(--sz-28);
  --size-shell-width: var(--sz-384);
  --size-a11y-visually-hidden: var(--sz-1);
  --size-switch-track-inline: var(--switch-track-w);
  --size-switch-track-block: var(--switch-track-h);
  --size-stroke-default: var(--stroke-100);
  --size-stroke-strong: var(--stroke-150);
  --size-stroke-emphasis: var(--stroke-200);
  --size-track: var(--sz-4);
  --size-progress: var(--sz-6);
  --size-indicator: var(--sz-8);
  --size-icon-sm: var(--sz-16);
  --size-icon-md: var(--sz-20);
  --size-icon-action: var(--sz-24);
  --size-icon-lg: var(--sz-28);
  --size-icon-xl: var(--sz-32);
  --size-icon-2xl: var(--sz-36);
  --size-icon-touch: var(--sz-44);
  --size-avatar: var(--sz-32);
  --size-avatar-lg: var(--sz-40);
  --size-feature-icon: var(--sz-40);
  --size-dropdown: var(--sz-48);
  --size-tick-w: var(--sz-5-6);
  --size-tick-h: var(--sz-6);
  --size-popover-caret-w: var(--sz-14);
  --size-popover-caret-h: var(--sz-7);
  --size-tooltip-caret-w: var(--sz-12);
  --size-tooltip-caret-h: var(--sz-6);
  --size-field-xs: var(--sz-80);
  --size-field-sm: var(--sz-160);
  --size-field-md: var(--sz-192);
  --size-field-lg: var(--sz-224);
  --size-field-xl: var(--sz-288);
  --size-select-trigger: var(--sz-128);
  --size-menu-label: var(--sz-112);
  --size-filter-pill: var(--sz-88);
  --size-tag-cloud: var(--sz-256);
  --size-table-col: var(--sz-96);
  --size-media-row: var(--sz-160);
  --size-overlay-tooltip: var(--sz-320);
  --size-overlay-toast: var(--sz-352);
  --size-overlay-popover: var(--sz-384);
  --size-overlay-form: var(--sz-448);
  --size-content-sm: var(--sz-512);
  --size-content-md: var(--sz-576);
  --size-content-lg: var(--sz-640);
  --size-content-xl: var(--sz-768);
  --size-content-2xl: var(--sz-896);
  --size-section-portrait: var(--sz-384);
  --size-section-video: var(--sz-544);
  --overlay-min-w: var(--sz-128);
  --overlay-py: var(--sp-25);
  --overlay-px: var(--sp-25);
  --overlay-item-h: var(--ctrl-md-h);
  --overlay-item-px: var(--sp-75);
  --overlay-indicator-w: var(--sz-20);
  --overlay-z-modal: var(--z-22);
}
@media (pointer: coarse), (any-pointer: coarse) {
  [data-geometry-preset=small] {
    --space-radius-container-sm: var(--radius-u120);
    --space-radius-child-sm: var(--radius-u090);
    --space-radius-container-md: var(--radius-u170);
    --space-radius-child-md: var(--radius-u120);
    --space-radius-container-lg: var(--radius-u160);
    --space-radius-child-lg: var(--radius-u140);
    --space-concentric-lg-lg: var(--margin-u010);
    --space-concentric-md-lg: var(--margin-u030);
    --space-content-inset-sm: var(--content-inset-u190);
    --space-content-inset-md: var(--content-inset-u220);
    --space-content-inset-lg: var(--content-inset-u240);
    --size-toggle-group-item: var(--sz-38);
    --size-overlay-item-sm: var(--sz-40);
  }
}
[data-geometry-preset=large] {
  --corner-card: var(--radius-xl);
  --corner-control: var(--radius-lg);
  --corner-chip: var(--radius-md);
  --corner-pill: var(--radius-intrinsic);
  --corner-track: var(--radius-intrinsic);
  --corner-thumb: var(--radius-intrinsic);
  --corner-avatar: var(--radius-intrinsic);
  --space-radius-container-sm: var(--radius-u100);
  --space-radius-child-sm: var(--radius-u070);
  --border-sm: var(--border-u005);
  --space-concentric-sm-sm: var(--margin-u025);
  --space-radius-container-md: var(--radius-u150);
  --space-radius-child-md: var(--radius-u100);
  --border-md: var(--border-u005);
  --space-concentric-md-md: var(--margin-u045);
  --space-concentric-md-lg: var(--margin-u070);
  --space-radius-container-lg: var(--radius-u180);
  --space-radius-child-lg: var(--radius-u140);
  --border-lg: var(--border-u010);
  --space-concentric-lg-lg: var(--margin-u030);
  --space-content-inset-sm: var(--content-inset-u130);
  --space-content-inset-md: var(--content-inset-u160);
  --space-content-inset-lg: var(--content-inset-u200);
  --space-chrome-edge: var(--sp-100);
  --space-chrome-gap: var(--sp-100);
  --space-chrome-pad: var(--sp-100);
  --space-chrome-item-gap: var(--sp-25);
  --space-group-inset: var(--sp-25);
  --space-group-gap: var(--sp-25);
  --space-switch-inset: var(--sp-25);
  --space-container-inset-md: var(--sp-125);
  --space-container-inset-lg: var(--sp-150);
  --space-container-inset-xl: var(--sp-200);
  --space-container-inset-2xl: var(--sp-250);
  --space-ctrl-gap-xs: var(--sp-25);
  --space-ctrl-gap-sm: var(--sp-50);
  --space-ctrl-gap: var(--sp-75);
  --space-ctrl-pad-sm: var(--sp-75);
  --space-ctrl-pad: var(--sp-125);
  --space-ctrl-pad-lg: var(--sp-150);
  --space-ctrl-pad-xl: var(--sp-250);
  --space-surface-gap: var(--sp-125);
  --space-surface-gap-lg: var(--sp-175);
  --space-surface-gap-xl: var(--sp-250);
  --space-surface-gap-2xl: var(--sp-300);
  --space-surface-pad-sm: var(--sp-150);
  --space-surface-pad: var(--sp-200);
  --space-surface-pad-md: var(--sp-250);
  --space-surface-pad-lg: var(--sp-300);
  --space-surface-pad-xl: var(--sp-400);
  --space-surface-pad-2xl: var(--sp-600);
  --space-layout-section-lg: var(--sp-500);
  --space-layout-gap-sm: var(--sp-300);
  --space-layout-gap-lg: var(--sp-400);
  --space-layout-gap-xl: var(--sp-500);
  --space-layout-gap: var(--gap-grid);
  --space-layout-section: var(--gap-section);
  --space-layout-gutter: var(--gutter);
  --space-layout-block: var(--space-block);
  --size-toggle-group-item: var(--sz-26);
  --size-overlay-item-sm: var(--sz-28);
  --size-chrome-bar: var(--sz-49);
  --size-chrome-status-bar: var(--sz-28);
  --size-shell-width: var(--sz-384);
  --size-a11y-visually-hidden: var(--sz-1);
  --size-switch-track-inline: var(--switch-track-w);
  --size-switch-track-block: var(--switch-track-h);
  --size-stroke-default: var(--stroke-100);
  --size-stroke-strong: var(--stroke-150);
  --size-stroke-emphasis: var(--stroke-200);
  --size-track: var(--sz-4);
  --size-progress: var(--sz-6);
  --size-indicator: var(--sz-8);
  --size-icon-sm: var(--sz-16);
  --size-icon-md: var(--sz-20);
  --size-icon-action: var(--sz-24);
  --size-icon-lg: var(--sz-28);
  --size-icon-xl: var(--sz-32);
  --size-icon-2xl: var(--sz-36);
  --size-icon-touch: var(--sz-44);
  --size-avatar: var(--sz-32);
  --size-avatar-lg: var(--sz-40);
  --size-feature-icon: var(--sz-40);
  --size-dropdown: var(--sz-48);
  --size-tick-w: var(--sz-5-6);
  --size-tick-h: var(--sz-6);
  --size-popover-caret-w: var(--sz-14);
  --size-popover-caret-h: var(--sz-7);
  --size-tooltip-caret-w: var(--sz-12);
  --size-tooltip-caret-h: var(--sz-6);
  --size-field-xs: var(--sz-80);
  --size-field-sm: var(--sz-160);
  --size-field-md: var(--sz-192);
  --size-field-lg: var(--sz-224);
  --size-field-xl: var(--sz-288);
  --size-select-trigger: var(--sz-128);
  --size-menu-label: var(--sz-112);
  --size-filter-pill: var(--sz-88);
  --size-tag-cloud: var(--sz-256);
  --size-table-col: var(--sz-96);
  --size-media-row: var(--sz-160);
  --size-overlay-tooltip: var(--sz-320);
  --size-overlay-toast: var(--sz-352);
  --size-overlay-popover: var(--sz-384);
  --size-overlay-form: var(--sz-448);
  --size-content-sm: var(--sz-512);
  --size-content-md: var(--sz-576);
  --size-content-lg: var(--sz-640);
  --size-content-xl: var(--sz-768);
  --size-content-2xl: var(--sz-896);
  --size-section-portrait: var(--sz-384);
  --size-section-video: var(--sz-544);
  --overlay-min-w: var(--sz-128);
  --overlay-py: var(--sp-25);
  --overlay-px: var(--sp-25);
  --overlay-item-h: var(--ctrl-md-h);
  --overlay-item-px: var(--sp-125);
  --overlay-indicator-w: var(--sz-20);
  --overlay-z-modal: var(--z-22);
}
@media (pointer: coarse), (any-pointer: coarse) {
  [data-geometry-preset=large] {
    --space-radius-container-sm: var(--radius-u160);
    --space-radius-child-sm: var(--radius-u130);
    --space-radius-container-md: var(--radius-u210);
    --space-radius-child-md: var(--radius-u160);
    --space-radius-container-lg: var(--radius-u200);
    --space-radius-child-lg: var(--radius-u180);
    --space-concentric-lg-lg: var(--margin-u010);
    --space-concentric-md-lg: var(--margin-u030);
    --space-content-inset-sm: var(--content-inset-u190);
    --space-content-inset-md: var(--content-inset-u220);
    --space-content-inset-lg: var(--content-inset-u240);
    --size-toggle-group-item: var(--sz-38);
    --size-overlay-item-sm: var(--sz-40);
  }
}
[data-geometry-preset=full] {
  --corner-card: var(--radius-xl);
  --corner-control: var(--radius-intrinsic);
  --corner-chip: var(--radius-sm);
  --corner-pill: var(--radius-intrinsic);
  --corner-track: var(--radius-intrinsic);
  --corner-thumb: var(--radius-intrinsic);
  --corner-avatar: var(--radius-intrinsic);
  --space-radius-container-sm: var(--radius-u160);
  --space-radius-child-sm: var(--radius-u130);
  --border-sm: var(--border-u005);
  --space-concentric-sm-sm: var(--margin-u025);
  --space-radius-container-md: var(--radius-u210);
  --space-radius-child-md: var(--radius-u160);
  --border-md: var(--border-u005);
  --space-concentric-md-md: var(--margin-u045);
  --space-concentric-md-lg: var(--margin-u070);
  --space-radius-container-lg: var(--radius-u240);
  --space-radius-child-lg: var(--radius-u200);
  --border-lg: var(--border-u010);
  --space-concentric-lg-lg: var(--margin-u030);
  --space-content-inset-sm: var(--content-inset-u130);
  --space-content-inset-md: var(--content-inset-u160);
  --space-content-inset-lg: var(--content-inset-u200);
  --space-chrome-edge: var(--sp-125);
  --space-chrome-gap: var(--sp-125);
  --space-chrome-pad: var(--sp-125);
  --space-chrome-item-gap: var(--sp-25);
  --space-group-inset: var(--sp-25);
  --space-group-gap: var(--sp-25);
  --space-switch-inset: var(--sp-25);
  --space-container-inset-md: var(--sp-125);
  --space-container-inset-lg: var(--sp-150);
  --space-container-inset-xl: var(--sp-200);
  --space-container-inset-2xl: var(--sp-250);
  --space-ctrl-gap-xs: var(--sp-25);
  --space-ctrl-gap-sm: var(--sp-50);
  --space-ctrl-gap: var(--sp-75);
  --space-ctrl-pad-sm: var(--sp-100);
  --space-ctrl-pad: var(--sp-125);
  --space-ctrl-pad-lg: var(--sp-175);
  --space-ctrl-pad-xl: var(--sp-250);
  --space-surface-gap: var(--sp-125);
  --space-surface-gap-lg: var(--sp-175);
  --space-surface-gap-xl: var(--sp-300);
  --space-surface-gap-2xl: var(--sp-300);
  --space-surface-pad-sm: var(--sp-150);
  --space-surface-pad: var(--sp-200);
  --space-surface-pad-md: var(--sp-250);
  --space-surface-pad-lg: var(--sp-300);
  --space-surface-pad-xl: var(--sp-400);
  --space-surface-pad-2xl: var(--sp-600);
  --space-layout-section-lg: var(--sp-500);
  --space-layout-gap-sm: var(--sp-300);
  --space-layout-gap-lg: var(--sp-400);
  --space-layout-gap-xl: var(--sp-500);
  --space-layout-gap: var(--gap-grid);
  --space-layout-section: var(--gap-section);
  --space-layout-gutter: var(--gutter);
  --space-layout-block: var(--space-block);
  --size-toggle-group-item: var(--sz-26);
  --size-overlay-item-sm: var(--sz-28);
  --size-chrome-bar: var(--sz-50);
  --size-chrome-status-bar: var(--sz-28);
  --size-shell-width: var(--sz-384);
  --size-a11y-visually-hidden: var(--sz-1);
  --size-switch-track-inline: var(--switch-track-w);
  --size-switch-track-block: var(--switch-track-h);
  --size-stroke-default: var(--stroke-100);
  --size-stroke-strong: var(--stroke-150);
  --size-stroke-emphasis: var(--stroke-200);
  --size-track: var(--sz-4);
  --size-progress: var(--sz-6);
  --size-indicator: var(--sz-8);
  --size-icon-sm: var(--sz-16);
  --size-icon-md: var(--sz-20);
  --size-icon-action: var(--sz-24);
  --size-icon-lg: var(--sz-28);
  --size-icon-xl: var(--sz-32);
  --size-icon-2xl: var(--sz-36);
  --size-icon-touch: var(--sz-44);
  --size-avatar: var(--sz-32);
  --size-avatar-lg: var(--sz-40);
  --size-feature-icon: var(--sz-40);
  --size-dropdown: var(--sz-48);
  --size-tick-w: var(--sz-5-6);
  --size-tick-h: var(--sz-6);
  --size-popover-caret-w: var(--sz-14);
  --size-popover-caret-h: var(--sz-7);
  --size-tooltip-caret-w: var(--sz-12);
  --size-tooltip-caret-h: var(--sz-6);
  --size-field-xs: var(--sz-80);
  --size-field-sm: var(--sz-160);
  --size-field-md: var(--sz-192);
  --size-field-lg: var(--sz-224);
  --size-field-xl: var(--sz-288);
  --size-select-trigger: var(--sz-128);
  --size-menu-label: var(--sz-112);
  --size-filter-pill: var(--sz-88);
  --size-tag-cloud: var(--sz-256);
  --size-table-col: var(--sz-96);
  --size-media-row: var(--sz-160);
  --size-overlay-tooltip: var(--sz-320);
  --size-overlay-toast: var(--sz-352);
  --size-overlay-popover: var(--sz-384);
  --size-overlay-form: var(--sz-448);
  --size-content-sm: var(--sz-512);
  --size-content-md: var(--sz-576);
  --size-content-lg: var(--sz-640);
  --size-content-xl: var(--sz-768);
  --size-content-2xl: var(--sz-896);
  --size-section-portrait: var(--sz-384);
  --size-section-video: var(--sz-544);
  --overlay-min-w: var(--sz-128);
  --overlay-py: var(--sp-25);
  --overlay-px: var(--sp-25);
  --overlay-item-h: var(--ctrl-md-h);
  --overlay-item-px: var(--sp-125);
  --overlay-indicator-w: var(--sz-20);
  --overlay-z-modal: var(--z-22);
}
@media (pointer: coarse), (any-pointer: coarse) {
  [data-geometry-preset=full] {
    --space-radius-container-sm: var(--radius-u220);
    --space-radius-child-sm: var(--radius-u190);
    --space-radius-container-md: var(--radius-u270);
    --space-radius-child-md: var(--radius-u220);
    --space-radius-container-lg: var(--radius-u260);
    --space-radius-child-lg: var(--radius-u240);
    --space-concentric-lg-lg: var(--margin-u010);
    --space-concentric-md-lg: var(--margin-u030);
    --space-content-inset-sm: var(--content-inset-u190);
    --space-content-inset-md: var(--content-inset-u220);
    --space-content-inset-lg: var(--content-inset-u240);
    --size-toggle-group-item: var(--sz-38);
    --size-overlay-item-sm: var(--sz-40);
  }
}
:root,
[data-control-size=md] {
  --size-control-height: var(--ctrl-md-h);
  --space-control-horizontoal-inline-padding: var(--sp-125);
  --type-control-size: var(--type-base-size-sm);
  --type-control-line-height: var(--type-base-leading-md);
}
[data-control-size=sm] {
  --size-control-height: var(--ctrl-sm-h);
  --space-control-horizontoal-inline-padding: var(--sp-75);
  --type-control-size: var(--type-base-size-xs);
  --type-control-line-height: var(--type-base-leading-md);
}
[data-control-size=lg] {
  --size-control-height: var(--ctrl-lg-h);
  --space-control-horizontoal-inline-padding: var(--sp-150);
  --type-control-size: var(--type-base-size-md);
  --type-control-line-height: var(--type-base-leading-lg);
}
:root,
[data-interaction-base-preset=standard] {
  --ix-base-alpha-6: 6%;
  --ix-base-alpha-10: 10%;
  --ix-base-alpha-16: 16%;
  --ix-base-alpha-24: 24%;
  --ix-base-opacity-50: 0.5;
  --ix-base-length-2: 2px;
  --ix-base-duration-150: 150ms;
  --ix-base-duration-300: 300ms;
  --ix-base-duration-450: 450ms;
  --ix-base-duration-900: 900ms;
  --ix-base-duration-1500: 1500ms;
  --ix-base-easing-standard: ease;
  --ix-base-easing-in-out: ease-in-out;
}
:root,
[data-interaction-semantic-preset=standard] {
  --ix-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-command-trigger-emphasis-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-prominent-hover-bg: var(--color-control-bg-prominent-hover);
  --ix-danger-hover-bg: var(--color-control-bg-danger-hover);
  --ix-row-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-6), transparent );
  --ix-selected-bg: var(--color-control-bg-prominent);
  --ix-selected-fg: var(--color-control-fg-prominent);
  --ix-press-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-ring: var(--color-control-border-prominent);
  --ix-ring-w: var(--ix-base-length-2);
  --ix-ring-offset-out: var(--ix-base-length-2);
  --ix-ring-offset-in: calc(-1 * var(--ix-base-length-2));
  --ix-ring-offset: var(--ix-base-length-2);
  --ix-indicator-color: var(--color-control-bg-prominent);
  --ix-indicator-w: var(--ix-base-length-2);
  --ix-disabled-opacity: var(--ix-base-opacity-50);
  --ix-duration-short: var(--ix-base-duration-150);
  --ix-duration-medium: var(--ix-base-duration-300);
  --ix-duration-long: var(--ix-base-duration-450);
  --ix-duration-xlong: var(--ix-base-duration-900);
  --ix-duration-xxlong: var(--ix-base-duration-1500);
  --ix-easing: var(--ix-base-easing-standard);
  --ix-easing-in-out: var(--ix-base-easing-in-out);
}
.dark,
[data-interaction-semantic-preset=standard].dark {
  --ix-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-command-trigger-emphasis-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-row-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-press-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-24), transparent );
}
[data-theme=light] {
  --ix-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-command-trigger-emphasis-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-prominent-hover-bg: var(--color-control-bg-prominent-hover);
  --ix-danger-hover-bg: var(--color-control-bg-danger-hover);
  --ix-row-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-6), transparent );
  --ix-selected-bg: var(--color-control-bg-prominent);
  --ix-selected-fg: var(--color-control-fg-prominent);
  --ix-press-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-ring: var(--color-control-border-prominent);
  --ix-ring-w: var(--ix-base-length-2);
  --ix-ring-offset-out: var(--ix-base-length-2);
  --ix-ring-offset-in: calc(-1 * var(--ix-base-length-2));
  --ix-ring-offset: var(--ix-base-length-2);
  --ix-indicator-color: var(--color-control-bg-prominent);
  --ix-indicator-w: var(--ix-base-length-2);
  --ix-disabled-opacity: var(--ix-base-opacity-50);
  --ix-duration-short: var(--ix-base-duration-150);
  --ix-duration-medium: var(--ix-base-duration-300);
  --ix-duration-long: var(--ix-base-duration-450);
  --ix-duration-xlong: var(--ix-base-duration-900);
  --ix-duration-xxlong: var(--ix-base-duration-1500);
  --ix-easing: var(--ix-base-easing-standard);
  --ix-easing-in-out: var(--ix-base-easing-in-out);
}
[data-theme=dark] {
  --ix-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-command-trigger-emphasis-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-prominent-hover-bg: var(--color-control-bg-prominent-hover);
  --ix-danger-hover-bg: var(--color-control-bg-danger-hover);
  --ix-row-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-6), transparent );
  --ix-selected-bg: var(--color-control-bg-prominent);
  --ix-selected-fg: var(--color-control-fg-prominent);
  --ix-press-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-ring: var(--color-control-border-prominent);
  --ix-ring-w: var(--ix-base-length-2);
  --ix-ring-offset-out: var(--ix-base-length-2);
  --ix-ring-offset-in: calc(-1 * var(--ix-base-length-2));
  --ix-ring-offset: var(--ix-base-length-2);
  --ix-indicator-color: var(--color-control-bg-prominent);
  --ix-indicator-w: var(--ix-base-length-2);
  --ix-disabled-opacity: var(--ix-base-opacity-50);
  --ix-duration-short: var(--ix-base-duration-150);
  --ix-duration-medium: var(--ix-base-duration-300);
  --ix-duration-long: var(--ix-base-duration-450);
  --ix-duration-xlong: var(--ix-base-duration-900);
  --ix-duration-xxlong: var(--ix-base-duration-1500);
  --ix-easing: var(--ix-base-easing-standard);
  --ix-easing-in-out: var(--ix-base-easing-in-out);
  --ix-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-command-trigger-emphasis-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-16), transparent );
  --ix-row-hover-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-10), transparent );
  --ix-press-bg: color-mix( in srgb, var(--color-control-bg-prominent) var(--ix-base-alpha-24), transparent );
}
:root {
  --glass-opacity: 35%;
  --glass-blur: 12.5px;
  --glass-saturate: 150%;
  --glass-bg: var(--color-content-bg);
  --glass-surface: color-mix( in srgb, var(--glass-bg) var(--glass-opacity), transparent );
}
.dark {
  --glass-bg: var(--p-neutral-850);
}
[data-theme=light] {
  --glass-opacity: 35%;
  --glass-blur: 12.5px;
  --glass-saturate: 150%;
  --glass-bg: var(--color-content-bg);
  --glass-surface: color-mix( in srgb, var(--glass-bg) var(--glass-opacity), transparent );
}
[data-theme=dark] {
  --glass-opacity: 35%;
  --glass-blur: 12.5px;
  --glass-saturate: 150%;
  --glass-bg: var(--color-content-bg);
  --glass-surface: color-mix( in srgb, var(--glass-bg) var(--glass-opacity), transparent );
  --glass-bg: var(--p-neutral-850);
}
:root {
  --overlay-z: 20;
  --overlay-z-nested: 21;
  --overlay-z-boundary: 20;
  --overlay-z-host-popup: 0;
  --overlay-z-host-modal: 2;
  --overlay-z-host-notification: 3;
  --overlay-z-host-critical: 8;
  --overlay-z-host-developer: 9;
  --overlay-z-local-backdrop: 0;
  --overlay-z-local-surface: 1;
  --overlay-z-local-dependent: 2;
  --overlay-z-backdrop: var(--overlay-z-modal);
  --overlay-z-surface: var(--overlay-z-modal);
  --overlay-shortcut-opacity: 0.5;
  --overlay-backdrop-bg: var(--p-black-a40);
}
:root {
  --bp-xs: 32rem;
  --bp-sm: 40rem;
  --bp-md: 48rem;
  --bp-lg: 64rem;
  --bp-xl: 80rem;
  --bp-2xl: 96rem;
}

/* browser-fs:.melonbase/packages/a9-ds/components.css */
@layer base {
  :where(html) {
    font-family: var(--type-body-family);
  }
  :where(body) {
    font-family: inherit;
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
  }
  :where(button, input, select, textarea) {
    font: inherit;
    letter-spacing: inherit;
  }
}
@layer components {
  [data-input-surface] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    block-size: var(--size-control-height);
    border-radius: var(--space-radius-child-md);
    border: var(--border-sm) solid var(--color-control-border);
    background: var(--color-control-bg);
    color: var(--color-control-fg);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    transition: background-color var(--ix-duration-short) var(--ix-easing), border-color var(--ix-duration-short) var(--ix-easing);
    overflow: hidden;
  }
  [data-input-surface]:hover {
    background: var(--ix-hover-bg);
    border-color: var(--color-control-border-prominent);
  }
  [data-input-surface]:focus-within {
    border-color: var(--ix-ring);
    outline: none;
  }
  [data-input-surface][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
}
@layer components {
  [data-overlay-boundary] {
    position: fixed;
    inset: 0;
    isolation: isolate;
    pointer-events: none;
    z-index: var(--overlay-z-boundary);
  }
  [data-overlay-host] {
    position: absolute;
    inset: 0;
    isolation: isolate;
    pointer-events: none;
    --overlay-z: var(--overlay-z-local-dependent);
    --overlay-z-backdrop: var(--overlay-z-local-backdrop);
    --overlay-z-surface: var(--overlay-z-local-surface);
  }
  [data-overlay-host=popup] {
    z-index: var(--overlay-z-host-popup);
  }
  [data-overlay-host=modal] {
    z-index: var(--overlay-z-host-modal);
  }
  [data-overlay-host=notification] {
    z-index: var(--overlay-z-host-notification);
  }
  [data-overlay-host=critical] {
    z-index: var(--overlay-z-host-critical);
  }
  [data-overlay-host=developer] {
    z-index: var(--overlay-z-host-developer);
  }
  [data-overlay-host] > [data-base-ui-portal] {
    isolation: isolate;
    pointer-events: auto;
  }
  [data-overlay-positioner] {
    z-index: var(--overlay-z-local-dependent);
  }
  [data-overlay-popup] {
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: var(--border-sm) solid var(--color-overlay-border);
    box-shadow: 0 2px 12px -2px var(--color-effect-shadow-md);
    min-width: var(--overlay-min-w);
    overflow: hidden;
    outline: none;
    z-index: var(--overlay-z);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg);
    transition: opacity var(--ix-duration-short) var(--ix-easing), transform var(--ix-duration-short) var(--ix-easing);
    transform-origin: var(--transform-origin, top);
  }
  [data-overlay-popup][data-closed] {
    opacity: 0;
    transform: scale(0.97) translateY(-2px);
  }
  [data-overlay-item] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
    min-height: var(--size-overlay-item-sm);
    margin: var(--space-concentric-sm-sm);
    padding: 0 var(--overlay-item-px);
    cursor: default;
    user-select: none;
    outline: none;
    color: var(--color-content-fg);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-overlay-item][data-highlighted],
  [data-overlay-item]:hover {
    background: var(--ix-hover-bg);
  }
  [data-overlay-item][data-selected],
  [data-overlay-item][data-checked] {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-overlay-item][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  :is([data-menu-popup], [data-context-menu-popup], [data-autocomplete-popup], [data-combobox-popup], [data-select-popup]) {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: var(--border-sm) solid var(--color-overlay-border);
    border-radius: var(--space-radius-container-sm);
  }
  :is([data-menu-popup], [data-context-menu-popup], [data-autocomplete-popup], [data-combobox-popup], [data-select-popup]) [data-overlay-item] {
    border-radius: var(--space-radius-child-sm);
  }
  :is([data-combobox-list], [data-autocomplete-list], [data-select-list], [data-menu-group], [data-context-menu-group]) {
    display: flex;
    flex-direction: column;
  }
  [data-overlay-separator] {
    height: var(--border-sm);
    background: var(--color-content-border);
    margin: var(--overlay-py) var(--overlay-item-px);
  }
  [data-overlay-group-label] {
    padding: var(--space-ctrl-gap) var(--overlay-item-px) var(--space-ctrl-gap-sm);
    font-family: var(--type-overline-family);
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    color: var(--color-content-fg-muted);
    user-select: none;
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
}
@layer components {
  [data-accordion] {
    display: flex;
    flex-direction: column;
  }
  [data-accordion-item] {
    border-bottom: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-accordion-trigger] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-surface-gap-lg) 0;
    border: none;
    background: transparent;
    color: var(--color-content-fg-prominent);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-caption-2-weight);
    cursor: pointer;
    text-align: start;
    transition: color var(--ix-duration-short) var(--ix-easing);
  }
  [data-accordion-trigger]:hover {
    text-decoration: underline;
  }
  [data-accordion-trigger]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
    border-radius: var(--space-radius-child-md);
  }
  [data-accordion-chevron] {
    margin-inline-start: auto;
    flex-shrink: 0;
    transition: transform var(--ix-duration-short) var(--ix-easing);
    color: var(--color-content-fg-muted);
  }
  [data-accordion-trigger][data-panel-open] [data-accordion-chevron] {
    transform: rotate(90deg);
  }
  :dir(rtl) [data-accordion-chevron] {
    transform: rotate(180deg);
  }
  [data-accordion-content] {
    overflow: hidden;
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    color: var(--color-content-fg-muted);
  }
  [data-accordion-content][data-open] {
    padding-bottom: var(--space-ctrl-pad-lg);
  }
}
@layer components {
  [data-action-bar] {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    gap: 0;
    padding: 0;
    background: var(--color-overlay-bg);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--space-radius-container-lg);
    border: var(--border-lg) solid var(--color-shell-border);
    box-shadow: 0 2px 12px -2px var(--color-effect-shadow-md);
    flex-shrink: 0;
    overflow: hidden;
  }
  [data-action-bar][data-position=start],
  [data-action-bar][data-position=end] {
    flex-direction: column;
  }
  [data-action-bar][data-position=center] {
    flex-direction: row;
    margin-inline: auto;
    block-size: 100%;
    min-block-size: var(--size-chrome-bar);
  }
  [data-action-bar][data-position=end] {
    margin-inline-start: auto;
  }
  [data-action-bar][data-appearance=wide] {
    flex: 0 1 var(--size-shell-width);
    min-inline-size: var(--size-field-md);
  }
  [data-action-bar][data-appearance=prominent] {
    background: var(--color-content-bg-muted);
    color: var(--color-content-fg-prominent);
    border-color: transparent;
  }
  [data-action-bar][data-appearance=clear] {
    background: transparent;
  }
  [data-action-bar] > :is([data-icon-button], [data-button], [data-action-bar-item]) {
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
  }
  [data-action-bar] > [data-icon-button] {
    inline-size: var(--size-control-height);
    block-size: var(--size-control-height);
    min-inline-size: var(--size-control-height);
    min-block-size: var(--size-control-height);
  }
  [data-action-bar] > [data-button] {
    block-size: var(--size-control-height);
    min-block-size: var(--size-control-height);
  }
  [data-action-bar-item] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    block-size: var(--size-control-height);
    min-block-size: var(--size-control-height);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    color: var(--color-content-fg-muted);
    font-size: var(--type-caption-size);
    white-space: nowrap;
  }
  [data-action-bar][data-appearance=wide] [data-command-palette-trigger],
  [data-action-bar][data-appearance=wide] > button {
    flex: 1 1 auto;
    padding-inline: var(--space-control-horizontoal-inline-padding);
  }
  [data-action-bar][data-appearance=wide]:has([data-command-palette-trigger][data-palette-open=true]) {
    display: none;
  }
}
@layer components {
  [data-alert] {
    position: relative;
    display: flex;
    gap: var(--space-ctrl-pad);
    padding: var(--space-content-inset-md);
    border-radius: var(--space-radius-container-md);
    border: var(--border-md) solid var(--color-content-border);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
  }
  [data-alert][data-intent=info] {
    background: var(--color-content-bg-info);
    border-color: var(--color-content-border-info);
    color: var(--color-content-fg-info);
  }
  [data-alert][data-intent=success] {
    background: var(--color-content-bg-success);
    border-color: var(--color-content-border-success);
    color: var(--color-content-fg-success);
  }
  [data-alert][data-intent=warning] {
    background: var(--color-content-bg-warning);
    border-color: var(--color-content-border-warning);
    color: var(--color-content-fg-warning);
  }
  [data-alert][data-intent=destructive] {
    background: var(--color-content-bg-danger);
    border-color: var(--color-content-border-danger);
    color: var(--color-content-fg-danger);
  }
  [data-alert-icon] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  [data-alert-icon] > svg {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
  }
  [data-alert-content] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-alert-title] {
    font-weight: var(--type-caption-2-weight);
    margin: 0;
  }
  [data-alert-description] {
    margin: 0;
    opacity: 0.9;
  }
  [data-alert-close] {
    position: absolute;
    top: var(--space-ctrl-pad);
    inset-inline-end: var(--space-ctrl-pad);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-md);
    height: var(--size-icon-md);
    border: none;
    background: transparent;
    color: currentColor;
    opacity: 0.6;
    cursor: pointer;
    border-radius: var(--space-radius-child-md);
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-alert-close]:hover {
    opacity: 1;
  }
  [data-alert-close]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
}
@layer components {
  [data-autocomplete-input-group] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-inline-size: var(--size-select-trigger);
    block-size: var(--size-control-height);
    border: var(--border-sm) solid var(--color-control-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-control-bg);
    overflow: hidden;
    transition: border-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-autocomplete-input-group]:focus-within {
    border-color: var(--ix-ring);
  }
  [data-autocomplete-input] {
    flex: 1;
    min-inline-size: 0;
    block-size: 100%;
    padding-inline: var(--space-control-horizontoal-inline-padding);
    border: none;
    outline: none;
    background: transparent;
    color: var(--color-control-fg);
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    font-weight: var(--type-body-weight);
    line-height: var(--type-control-line-height);
    letter-spacing: var(--type-body-tracking);
  }
  [data-autocomplete-input]::placeholder {
    color: var(--color-control-fg-muted);
  }
  [data-autocomplete-clear],
  [data-autocomplete-trigger] {
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: var(--color-control-fg-muted);
    cursor: pointer;
    outline: none;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-autocomplete-clear] {
    inline-size: var(--size-icon-action);
  }
  [data-autocomplete-trigger] {
    inline-size: var(--size-icon-lg);
    border-inline-start: var(--border-sm) solid var(--color-control-border);
  }
  [data-autocomplete-clear]:hover,
  [data-autocomplete-trigger]:hover {
    background: var(--ix-hover-bg);
  }
  [data-autocomplete-clear]:focus-visible,
  [data-autocomplete-trigger]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-autocomplete-icon] {
    transition: transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-autocomplete-trigger][data-popup-open] [data-autocomplete-icon] {
    transform: rotate(180deg);
  }
  [data-autocomplete-empty] {
    padding: var(--space-ctrl-pad-lg) var(--overlay-item-px);
    color: var(--color-content-fg-muted);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    font-weight: var(--type-callout-weight);
    line-height: var(--type-callout-line-height);
    letter-spacing: var(--type-callout-tracking);
    text-align: center;
  }
  [data-autocomplete-popup] {
    min-inline-size: max(var(--anchor-width, 0px), var(--overlay-min-w));
  }
}
@layer components {
  [data-avatar] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    overflow: hidden;
    background: var(--color-content-bg-muted);
    color: var(--color-content-fg-muted);
    flex-shrink: 0;
    vertical-align: middle;
  }
  [data-avatar][data-size=sm] {
    width: var(--size-icon-action);
    height: var(--size-icon-action);
    font-size: var(--type-caption-size);
  }
  [data-avatar][data-size=md] {
    width: var(--size-icon-xl);
    height: var(--size-icon-xl);
    font-size: var(--type-callout-size);
  }
  [data-avatar][data-size=lg] {
    width: var(--size-avatar-lg);
    height: var(--size-avatar-lg);
    font-size: var(--type-title3-size);
  }
  [data-avatar-image] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  [data-avatar-fallback] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: var(--type-caption-2-weight);
    text-transform: uppercase;
    user-select: none;
  }
  [data-avatar-group] {
    display: flex;
    align-items: center;
  }
  [data-avatar-group] > [data-avatar] + [data-avatar] {
    margin-inline-start: calc(-1 * var(--space-ctrl-gap));
    outline: 2px solid var(--glass-surface);
  }
}
@layer components {
  [data-badge] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-pad);
    border-radius: 9999px;
    border: var(--border-sm) solid transparent;
    font-size: var(--type-caption-size);
    font-weight: var(--type-caption-2-weight);
    line-height: var(--type-caption-line-height);
    white-space: nowrap;
  }
  [data-badge][data-intent=default] {
    background: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
  }
  [data-badge][data-intent=secondary] {
    background: var(--color-control-bg-muted);
    color: var(--color-control-fg, var(--color-content-fg-prominent));
  }
  [data-badge][data-intent=destructive] {
    background: var(--color-control-bg-danger);
    color: var(--color-control-fg-danger);
  }
  [data-badge][data-intent=outline] {
    border-color: var(--color-content-border);
    background: transparent;
    color: var(--color-content-fg-prominent);
  }
}
@layer components {
  [data-button] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--space-ctrl-gap);
    block-size: var(--size-control-height);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    font-family: var(--type-control-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-control-weight);
    letter-spacing: var(--type-control-tracking);
    border-radius: var(--space-radius-child-md);
    border: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    outline: none;
    transition:
      background-color var(--ix-duration-short) var(--ix-easing),
      color var(--ix-duration-short) var(--ix-easing),
      border-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-button]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-button]:disabled {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-button]:active:not(:disabled) {
    filter: brightness(0.92);
  }
  [data-button][data-intent=prominent] {
    background: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
    border: var(--size-stroke-default) solid var(--color-control-border-prominent);
  }
  [data-button][data-intent=prominent]:hover:not(:disabled) {
    background: var(--ix-prominent-hover-bg);
  }
  [data-button][data-intent=default] {
    background: var(--color-control-bg);
    color: var(--color-control-fg);
    border: var(--border-sm) solid var(--color-control-border);
  }
  [data-button][data-intent=default]:hover:not(:disabled) {
    background: var(--ix-hover-bg);
  }
  [data-button][data-intent=ghost] {
    background: transparent;
    color: var(--color-content-fg-prominent);
  }
  [data-button][data-intent=ghost]:hover:not(:disabled) {
    background: var(--ix-hover-bg);
  }
  [data-button][data-intent=ghost][aria-pressed=true],
  [data-button][data-intent=ghost][aria-pressed=true]:hover:not(:disabled) {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-button][data-intent=destructive] {
    background: var(--color-control-bg-danger);
    color: var(--color-control-fg-danger);
  }
  [data-button][data-intent=destructive]:hover:not(:disabled) {
    background: var(--ix-danger-hover-bg);
  }
}
@layer components {
  [data-calendar] {
    display: inline-flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    padding: var(--space-ctrl-pad-lg);
    align-self: flex-start;
  }
  [data-calendar][data-width=extended] {
    display: flex;
    width: 100%;
    align-self: stretch;
  }
  [data-calendar-header] {
    display: grid;
    grid-template-columns: 1.75rem 1fr 1.75rem;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-calendar-title] {
    font-size: var(--type-subheadline-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
    text-align: center;
  }
  [data-calendar-nav] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-lg);
    height: var(--size-icon-lg);
    border: none;
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-content-fg-muted);
    font-size: var(--type-title2-size);
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-calendar-nav]:hover {
    background: var(--ix-hover-bg);
  }
  [data-calendar-nav]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-calendar-nav-placeholder] {
    display: block;
    width: var(--size-icon-lg);
    height: var(--size-icon-lg);
  }
  [data-calendar-grid] {
    border-collapse: collapse;
  }
  [data-calendar-weekday] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
    text-align: center;
    padding: var(--space-ctrl-gap-sm) 0;
    width: var(--size-icon-2xl);
  }
  [data-calendar-day] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    width: var(--size-icon-xl);
    height: var(--size-icon-xl);
    border: none;
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-control-fg);
    font-size: var(--type-control-size);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-calendar-day]:hover {
    background: var(--ix-hover-bg);
  }
  [data-calendar-day]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-calendar-day][data-today] {
    font-weight: var(--type-caption-2-weight);
    outline: 1px solid var(--color-content-border);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-calendar-day][data-selected] {
    border-radius: var(--space-radius-child-md);
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-calendar-day][data-selected]:hover {
    background: var(--ix-selected-bg);
    opacity: 0.9;
  }
  [data-calendar-panels] {
    display: flex;
    gap: var(--space-surface-pad);
  }
  [data-calendar-panel] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    min-width: 0;
  }
  [data-calendar][data-width=extended] [data-calendar-panel] {
    flex: 1;
  }
  [data-calendar][data-width=extended] [data-calendar-grid] {
    width: 100%;
    table-layout: fixed;
  }
  [data-calendar][data-width=extended] [data-calendar-weekday] {
    width: auto;
  }
  [data-calendar][data-width=extended] [data-calendar-day] {
    width: var(--size-icon-xl);
  }
  [data-calendar-grid] td {
    position: relative;
    height: var(--size-icon-xl);
    padding: 0;
    vertical-align: middle;
    text-align: center;
  }
  [data-calendar-grid] td::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    pointer-events: none;
  }
  [data-calendar-grid] td:not([data-in-range], [data-range-start], [data-range-end], [data-range-preview], [data-range-preview-start], [data-range-preview-end])::before {
    display: none;
  }
  td[data-in-range]::before,
  td[data-range-start]::before,
  td[data-range-end]::before {
    background: var(--color-content-bg-muted);
  }
  td[data-range-preview]::before,
  td[data-range-preview-start]::before,
  td[data-range-preview-end]::before {
    background: var(--color-control-bg-muted);
  }
  td[data-range-start]::before,
  td[data-range-preview-start]::before {
    inset-inline-start: calc((100% - var(--size-icon-xl)) / 2);
    border-start-start-radius: var(--space-radius-child-md);
    border-end-start-radius: var(--space-radius-child-md);
  }
  td[data-range-end]::before,
  td[data-range-preview-end]::before {
    inset-inline-end: calc((100% - var(--size-icon-xl)) / 2);
    border-start-end-radius: var(--space-radius-child-md);
    border-end-end-radius: var(--space-radius-child-md);
  }
  td[data-range-start][data-range-end]::before {
    display: none;
  }
  td[data-range-preview-start] [data-calendar-day]:not([data-selected]):hover,
  td[data-range-preview-end] [data-calendar-day]:not([data-selected]):hover {
    background: transparent;
  }
  [data-calendar-day] {
    position: relative;
    z-index: 1;
  }
}
@layer components {
  [data-card] {
    display: flex;
    flex-direction: column;
    border-radius: var(--space-radius-container-lg);
    border: var(--border-lg) solid var(--color-content-border);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    overflow: hidden;
  }
  [data-card-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
  }
  [data-card-content] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-surface-gap);
    margin: var(--space-content-inset-lg);
  }
  [data-card-body] {
    flex: 1;
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
  }
  [data-card-content] > [data-card-header],
  [data-card-content] > [data-card-body] {
    margin: 0;
  }
  [data-card-footer] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
  }
  [data-card-media] {
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
    overflow: hidden;
  }
  [data-card-media] > img,
  [data-card-media] > video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
@layer components {
  [data-carousel] {
    --carousel-visible-items: 1;
    --carousel-peek-size: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-carousel][data-visible-items="2"] {
    --carousel-visible-items: 2;
  }
  [data-carousel][data-visible-items="3"] {
    --carousel-visible-items: 3;
  }
  [data-carousel][data-visible-items="4"] {
    --carousel-visible-items: 4;
  }
  [data-carousel][data-peek=sm] {
    --carousel-peek-size: var(--space-ctrl-pad);
  }
  [data-carousel][data-peek=md] {
    --carousel-peek-size: var(--space-ctrl-pad-lg);
  }
  [data-carousel][data-peek=lg] {
    --carousel-peek-size: var(--space-ctrl-pad-xl);
  }
  [data-carousel-viewport] {
    box-sizing: border-box;
    overflow: hidden;
    padding-inline-end: var(--carousel-peek-size);
    border-radius: var(--space-radius-container-md);
  }
  [data-carousel-track] {
    display: grid;
    grid-template-columns: repeat(var(--carousel-slide-count), calc(100% / var(--carousel-visible-items)));
    grid-template-rows: minmax(0, auto);
    transform: translateX(calc(0% - var(--carousel-offset, 0%)));
    transition: transform var(--ix-duration-long) var(--ix-easing);
  }
  [data-carousel-track]:dir(rtl) {
    transform: translateX(var(--carousel-offset, 0%));
  }
  [data-carousel-slide] {
    grid-column: var(--carousel-slide-position);
    grid-row: 1;
    min-inline-size: 0;
  }
  [data-carousel-prev],
  [data-carousel-next] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-xl);
    height: var(--size-icon-xl);
    border-radius: var(--space-radius-child-md);
    border: var(--size-stroke-default) solid var(--color-content-border);
    background: var(--glass-surface);
    color: var(--color-content-fg-prominent);
    cursor: pointer;
    transition: opacity var(--ix-duration-short) var(--ix-easing), background var(--ix-duration-short) var(--ix-easing);
  }
  [data-carousel-prev] {
    inset-inline-start: var(--space-ctrl-pad);
  }
  [data-carousel-next] {
    inset-inline-end: var(--space-ctrl-pad);
  }
  [data-carousel-prev]:hover,
  [data-carousel-next]:hover {
    background: var(--ix-hover-bg);
  }
  [data-carousel-prev]:focus-visible,
  [data-carousel-next]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset);
  }
  [data-carousel-prev]:disabled,
  [data-carousel-next]:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }
  [data-carousel-indicators] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-gap);
  }
  [data-carousel-dot] {
    width: var(--size-indicator);
    height: var(--size-indicator);
    border-radius: 9999px;
    border: none;
    background: var(--color-content-border);
    cursor: pointer;
    padding: 0;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-carousel-dot][data-active] {
    background: var(--ix-selected-bg);
  }
  [data-carousel-dot]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset);
  }
  [data-carousel-status] {
    position: absolute;
    width: var(--size-a11y-visually-hidden);
    height: var(--size-a11y-visually-hidden);
    padding: 0;
    margin: calc(-1 * var(--size-a11y-visually-hidden));
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-carousel-track] {
      transition: none;
    }
  }
}
@layer components {
  [data-checkbox-root] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    flex-shrink: 0;
    border-radius: 4px;
    border: var(--size-stroke-strong) solid var(--color-control-border);
    background: var(--color-control-bg);
    cursor: pointer;
    outline: none;
    transition: border-color var(--ix-duration-short) var(--ix-easing), background-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-checkbox-root]:hover:not([data-disabled]) {
    border-color: var(--color-control-border-prominent);
  }
  [data-checkbox-root]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-checkbox-root][data-checked],
  [data-checkbox-root][data-indeterminate] {
    border-color: var(--color-control-bg-prominent);
    background: var(--color-control-bg-prominent);
  }
  [data-checkbox-root][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-checkbox-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-control-fg-prominent);
  }
  [data-checkbox-indicator]:not([data-indeterminate])::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-indicator);
    border-right: var(--ix-indicator-w) solid currentColor;
    border-bottom: var(--ix-indicator-w) solid currentColor;
    transform: rotate(45deg) translate(calc(-0.5 * var(--ix-indicator-w)), calc(-0.5 * var(--ix-indicator-w)));
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-checkbox-root][data-checked] [data-checkbox-indicator]::after {
    opacity: 1;
  }
  [data-checkbox-indicator][data-indeterminate]::after {
    content: "";
    display: block;
    width: var(--size-indicator);
    height: var(--ix-indicator-w);
    background: currentColor;
    border-radius: 9999px;
  }
}
@layer components {
  [data-combobox-input-group] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    gap: 0;
    min-width: var(--size-select-trigger);
    block-size: var(--size-control-height);
    border-radius: var(--space-radius-child-md);
    border: var(--border-sm) solid var(--color-control-border);
    background: var(--color-control-bg);
    transition: border-color var(--ix-duration-short) var(--ix-easing);
    overflow: hidden;
  }
  [data-combobox-input-group]:focus-within {
    border-color: var(--ix-ring);
  }
  [data-combobox-input] {
    flex: 1;
    min-width: 0;
    block-size: 100%;
    padding: 0 var(--space-control-horizontoal-inline-padding);
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
    color: var(--color-control-fg);
  }
  [data-combobox-input]::placeholder {
    color: var(--color-control-fg-muted);
  }
  [data-combobox-clear] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-action);
    height: 100%;
    flex-shrink: 0;
    color: var(--color-control-fg-muted);
    cursor: pointer;
    outline: none;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-combobox-clear]:hover {
    background: var(--ix-hover-bg);
  }
  [data-combobox-trigger] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-lg);
    height: 100%;
    flex-shrink: 0;
    border-inline-start: var(--border-sm) solid var(--color-control-border);
    color: var(--color-control-fg-muted);
    cursor: pointer;
    outline: none;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-combobox-trigger]:hover {
    background: var(--ix-hover-bg);
  }
  [data-combobox-icon] {
    transition: transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-combobox-trigger][data-popup-open] [data-combobox-icon] {
    transform: rotate(180deg);
  }
  [data-combobox-item-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--overlay-indicator-w);
    flex-shrink: 0;
  }
  [data-combobox-item-indicator]::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-tick-h);
    border-right: var(--ix-indicator-w) solid var(--ix-indicator-color);
    border-bottom: var(--ix-indicator-w) solid var(--ix-indicator-color);
    transform: rotate(45deg) translate(calc(-0.5 * var(--ix-indicator-w)), calc(-0.5 * var(--ix-indicator-w)));
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-combobox-item][data-selected] [data-combobox-item-indicator]::after {
    opacity: 1;
  }
  [data-combobox-empty] {
    padding: var(--space-ctrl-pad-lg) var(--overlay-item-px);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg-muted);
    text-align: center;
  }
  [data-combobox-popup] {
    min-width: max(var(--anchor-width, 0px), var(--overlay-min-w));
  }
}
@layer components {
  [data-command-backdrop] {
    position: fixed;
    inset: 0;
    background: var(--overlay-backdrop-bg);
    z-index: var(--overlay-z-modal);
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-command-backdrop][data-closed] {
    opacity: 0;
  }
  [data-command-dialog] {
    position: fixed;
    top: 20vh;
    inset-inline: 0;
    margin-inline: auto;
    width: min(var(--size-shell-width), calc(100vw - 2 * var(--overlay-item-px)));
    max-height: 60vh;
    display: flex;
    flex-direction: column;
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--space-radius-container-lg);
    border: var(--border-lg) solid var(--color-overlay-border);
    box-shadow: 0 8px 40px -8px var(--color-effect-shadow-md);
    z-index: var(--overlay-z-modal);
    overflow: hidden;
    outline: none;
    font-family: var(--type-body-family);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
    transition: opacity var(--ix-duration-short) var(--ix-easing), transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-command-dialog][data-closed] {
    opacity: 0;
    transform: scale(0.97);
  }
  [data-command-input] {
    box-sizing: border-box;
    width: calc(100% - 2 * var(--space-concentric-lg-lg));
    height: var(--size-dropdown);
    margin: var(--space-concentric-lg-lg);
    padding: 0 var(--space-surface-pad);
    border: var(--border-lg) solid var(--color-effect-shadow-sm);
    border-radius: var(--space-radius-child-lg);
    background: transparent;
    outline: none;
    font-family: var(--type-body-family);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
    color: var(--color-content-fg-prominent);
    flex-shrink: 0;
  }
  [data-command-input]::placeholder {
    color: var(--color-content-fg-muted);
  }
  [data-command-list] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
  }
  [data-command-item] {
    min-height: var(--size-control-height);
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
  }
  [data-command-separator] {
    height: var(--border-lg);
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
  }
  [data-command-item]:focus {
    background: var(--ix-hover-bg);
    outline: none;
  }
  [data-command-group-label] {
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
  }
  [data-command-shortcut] {
    margin-inline-start: auto;
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
    color: var(--color-content-fg-muted);
    opacity: var(--overlay-shortcut-opacity);
  }
  [data-command-empty] {
    margin: var(--space-concentric-lg-lg);
    padding: var(--space-surface-pad-lg) var(--overlay-item-px);
    border-radius: var(--space-radius-child-lg);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg-muted);
    text-align: center;
  }
}
@layer components {
  [data-context-menu-checkbox-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--overlay-indicator-w);
    flex-shrink: 0;
  }
  [data-context-menu-checkbox-indicator]::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-tick-h);
    border-right: var(--ix-indicator-w) solid var(--ix-indicator-color);
    border-bottom: var(--ix-indicator-w) solid var(--ix-indicator-color);
    transform: rotate(45deg) translate(calc(-0.5 * var(--ix-indicator-w)), calc(-0.5 * var(--ix-indicator-w)));
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-context-menu-checkbox-item][data-checked] [data-context-menu-checkbox-indicator]::after {
    opacity: 1;
  }
  [data-context-menu-radio-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--overlay-indicator-w);
    flex-shrink: 0;
  }
  [data-context-menu-radio-indicator]::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-tick-w);
    border-radius: 9999px;
    background: var(--ix-indicator-color);
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-context-menu-radio-item][data-checked] [data-context-menu-radio-indicator]::after {
    opacity: 1;
  }
  [data-context-menu-submenu-icon] {
    margin-inline-start: auto;
    flex-shrink: 0;
    opacity: 0.5;
  }
}
@layer components {
  [data-data-list] {
    display: flex;
    flex-direction: column;
    color: var(--color-content-fg);
  }
  [data-data-list-controls] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  [data-data-list-controls] > * {
    margin: var(--space-concentric-md-md);
  }
  [data-data-list-controls] [data-input-root] {
    flex: 1 1 var(--size-select-trigger);
  }
  [data-data-list-initial-loading],
  [data-data-list-status],
  [data-data-list-error] {
    box-sizing: border-box;
    padding: var(--space-ctrl-pad);
    color: var(--color-content-fg-muted);
  }
  [data-data-list-initial-loading] {
    display: grid;
    gap: var(--space-ctrl-gap);
  }
  [data-data-list-skeleton] {
    block-size: var(--size-icon-sm);
    inline-size: 70%;
    border-radius: 9999px;
    background-color: var(--color-content-bg-muted);
    animation: data-list-pulse var(--ix-duration-xxlong) var(--ix-easing-in-out) infinite;
  }
  [data-data-list-status],
  [data-data-list-error] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-ctrl-gap);
    background-color: var(--color-content-bg);
  }
  [data-data-list-error=append] {
    position: sticky;
    inset-block-end: 0;
  }
  @keyframes data-list-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-data-list-skeleton] {
      animation: none;
    }
  }
}
@layer components {
  [data-date-picker] {
    display: inline-flex;
    position: relative;
  }
  [data-date-picker-trigger] {
    cursor: pointer;
  }
  [data-date-picker-input] {
    cursor: pointer;
  }
}
@layer components {
  [data-dialog-backdrop] {
    position: fixed;
    inset: 0;
    z-index: var(--overlay-z-modal);
    background: var(--overlay-backdrop-bg);
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-dialog-backdrop][data-closed] {
    opacity: 0;
  }
  [data-dialog-viewport] {
    position: fixed;
    inset: 0;
    z-index: var(--overlay-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-surface-pad-lg);
  }
  [data-dialog-popup] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--size-shell-width);
    max-height: var(--size-shell-width);
    min-width: 0;
    border: var(--border-lg) solid var(--color-overlay-border);
    border-radius: var(--space-radius-container-lg);
    padding: 0;
    transform-origin: center;
  }
  [data-dialog-content] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
  }
  [data-dialog-main] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    gap: var(--space-surface-gap);
  }
  [data-dialog-content] > [data-dialog-main] {
    margin: var(--space-content-inset-lg);
  }
  [data-dialog-content] > :not([data-dialog-main]) {
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
  }
  [data-overlay-popup][data-dialog-popup] {
    background: var(--glass-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  [data-overlay-popup][data-dialog-popup][data-closed] {
    transform: scale(0.97);
  }
  [data-dialog-header] {
    flex-shrink: 0;
  }
  [data-dialog-title] {
    font-family: var(--type-headline-family);
    font-size: var(--type-headline-size);
    line-height: var(--type-headline-line-height);
    font-weight: var(--type-headline-weight);
    letter-spacing: var(--type-headline-tracking);
    color: var(--color-content-fg-prominent);
  }
  [data-dialog-description] {
    margin-top: var(--space-ctrl-gap-sm);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg);
  }
  [data-dialog-body] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg);
  }
  [data-dialog-footer] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
    flex-shrink: 0;
  }
}
@layer components {
  [data-divider][data-orientation=horizontal] {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    border-top: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-divider][data-orientation=vertical] {
    display: block;
    align-self: stretch;
    width: var(--size-stroke-default);
    background: var(--color-content-border);
    border: none;
    flex-shrink: 0;
  }
  [data-divider][data-has-label] {
    gap: var(--space-ctrl-pad-lg);
    border-top: none;
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    color: var(--color-content-fg-muted);
    white-space: nowrap;
  }
  [data-divider][data-has-label]::before,
  [data-divider][data-has-label]::after {
    content: "";
    flex: 1;
    border-top: var(--size-stroke-default) solid var(--color-content-border);
  }
}
@layer components {
  [data-field-root] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-field-label] {
    font-family: var(--type-caption-2-family);
    font-size: var(--type-caption-2-size);
    line-height: var(--type-caption-2-line-height);
    font-weight: var(--type-caption-2-weight);
    letter-spacing: var(--type-caption-2-tracking);
    color: var(--color-content-fg-muted);
    user-select: none;
  }
  [data-field-description] {
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
    color: var(--color-content-fg-muted);
  }
  [data-field-error] {
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
    color: var(--color-control-bg-danger);
  }
  [data-field-error]:empty {
    display: none;
  }
}
@layer components {
  [data-fieldset-root] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
    border: none;
    margin: 0;
    padding: 0;
    min-inline-size: 0;
  }
  [data-fieldset-legend] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
    line-height: var(--type-callout-line-height);
    padding-block-end: var(--space-ctrl-pad);
    margin-block-end: var(--space-ctrl-pad);
    border-block-end: var(--size-stroke-default) solid var(--color-content-border);
    padding-inline: 0;
    float: inline-start;
    width: 100%;
  }
  [data-fieldset-legend] + * {
    clear: inline-start;
  }
}
@layer components {
  [data-file-upload] {
    position: relative;
  }
  [data-file-upload-input] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  [data-file-upload-trigger] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-pad);
    height: var(--size-control-height);
    padding: 0 var(--space-surface-gap-lg);
    border-radius: var(--space-radius-child-md);
    border: var(--size-stroke-default) solid var(--color-content-border);
    background: transparent;
    color: var(--color-content-fg-prominent);
    font-size: var(--type-control-size);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-file-upload-trigger]:hover {
    background: var(--ix-hover-bg);
  }
  [data-file-upload-trigger]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset);
  }
  [data-file-upload-dropzone] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-pad);
    padding: var(--space-surface-pad-xl);
    border: var(--size-stroke-emphasis) dashed var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    color: var(--color-content-fg-muted);
    font-size: var(--type-callout-size);
    text-align: center;
    transition: border-color var(--ix-duration-short) var(--ix-easing), background var(--ix-duration-short) var(--ix-easing);
    cursor: pointer;
  }
  [data-file-upload-dropzone][data-dragging] {
    border-color: var(--color-control-bg-prominent);
    background: var(--color-content-bg-muted);
  }
  [data-file-upload-item] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-pad);
    padding: var(--space-ctrl-gap) var(--space-ctrl-pad);
    border-radius: var(--space-radius-container-md);
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-prominent);
  }
  [data-file-upload-preview] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-action);
    height: var(--size-icon-action);
    color: var(--color-content-fg-muted);
  }
  [data-file-upload-delete] {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-md);
    height: var(--size-icon-md);
    border: none;
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-content-fg-muted);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-file-upload-delete]:hover {
    background: var(--ix-hover-bg);
  }
  [data-file-upload-delete]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
}
@layer components {
  [data-form-root] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
  }
  [data-form-error-summary] {
    border: var(--size-stroke-default) solid var(--color-status-danger-border);
    border-radius: var(--radius-container-sm);
    padding: var(--space-ctrl-pad-lg);
    color: var(--color-status-danger-fg);
  }
  [data-form-error-summary-title] {
    margin: 0;
    font: inherit;
    font-weight: var(--type-headline-weight);
  }
  [data-form-error-summary-list] {
    margin: var(--space-ctrl-pad) 0 0;
    padding-inline-start: var(--space-layout-gap);
  }
}
@layer components {
  [data-horizontal-scroller-root] {
    position: relative;
  }
  [data-horizontal-scroller-viewport] {
    display: flex;
    gap: var(--space-surface-gap);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
  }
  [data-horizontal-scroller-viewport]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-horizontal-scroller-item] {
    flex: 0 0 auto;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  [data-horizontal-scroller-previous],
  [data-horizontal-scroller-next] {
    position: absolute;
    z-index: 1;
    inset-block-start: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: var(--size-control-height);
    block-size: var(--size-control-height);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    transform: translateY(-50%);
    border: var(--size-stroke-default) solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
    background: var(--glass-surface);
    color: var(--color-content-fg-prominent);
    font: inherit;
    cursor: pointer;
  }
  [data-horizontal-scroller-previous] {
    inset-inline-start: var(--space-ctrl-pad);
  }
  [data-horizontal-scroller-next] {
    inset-inline-end: var(--space-ctrl-pad);
  }
  [data-horizontal-scroller-previous]:focus-visible,
  [data-horizontal-scroller-next]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-horizontal-scroller-previous]:disabled,
  [data-horizontal-scroller-next]:disabled {
    opacity: var(--ix-disabled-opacity);
    cursor: not-allowed;
  }
  [data-horizontal-scroller-cue] {
    position: absolute;
    inset-block: 0;
    inline-size: var(--space-surface-pad-xl);
    pointer-events: none;
    opacity: 0;
    background:
      linear-gradient(
        90deg,
        var(--color-content-bg),
        transparent);
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-horizontal-scroller-cue=start] {
    inset-inline-start: 0;
  }
  [data-horizontal-scroller-cue=end] {
    inset-inline-end: 0;
    transform: rotate(180deg);
  }
  [data-horizontal-scroller-cue][data-visible=true] {
    opacity: 1;
  }
  :dir(rtl) [data-horizontal-scroller-cue=start] {
    transform: rotate(180deg);
  }
  :dir(rtl) [data-horizontal-scroller-cue=end] {
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-horizontal-scroller-cue] {
      transition: none;
    }
  }
}
@layer components {
  [data-icon-button] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    inline-size: var(--size-control-height);
    block-size: var(--size-control-height);
    padding: 0;
    border-radius: var(--space-radius-child-md);
    border: none;
    font-family: inherit;
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
    transition: background-color var(--ix-duration-short) var(--ix-easing), color var(--ix-duration-short) var(--ix-easing);
  }
  [data-icon-button]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-icon-button]:disabled {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-icon-button]:active:not(:disabled) {
    filter: brightness(0.92);
  }
  [data-icon-button][data-intent=prominent] {
    background: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
    border: var(--size-stroke-default) solid var(--color-control-border-prominent);
  }
  [data-icon-button][data-intent=prominent]:hover:not(:disabled) {
    background: var(--ix-prominent-hover-bg);
  }
  [data-icon-button][data-intent=default] {
    background: var(--color-control-bg);
    color: var(--color-control-fg);
    border: var(--border-sm) solid var(--color-control-border);
  }
  [data-icon-button][data-intent=default]:hover:not(:disabled) {
    background: var(--ix-hover-bg);
  }
  [data-icon-button][data-intent=ghost] {
    background: transparent;
    color: var(--color-content-fg-muted);
  }
  [data-icon-button][data-intent=ghost]:hover:not(:disabled) {
    background: var(--ix-hover-bg);
  }
  [data-icon-button][data-intent=ghost][aria-pressed=true],
  [data-icon-button][data-intent=ghost][aria-pressed=true]:hover:not(:disabled) {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-icon-button][data-intent=destructive] {
    background: var(--color-control-bg-danger);
    color: var(--color-control-fg-danger);
  }
  [data-icon-button][data-intent=destructive]:hover:not(:disabled) {
    background: var(--ix-danger-hover-bg);
  }
}
@layer components {
  [data-image] {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  [data-image-fallback] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-content-bg-muted);
    color: var(--color-content-fg-muted);
    font-size: var(--type-callout-size);
    overflow: hidden;
  }
}
@layer components {
  [data-input-root] {
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
  }
  [data-input-field] {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
    block-size: 100%;
    padding: 0 var(--space-ctrl-pad);
    background: transparent;
    border: none;
    outline: none;
    color: inherit;
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
  }
  [data-input-field]::placeholder {
    color: var(--color-control-fg-muted);
  }
  [data-input-field][type=search]::-webkit-search-decoration,
  [data-input-field][type=search]::-webkit-search-cancel-button {
    display: none;
  }
  [data-input-field][type=date]::-webkit-calendar-picker-indicator {
    opacity: 0.5;
    cursor: pointer;
  }
  [data-input-addon] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 100%;
    color: var(--color-control-fg-muted);
    cursor: default;
  }
  [data-input-addon][data-position=start] {
    padding-inline-start: var(--space-ctrl-pad);
  }
  [data-input-addon][data-position=end] {
    padding-inline-end: var(--space-ctrl-pad);
  }
  [data-input-addon][role=button] {
    cursor: pointer;
  }
  [data-input-addon][role=button]:hover {
    background: var(--color-control-bg-muted);
  }
  [data-input-addon][role=button]:focus-visible {
    outline: var(--space-group-inset) solid var(--color-control-border-prominent);
    outline-offset: var(--space-ctrl-gap-xs);
    border-radius: var(--space-radius-child-md);
  }
}
@layer components {
  [data-kbd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-inline-size: max-content;
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-gap-sm);
    border: var(--border-sm) solid var(--color-content-border);
    border-radius: var(--space-radius-container-sm);
    font-family: var(--type-code-family);
    font-size: var(--type-caption-size);
    font-weight: var(--type-code-weight);
    line-height: var(--type-caption-line-height);
    white-space: nowrap;
  }
}
@layer components {
  [data-inline-sep] {
    user-select: none;
  }
}
@layer components {
  [data-list-container] {
    margin: var(--space-concentric-md-md);
    border: var(--border-md) solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
  }
  [data-list-viewport] {
    height: var(--list-height, var(--size-content-sm));
    overflow-y: auto;
    margin: var(--space-concentric-sm-sm);
    border-radius: var(--space-radius-child-sm);
  }
  [data-list-body] {
    position: relative;
    height: var(--list-total-size);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  [data-list-item] {
    position: absolute;
    inset-block-start: 0;
    inline-size: 100%;
    box-sizing: border-box;
    transform: translateY(var(--list-item-start));
    border-block-end: var(--size-stroke-default) solid var(--color-content-border);
    background-color: var(--color-content-bg);
    color: var(--color-content-fg);
  }
  [data-list-viewport][data-density=comfortable] [data-list-item] {
    min-block-size: var(--size-control-height);
    padding: var(--space-ctrl-pad);
  }
  [data-list-viewport][data-density=compact] [data-list-item] {
    min-block-size: var(--size-control-height);
    padding: var(--space-ctrl-gap-sm) var(--space-ctrl-pad);
  }
  [data-list-skeleton] {
    block-size: var(--size-icon-sm);
    inline-size: 70%;
    border-radius: 9999px;
    background-color: var(--color-content-bg-muted);
    animation: list-pulse var(--ix-duration-xxlong) var(--ix-easing-in-out) infinite;
  }
  [data-list-empty] {
    padding: var(--space-ctrl-pad);
    color: var(--color-content-fg-muted);
    text-align: center;
  }
  @keyframes list-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-list-skeleton] {
      animation: none;
    }
  }
}
@layer components {
  [data-list-box-root] {
    display: flex;
    flex-direction: column;
    padding: 0px;
    border: var(--border-sm) solid var(--color-control-border);
    border-radius: var(--space-radius-container-sm);
    background: var(--color-control-bg);
    outline: none;
    overflow-y: auto;
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
  }
  [data-list-box-root] [data-list-box-item] {
    min-height: var(--size-overlay-item-sm);
    margin: var(--space-concentric-sm-sm);
    border-radius: var(--space-radius-child-sm);
  }
  [data-list-box-empty] {
    padding: var(--space-ctrl-pad) var(--overlay-item-px);
    color: var(--color-content-fg-muted);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    text-align: center;
  }
}
@layer components {
  [data-menu-checkbox-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--overlay-indicator-w);
    flex-shrink: 0;
  }
  [data-menu-checkbox-indicator]::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-tick-h);
    border-right: var(--ix-indicator-w) solid var(--ix-indicator-color);
    border-bottom: var(--ix-indicator-w) solid var(--ix-indicator-color);
    transform: rotate(45deg) translate(calc(-0.5 * var(--ix-indicator-w)), calc(-0.5 * var(--ix-indicator-w)));
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-menu-checkbox-item][data-checked] [data-menu-checkbox-indicator]::after {
    opacity: 1;
  }
  [data-menu-radio-indicator] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--overlay-indicator-w);
    flex-shrink: 0;
  }
  [data-menu-radio-indicator]::after {
    content: "";
    display: block;
    width: var(--size-tick-w);
    height: var(--size-tick-w);
    border-radius: 9999px;
    background: var(--ix-indicator-color);
    opacity: 0;
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-menu-radio-item][data-checked] [data-menu-radio-indicator]::after {
    opacity: 1;
  }
  [data-menu-submenu-icon] {
    margin-inline-start: auto;
    flex-shrink: 0;
    opacity: 0.5;
  }
}
@layer components {
  [data-navigation-menu] {
    position: relative;
  }
  [data-navigation-menu-list] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  [data-navigation-menu-item] {
    position: relative;
  }
  [data-navigation-menu-trigger] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
    height: var(--size-control-height);
    padding: 0 var(--space-surface-gap-lg);
    border: none;
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-control-fg);
    font-family: var(--type-caption-2-family);
    font-size: var(--type-caption-2-size);
    line-height: var(--type-caption-2-line-height);
    font-weight: var(--type-caption-2-weight);
    letter-spacing: var(--type-caption-2-tracking);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-navigation-menu-trigger]:hover {
    background: var(--ix-hover-bg);
  }
  [data-navigation-menu-trigger]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-navigation-menu-trigger][data-popup-open] {
    background: var(--ix-selected-bg);
  }
  [data-navigation-menu-backdrop] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: calc(var(--overlay-z-modal) - 1);
  }
  [data-navigation-menu-backdrop][data-closed] {
    display: none;
  }
  [data-navigation-menu-positioner] {
    z-index: var(--overlay-z-modal);
  }
  [data-navigation-menu-popup] {
    border: var(--border-lg) solid var(--color-content-border);
    border-radius: var(--space-radius-container-lg);
    background: var(--glass-surface);
    box-shadow: 0 4px 24px var(--color-effect-shadow-md);
    padding: 0;
    min-width: var(--size-field-md);
    overflow: hidden;
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    transform-origin: var(--transform-origin);
    transition: opacity var(--ix-duration-short) var(--ix-easing), transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-navigation-menu-popup][data-starting-style],
  [data-navigation-menu-popup][data-ending-style] {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
  [data-navigation-menu-viewport] {
    overflow: hidden;
  }
  [data-navigation-menu-content] {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  [data-navigation-menu-popup] :is([data-site-navigation-overview], [data-navigation-menu-content] [data-site-navigation-list] > [data-site-navigation-item]) {
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
  }
  [data-navigation-menu-link] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-xs);
    margin: var(--space-concentric-lg-lg);
    padding: var(--space-ctrl-pad) var(--space-ctrl-pad-lg);
    border-radius: var(--space-radius-child-lg);
    text-decoration: none;
    color: var(--color-control-fg);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-site-navigation-overview]:hover,
  [data-navigation-menu-content] [data-site-navigation-list] > [data-site-navigation-item]:hover {
    background: var(--ix-hover-bg);
  }
  [data-navigation-menu-content] [data-site-navigation-list] > [data-site-navigation-item][data-state=current] {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-navigation-menu-content] [data-site-navigation-list] > [data-site-navigation-item] > :is(a, button):hover,
  [data-navigation-menu-content] [data-site-navigation-list] > [data-site-navigation-item][data-state=current] > a {
    background: transparent;
  }
  [data-navigation-menu-link]:hover {
    background: var(--ix-hover-bg);
  }
  [data-navigation-menu-link]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-navigation-menu-link][data-active] {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
    font-weight: var(--type-control-weight);
  }
}
@layer components {
  [data-number-input-group] {
    gap: 0;
  }
  [data-number-input-step] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-control-height);
    height: 100%;
    flex-shrink: 0;
    color: var(--color-control-fg-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    transition: background-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-number-input-step][data-direction=dec] {
    border-inline-end: var(--border-sm) solid var(--color-control-border);
    order: -1;
  }
  [data-number-input-step][data-direction=inc] {
    border-inline-start: var(--border-sm) solid var(--color-control-border);
    order: 1;
  }
  [data-number-input-step]:hover:not(:disabled) {
    background: var(--ix-hover-bg);
  }
  [data-number-input-step]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-number-input-step]:disabled {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-number-input-field] {
    text-align: center;
  }
}
@layer components {
  [data-one-time-code-root] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    gap: var(--space-ctrl-gap-sm);
    color: var(--color-control-fg);
  }
  [data-one-time-code-input] {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: text;
  }
  [data-one-time-code-slot] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-touch);
    height: var(--size-icon-touch);
    border: var(--space-group-inset) solid var(--color-control-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-control-bg);
    font-family: var(--type-code-family);
    font-size: var(--type-code-size);
    line-height: var(--type-code-line-height);
    font-weight: var(--type-code-weight);
    letter-spacing: var(--type-code-tracking);
    font-feature-settings: var(--type-code-feature);
  }
  [data-one-time-code-slot][data-active] {
    outline: var(--space-group-inset) solid var(--color-control-border-prominent);
    outline-offset: var(--space-ctrl-gap-xs);
  }
  [data-one-time-code-root][data-invalid] [data-one-time-code-slot] {
    border-color: var(--color-control-border-danger);
  }
  [data-one-time-code-root][data-disabled] {
    color: var(--color-control-fg-disabled);
  }
  [data-one-time-code-root][data-disabled] [data-one-time-code-slot] {
    border-color: var(--color-control-border-disabled);
    background: var(--color-control-bg-disabled);
  }
  [data-one-time-code-root][data-disabled] [data-one-time-code-input] {
    cursor: not-allowed;
  }
}
@layer components {
  [data-pagination] {
    display: flex;
    justify-content: center;
  }
  [data-pagination-items] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  [data-pagination-item],
  [data-pagination-prev],
  [data-pagination-next] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--size-control-height);
    height: var(--size-control-height);
    padding: 0 var(--space-ctrl-gap);
    border: var(--size-stroke-default) solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-control-fg);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing), border-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-pagination-item]:hover,
  [data-pagination-prev]:hover,
  [data-pagination-next]:hover {
    background: var(--ix-hover-bg);
  }
  [data-pagination-item]:focus-visible,
  [data-pagination-prev]:focus-visible,
  [data-pagination-next]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset);
  }
  [data-pagination-item][data-active] {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
    border-color: var(--ix-selected-bg);
  }
  [data-pagination-item]:disabled,
  [data-pagination-prev]:disabled,
  [data-pagination-next]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  [data-pagination-ellipsis] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--size-control-height);
    height: var(--size-control-height);
    color: var(--color-content-fg-muted);
    font-size: var(--type-control-size);
    user-select: none;
  }
}
@layer components {
  [data-pdf-viewer] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: var(--space-radius-container-md);
    border: var(--size-stroke-default) solid var(--color-content-border);
    background: transparent;
    overflow: hidden;
  }
  [data-pdf-viewer][data-fullbleed] {
    border: none;
    border-radius: 0;
    height: 100%;
    width: 100%;
  }
  [data-pdf-toolbar] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: end;
    gap: var(--space-ctrl-pad);
    padding: var(--space-ctrl-pad);
    flex-shrink: 0;
  }
  [data-pdf-toolbar] > [data-action-bar][data-position=center] {
    grid-column: 2;
    block-size: var(--size-chrome-bar);
  }
  [data-pdf-toolbar] > [data-action-bar][data-position=end] {
    grid-column: 3;
    justify-self: end;
    margin-inline-start: 0;
  }
  [data-pdf-viewer][data-fullbleed] [data-pdf-toolbar] {
    position: fixed;
    z-index: 5;
    inset-inline-start: var(--shell-inset-inline-start, 0px);
    inset-inline-end: var(--shell-inset-inline-end, 0px);
    inset-block-end: calc(var(--shell-inset-block-end, var(--space-chrome-edge)) + clamp(0px, var(--shell-bottom-bar-height, 0px), var(--space-chrome-gap)));
    padding: 0;
  }
  [data-pdf-page-info] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
    white-space: nowrap;
    min-width: 6ch;
    text-align: center;
    padding-inline: var(--space-surface-gap-lg);
    align-self: center;
  }
  [data-pdf-scale-button] {
    all: unset;
    cursor: pointer;
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
    white-space: nowrap;
    min-width: 5ch;
    text-align: center;
    border-radius: var(--space-radius-child-md);
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-gap-sm);
  }
  [data-pdf-scale-button]:hover {
    background: var(--ix-hover-bg);
  }
  [data-pdf-scale-input] {
    all: unset;
    width: 4ch;
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-prominent);
    text-align: center;
    border-radius: var(--space-radius-child-md);
    border: var(--size-stroke-default) solid var(--color-control-border-prominent);
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-gap-sm);
  }
  [data-pdf-viewport] {
    flex: 1;
    overflow-y: auto;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-surface-pad);
    gap: var(--space-surface-pad);
    min-height: 0;
  }
  [data-pdf-viewer][data-fullbleed] [data-pdf-viewport] {
    padding-block-start: var( --shell-inset-block-start, var(--space-surface-pad) );
    padding-block-end: var(--shell-inset-block-end, var(--space-surface-pad));
    padding-inline-start: var( --shell-inset-inline-start, var(--space-surface-pad) );
    padding-inline-end: var(--shell-inset-inline-end, var(--space-surface-pad));
  }
  [data-pdf-page] {
    box-shadow: 0 1px 3px var(--color-effect-shadow-sm), 0 4px 16px var(--color-effect-shadow-sm);
    border-radius: var(--space-radius-child-md);
    overflow: hidden;
    background: var(--color-content-bg);
    flex-shrink: 0;
  }
  [data-pdf-loading] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-pad-lg);
    padding: var(--space-surface-pad-2xl);
    color: var(--color-content-fg-muted);
    font-size: var(--type-callout-size);
  }
  [data-pdf-error] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-pad);
    padding: var(--space-surface-pad-2xl);
    color: var(--color-control-bg-danger);
    font-size: var(--type-callout-size);
    text-align: center;
  }
}
@layer components {
  [data-popover-popup] {
    padding: 0;
    min-width: var(--size-field-md);
    max-width: var(--size-overlay-popover);
    border: var(--border-md) solid var(--color-overlay-border);
    border-radius: var(--space-radius-container-md);
  }
  [data-popover-content] {
    display: flex;
    flex-direction: column;
  }
  [data-popover-popup] [data-popover-content] > * {
    margin: var(--space-concentric-md-md);
    border-radius: var(--space-radius-child-md);
  }
  [data-popover-arrow] {
    fill: var(--glass-surface);
    filter: drop-shadow(0 1px 3px var(--color-effect-shadow-md));
    width: var(--size-popover-caret-w);
    height: var(--size-popover-caret-h);
  }
}
.port-graph-root {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0;
  border: var(--border-md) solid var(--color-content-border);
  border-radius: var(--space-radius-container-md);
  overflow: hidden;
  --port-graph-chrome-block-end: 0;
  --port-graph-chrome-inline-start: 0;
  --port-graph-chrome-inline-end: 0;
}
.port-graph-root > [data-port-graph-viewport] {
  box-sizing: border-box;
  inline-size: calc(100% - 2 * var(--space-concentric-md-md));
  block-size: calc(100% - 2 * var(--space-concentric-md-md));
  margin: var(--space-concentric-md-md);
  border-radius: var(--space-radius-child-md);
  overflow: hidden;
}
.port-graph-root > [data-port-graph-viewport] > .react-flow {
  inline-size: 100%;
  block-size: 100%;
}
.port-graph-root[data-fullbleed] {
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.port-graph-root[data-fullbleed] > [data-port-graph-viewport] {
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  border-radius: 0;
}
.port-graph-root .react-flow__handle {
  border: none;
}
.port-graph-root .react-flow__node {
  border-radius: var(--space-radius-container-md);
  transition: box-shadow var(--ix-duration-short) var(--ix-easing);
}
.port-graph-root .react-flow__node.selectable:hover:not(.selected) {
  box-shadow: 0 0 0 var(--ix-ring-w) var(--ix-ring);
}
.port-graph-root .react-flow__node.selectable.selected,
.port-graph-root .react-flow__node.selectable:focus-visible {
  box-shadow: 0 0 0 var(--ix-ring-w) var(--ix-ring);
}
.port-graph-root .react-flow__edge.selectable:hover .react-flow__edge-path {
  stroke: var(--ix-ring);
}
.port-graph-root {
  --xy-edge-stroke-selected: var(--ix-ring);
}
.port-graph-root .react-flow__panel[data-port-graph-controls-position] {
  bottom: var(--port-graph-chrome-block-end);
  margin: 0;
}
.port-graph-root:where(:not([data-fullbleed])) [data-action-bar] {
  border-radius: var(--space-radius-child-md);
}
.port-graph-root:where(:not([data-fullbleed])) .react-flow__panel[data-port-graph-controls-position] {
  margin: var(--space-concentric-md-md);
}
.port-graph-root.port-graph-root:not([data-fullbleed]) .react-flow__panel.react-flow__minimap.bottom {
  margin: var(--space-concentric-md-md);
}
.port-graph-root .react-flow__panel.bottom.left {
  left: var( --port-graph-chrome-inline-start );
}
.port-graph-root .react-flow__panel.bottom.right {
  right: var( --port-graph-chrome-inline-end );
}
.port-graph-root .react-flow__panel.react-flow__minimap.bottom {
  box-sizing: border-box;
  background: var(--color-overlay-bg);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  padding: 0;
  border: var(--border-md) solid var(--color-shell-border);
  border-radius: var(--space-radius-child-md);
  box-shadow: 0 2px 12px -2px var(--color-effect-shadow-md);
  overflow: hidden;
  bottom: var(--port-graph-chrome-block-end);
}
.port-graph-root[data-fullbleed] .react-flow__panel[data-port-graph-controls-position],
.port-graph-root[data-fullbleed] .react-flow__panel.react-flow__minimap.bottom {
  margin: 0;
  bottom: calc(var(--shell-inset-block-end, var(--space-chrome-edge)) + clamp(0px, var(--shell-bottom-bar-height, 0px), var(--space-chrome-gap)));
}
.port-graph-root[data-fullbleed] .react-flow__panel.bottom.left {
  left: var( --shell-inset-inline-start, var(--space-chrome-edge) );
}
.port-graph-root[data-fullbleed] .react-flow__panel.bottom.right {
  right: var( --shell-inset-inline-end, var(--space-chrome-edge) );
}
.port-graph-root .react-flow__attribution {
  display: none;
}
[data-port-graph-node-wrapper] {
  position: relative;
  overflow: visible;
}
[data-edge-label] {
  position: absolute;
  transform: var(--edge-label-transform);
  pointer-events: all;
  user-select: none;
}
@layer components {
  [data-progress] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-pad);
    width: 100%;
  }
  [data-progress-track] {
    position: relative;
    flex: 1;
    height: var(--size-progress);
    border-radius: 9999px;
    background: var(--color-content-bg-muted);
    overflow: hidden;
  }
  [data-progress-fill] {
    height: 100%;
    width: var(--progress-pct, 0%);
    border-radius: 9999px;
    background: var(--color-control-bg-prominent);
    transition: width var(--ix-duration-medium) var(--ix-easing);
  }
  [data-progress-label] {
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    color: var(--color-content-fg-muted);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
}
@layer components {
  [data-radio-group] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-radio-item] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    border-radius: 9999px;
    border: var(--size-stroke-strong) solid var(--color-content-border);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: border-color var(--ix-duration-short) var(--ix-easing), background var(--ix-duration-short) var(--ix-easing);
  }
  [data-radio-item][data-checked] {
    border-color: var(--color-control-bg-prominent);
  }
  [data-radio-item]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset);
  }
  [data-radio-item][data-disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }
  [data-radio-indicator] {
    display: block;
    width: var(--size-indicator);
    height: var(--size-indicator);
    border-radius: 9999px;
    background: var(--color-control-bg-prominent);
  }
}
@layer components {
  [data-search-field] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--space-ctrl-pad);
    font-family: var(--type-control-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
  }
  [data-search-field-label] {
    grid-column: 1 / -1;
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-control-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-search-field] [data-input-surface] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-inline-size: 0;
    block-size: var(--size-control-height);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    border: var(--size-stroke-default) solid var(--color-control-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-control-bg);
    color: var(--color-control-fg);
  }
  [data-search-field] [data-input-surface]:focus-within {
    border-color: var(--ix-ring);
    box-shadow: 0 0 0 var(--ix-ring-w) var(--ix-ring);
  }
  [data-search-field-icon] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding-inline-start: var(--space-control-horizontoal-inline-padding);
    color: var(--color-control-fg-muted);
  }
  [data-search-field-input] {
    min-inline-size: 0;
    flex: 1;
    block-size: 100%;
    padding: 0 var(--space-control-horizontoal-inline-padding);
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
  }
  [data-search-field-input]::placeholder {
    color: var(--color-control-fg-muted);
  }
  [data-search-field-input]::-webkit-search-decoration,
  [data-search-field-input]::-webkit-search-cancel-button {
    display: none;
  }
  [data-search-field-clear] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    block-size: 100%;
    inline-size: var(--size-control-height);
    margin-inline-end: var(--space-ctrl-gap-xs);
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-child-md);
    background: transparent;
    color: var(--color-control-fg-muted);
    cursor: pointer;
  }
  [data-search-field-clear]:hover {
    background: var(--ix-hover-bg);
    color: var(--color-control-fg);
  }
  [data-search-field-clear]:focus-visible,
  [data-search-field-submit]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-search-field-submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--space-ctrl-gap);
    block-size: var(--size-control-height);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    border: var(--size-stroke-default) solid var(--color-control-bg-prominent);
    border-radius: var(--space-radius-container-md);
    background: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
    font: inherit;
    font-weight: var(--type-control-weight);
    cursor: pointer;
  }
  [data-search-field-submit]:hover {
    background: var(--color-control-bg-prominent-hover);
  }
  [data-search-field-submit]:disabled,
  [data-search-field-clear]:disabled,
  [data-search-field-input]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
  }
  @media (width < 32rem) {
    [data-search-field] {
      grid-template-columns: 1fr;
    }
    [data-search-field-submit] {
      inline-size: 100%;
    }
  }
}
@layer components {
  [data-select-trigger] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    block-size: var(--size-control-height);
    gap: var(--space-ctrl-pad);
    min-width: var(--size-select-trigger);
    padding: 0 var(--space-control-horizontoal-inline-padding);
    border-radius: var(--space-radius-child-md);
    border: var(--border-sm) solid var(--color-control-border);
    background: var(--color-control-bg);
    color: var(--color-control-fg);
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
    cursor: pointer;
    user-select: none;
    outline: none;
  }
  [data-select-trigger]:hover {
    border-color: var(--color-control-border-prominent);
  }
  [data-select-trigger]:focus-visible {
    outline: var(--space-group-inset) solid var(--color-control-border-prominent);
    outline-offset: var(--space-ctrl-gap-xs);
  }
  [data-select-trigger][aria-invalid=true] {
    border-color: var(--color-control-border-danger);
  }
  [data-select-trigger][data-disabled] {
    border-color: var(--color-control-border-disabled);
    background: var(--color-control-bg-disabled);
    color: var(--color-control-fg-disabled);
    pointer-events: none;
  }
  [data-select-icon] {
    flex-shrink: 0;
    color: var(--color-control-fg-muted);
  }
  [data-select-trigger][data-popup-open] [data-select-icon] {
    transform: rotate(180deg);
  }
  [data-select-list] {
    padding: 0;
  }
  [data-select-popup] {
    min-width: max(var(--anchor-width), var(--overlay-min-w));
  }
  [data-select-empty] {
    padding: var(--space-ctrl-pad-lg) var(--overlay-item-px);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg-muted);
    text-align: center;
  }
  [data-select-scroll-arrow] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--size-icon-md);
    color: var(--color-control-fg-muted);
    cursor: default;
  }
}
@layer components {
  [data-sheet-popup][data-position=center] {
    max-height: 75dvh;
  }
}
@layer components {
  [data-sheet-backdrop] {
    position: fixed;
    inset: 0;
    z-index: var(--overlay-z-backdrop);
    background: var(--overlay-backdrop-bg);
    transition: opacity var(--ix-duration-short) var(--ix-easing);
  }
  [data-sheet-backdrop][data-closed] {
    opacity: 0;
  }
  [data-sheet-viewport] {
    position: fixed;
    inset: 0;
    z-index: var(--overlay-z-surface);
    display: flex;
    pointer-events: none;
  }
  [data-sheet-viewport][data-position=start] {
    justify-content: flex-start;
    align-items: stretch;
  }
  [data-sheet-viewport][data-position=end] {
    justify-content: flex-end;
    align-items: stretch;
  }
  [data-sheet-viewport][data-position=bottom] {
    justify-content: stretch;
    align-items: flex-end;
  }
  [data-sheet-viewport][data-position=center] {
    justify-content: center;
    align-items: center;
    padding: var(--space-surface-pad-lg);
  }
  [data-sheet-popup] {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: var(--border-lg) solid var(--color-overlay-border);
    border-radius: var(--space-radius-container-lg);
    padding: 0;
  }
  [data-sheet-content] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
  }
  [data-sheet-main] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    gap: var(--space-surface-gap);
  }
  [data-sheet-content] > [data-sheet-main] {
    margin: var(--space-content-inset-lg);
  }
  [data-sheet-content] > :not([data-sheet-main]) {
    margin: var(--space-concentric-md-lg);
    border-radius: var(--space-radius-child-md);
  }
  [data-overlay-popup][data-sheet-popup] {
    background: var(--glass-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 8px 32px -8px var(--color-effect-shadow-lg);
  }
  [data-sheet-popup][data-position=start],
  [data-sheet-popup][data-position=end] {
    height: 100dvh;
    width: min(var(--size-shell-width), 100vw);
    border-radius: 0;
  }
  [data-sheet-popup][data-position=start] {
    border-inline-end: var(--border-md) solid var(--color-overlay-border);
  }
  [data-sheet-popup][data-position=end] {
    border-inline-start: var(--border-md) solid var(--color-overlay-border);
  }
  [data-sheet-popup][data-position=bottom] {
    width: 100vw;
    border-radius: var(--space-radius-container-lg) var(--space-radius-container-lg) 0 0;
    border-block-start: var(--border-md) solid var(--color-overlay-border);
    max-height: 100dvh;
  }
  [data-sheet-popup][data-position=bottom][data-size=sm] {
    height: 30dvh;
  }
  [data-sheet-popup][data-position=bottom][data-size=md] {
    height: 50dvh;
  }
  [data-sheet-popup][data-position=bottom][data-size=lg] {
    height: 75dvh;
  }
  [data-sheet-popup][data-position=bottom][data-size=full] {
    height: 100dvh;
  }
  [data-sheet-popup][data-position=center] {
    width: 100%;
    max-width: var(--size-shell-width);
    border-radius: var(--space-radius-container-lg);
    transform-origin: center;
  }
  [data-overlay-popup][data-sheet-popup][data-closed] {
    opacity: 1;
  }
  [data-sheet-popup][data-position=start][data-closed] {
    transform: translateX(-100%);
  }
  [data-sheet-popup][data-position=end][data-closed] {
    transform: translateX(100%);
  }
  [data-sheet-popup][data-position=bottom][data-closed] {
    transform: translateY(100%);
  }
  [data-sheet-popup][data-position=center][data-closed] {
    opacity: 0;
    transform: scale(0.97);
  }
  [dir=rtl] [data-sheet-popup][data-position=start][data-closed] {
    transform: translateX(100%);
  }
  [dir=rtl] [data-sheet-popup][data-position=end][data-closed] {
    transform: translateX(-100%);
  }
  [data-sheet-header] {
    flex-shrink: 0;
  }
  [data-sheet-title] {
    font-family: var(--type-headline-family);
    font-size: var(--type-headline-size);
    line-height: var(--type-headline-line-height);
    font-weight: var(--type-headline-weight);
    letter-spacing: var(--type-headline-tracking);
    color: var(--color-content-fg-prominent);
  }
  [data-sheet-description] {
    margin-top: var(--space-ctrl-gap-sm);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg);
  }
  [data-sheet-body] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg);
  }
  [data-sheet-footer] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
    flex-shrink: 0;
  }
  [data-sheet-auto-close] {
    position: absolute;
    inset-block-start: var(--space-ctrl-pad-lg);
    inset-inline-end: var(--space-ctrl-pad-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: var(--size-control-height);
    min-block-size: var(--size-control-height);
    border: 0;
    background: transparent;
    color: var(--color-content-fg-muted);
    border-radius: var(--space-radius-child-lg);
    cursor: pointer;
    transition: background-color var(--ix-duration-short) var(--ix-easing), color var(--ix-duration-short) var(--ix-easing);
    z-index: 1;
  }
  [data-sheet-auto-close]:hover {
    background-color: var(--ix-hover-bg);
  }
  [data-sheet-auto-close]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-viewport=mobile] [data-sheet-popup][data-position=start],
  [data-viewport=mobile] [data-sheet-popup][data-position=end] {
    inline-size: 100dvw;
    max-inline-size: 100dvw;
    border-inline-start: 0;
    border-inline-end: 0;
  }
}
@layer components {
  [data-slider-root] {
    display: flex;
    align-items: center;
    width: 100%;
    outline: none;
  }
  [data-slider-root][aria-orientation=vertical] {
    flex-direction: column;
    width: auto;
    height: 100%;
  }
  [data-slider-root][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-slider-control] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    height: var(--size-icon-md);
    cursor: pointer;
    touch-action: none;
    user-select: none;
  }
  [data-slider-root][aria-orientation=vertical] [data-slider-control] {
    flex-direction: column;
    width: var(--size-icon-md);
    height: 100%;
    flex: 1;
  }
  [data-slider-control][data-disabled] {
    cursor: default;
  }
  [data-slider-track] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    height: var(--size-track);
    border-radius: 9999px;
    background: var(--color-content-bg-muted);
    overflow: visible;
  }
  [data-slider-root][aria-orientation=vertical] [data-slider-track] {
    flex-direction: column;
    width: var(--size-track);
    height: 100%;
    flex: 1;
  }
  [data-slider-fill] {
    position: absolute;
    height: 100%;
    border-radius: 9999px;
    background: var(--color-control-bg-prominent);
  }
  [data-slider-root][aria-orientation=vertical] [data-slider-fill] {
    inset-inline: 0;
    bottom: 0;
    height: auto;
    width: 100%;
  }
  [data-slider-thumb] {
    display: block;
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    border-radius: 9999px;
    background: var(--color-control-bg);
    border: var(--size-stroke-strong) solid var(--color-control-bg-prominent);
    box-shadow: 0 1px 3px var(--color-effect-shadow-md);
    outline: none;
    cursor: grab;
    transition: border-color var(--ix-duration-short) var(--ix-easing), box-shadow var(--ix-duration-short) var(--ix-easing);
  }
  [data-slider-thumb]:hover {
    border-color: var(--ix-ring);
  }
  [data-slider-thumb]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-slider-thumb][data-dragging] {
    cursor: grabbing;
  }
  [data-slider-output] {
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    color: var(--color-content-fg-muted);
    font-variant-numeric: tabular-nums;
  }
}
@layer components {
  [data-stepper] {
    display: flex;
    align-items: flex-start;
  }
  [data-stepper][data-orientation=horizontal] {
    flex-direction: row;
  }
  [data-stepper][data-orientation=vertical] {
    flex-direction: column;
  }
  [data-stepper-step] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-pad);
  }
  [data-stepper][data-orientation=horizontal] > [data-stepper-step] {
    flex-direction: column;
    flex: 1;
    text-align: center;
  }
  [data-stepper][data-orientation=vertical] > [data-stepper-step] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-rows: auto minmax(1.5rem, 1fr);
    row-gap: 0;
    column-gap: var(--space-ctrl-pad-lg);
    align-items: start;
    padding-bottom: var(--space-ctrl-gap-sm);
  }
  [data-stepper][data-orientation=vertical] > [data-stepper-step]:last-child {
    grid-template-rows: auto;
    padding-bottom: 0;
  }
  [data-stepper-icon] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-xl);
    height: var(--size-icon-xl);
    border-radius: 9999px;
    border: var(--size-stroke-strong) solid var(--color-content-border);
    font-size: var(--type-numeric-size);
    flex-shrink: 0;
    transition:
      background var(--ix-duration-short) var(--ix-easing),
      border-color var(--ix-duration-short) var(--ix-easing),
      color var(--ix-duration-short) var(--ix-easing);
  }
  [data-stepper][data-orientation=vertical] [data-stepper-icon] {
    grid-column: 1;
    grid-row: 1;
  }
  [data-stepper-connector] {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    align-self: stretch;
    width: var(--size-stroke-default);
    background: var(--color-content-border);
    margin-top: var(--space-ctrl-gap-sm);
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-stepper-content] {
    padding-top: var(--space-ctrl-pad-lg);
  }
  [data-stepper][data-orientation=vertical] [data-stepper-content] {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: var(--space-ctrl-gap-sm);
    padding-bottom: var(--space-ctrl-pad-lg);
  }
  [data-stepper][data-orientation=vertical] > [data-stepper-step]:last-child [data-stepper-content] {
    padding-bottom: 0;
  }
  [data-stepper-step][data-status=active] > [data-stepper-icon],
  [data-stepper-step][data-status=active] [data-stepper-icon] {
    border-color: var(--color-control-bg-prominent);
    color: var(--color-control-bg-prominent);
  }
  [data-stepper-step][data-status=completed] > [data-stepper-icon],
  [data-stepper-step][data-status=completed] [data-stepper-icon] {
    background: var(--color-control-bg-prominent);
    border-color: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
  }
  [data-stepper-title] {
    font-size: var(--type-subheadline-size);
    line-height: var(--type-subheadline-line-height);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-muted);
    display: block;
  }
  [data-stepper-step][data-status=active] [data-stepper-title] {
    color: var(--color-content-fg-prominent);
  }
  [data-stepper-step][data-status=completed] [data-stepper-title] {
    color: var(--color-content-fg-prominent);
  }
  [data-stepper-description] {
    font-size: var(--type-callout-size);
  }
  [data-stepper-separator] {
    flex: 1;
    background: var(--color-content-border);
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-stepper][data-orientation=horizontal] > [data-stepper-separator] {
    height: var(--size-stroke-default);
    min-width: var(--size-icon-action);
    align-self: center;
    margin: var(--space-surface-pad) var(--space-ctrl-pad) 0;
  }
  [data-stepper][data-orientation=vertical] > [data-stepper-separator] {
    width: var(--size-stroke-default);
    min-height: var(--size-icon-action);
    margin: var(--space-ctrl-gap-sm) 0 var(--space-ctrl-gap-sm) var(--space-surface-pad);
  }
}
@layer components {
  [data-switch-root] {
    --_switch-thumb-size: calc( var(--size-switch-track-block) - 2 * var(--space-switch-inset) );
    position: relative;
    display: inline-flex;
    align-items: center;
    width: var(--size-switch-track-inline);
    height: var(--size-switch-track-block);
    flex-shrink: 0;
    border-radius: 9999px;
    border: none;
    background: var(--color-content-bg-muted);
    cursor: pointer;
    outline: none;
    padding: 0;
    transition: background-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-switch-root]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-switch-root][data-checked] {
    background: var(--color-control-bg-prominent);
  }
  [data-switch-root][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-switch-thumb] {
    --_switch-dir: 1;
    position: absolute;
    inset-inline-start: var(--space-switch-inset);
    width: var(--_switch-thumb-size);
    height: var(--_switch-thumb-size);
    border-radius: 9999px;
    background: var(--color-control-fg-prominent);
    box-shadow: 0 1px 3px var(--color-effect-shadow-md);
    transition: transform var(--ix-duration-short) var(--ix-easing);
  }
  :dir(rtl) [data-switch-thumb] {
    --_switch-dir: -1;
  }
  [data-switch-root][data-checked] [data-switch-thumb] {
    transform: translateX(calc(var(--_switch-dir) * (var(--size-switch-track-inline) - var(--_switch-thumb-size) - (2 * var(--space-switch-inset)))));
  }
}
@layer components {
  [data-table-container] {
    margin: var(--space-concentric-md-md);
    border: var(--border-md) solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
  }
  [data-table-viewport] {
    overflow-y: auto;
    height: var(--table-h);
    margin: var(--space-concentric-sm-sm);
    border-radius: var(--space-radius-child-sm);
  }
  [data-table-viewport] table {
    min-width: 100%;
    caption-side: bottom;
    text-align: start;
  }
  [data-table-head] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--color-content-bg);
  }
  [data-table-header-row] {
    border-bottom: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-table-head] th {
    height: var(--size-avatar-lg);
    min-width: var(--size-table-col);
    white-space: nowrap;
    padding-inline: var(--space-ctrl-pad);
    vertical-align: middle;
    font-weight: var(--type-caption-2-weight);
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-table-head] th[data-sortable] button {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
  }
  [data-table-head] th[data-sortable] button:hover {
    background: var(--ix-hover-bg);
  }
  [data-table-head] th[data-sort=ascending] button::after {
    content: "\2191";
    font-size: var(--type-caption-size);
  }
  [data-table-head] th[data-sort=descending] button::after {
    content: "\2193";
    font-size: var(--type-caption-size);
  }
  [data-table-head] th[data-sortable]:not([data-sort]) button::after {
    content: "\2195";
    font-size: var(--type-caption-size);
    opacity: 0.4;
  }
  [data-align=leading] {
    text-align: start;
  }
  [data-align=center] {
    text-align: center;
  }
  [data-align=trailing] {
    text-align: end;
  }
  [data-table-body] td {
    padding: var(--space-ctrl-pad);
    vertical-align: middle;
    font-size: var(--type-callout-size);
  }
  [data-table-body] tr:not([data-table-row]) td {
    height: var(--row-h, 0);
    padding: 0;
  }
  [data-table-row] {
    border-bottom: var(--size-stroke-default) solid var(--color-content-border);
    cursor: default;
    user-select: none;
    transition: background-color var(--ix-duration-short) var(--ix-easing);
  }
  [data-table-row]:hover {
    background-color: var(--ix-row-hover-bg);
  }
  [data-table-row][data-selected] {
    background-color: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-table-row][data-cursor] {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-table-skeleton] {
    height: var(--size-icon-sm);
    border-radius: 9999px;
    background-color: var(--color-content-bg-muted);
    animation: pulse var(--ix-duration-xxlong) var(--ix-easing-in-out) infinite;
  }
  @keyframes pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-table-skeleton] {
      animation: none;
    }
  }
}
@layer components {
  [data-tabs] {
    display: flex;
    flex-direction: column;
  }
  [data-tabs-list] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    border-bottom: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-tabs-trigger] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-ctrl-pad) var(--space-surface-pad);
    border: none;
    background: transparent;
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    color: var(--color-content-fg-muted);
    cursor: pointer;
    transition: background var(--ix-duration-short) var(--ix-easing);
    white-space: nowrap;
  }
  [data-tabs-trigger][data-selected] {
    color: var(--ix-selected-fg);
  }
  [data-tabs-trigger]:hover {
    background: var(--ix-hover-bg);
  }
  [data-tabs-trigger]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-tabs-indicator] {
    position: absolute;
    left: 0;
    bottom: -1px;
    translate: var(--active-tab-left);
    width: var(--active-tab-width);
    height: var(--ix-indicator-w);
    background: var(--color-control-bg-prominent);
    border-radius: 9999px;
    transition: translate var(--ix-duration-short) var(--ix-easing-in-out), width var(--ix-duration-short) var(--ix-easing-in-out);
  }
  @media (prefers-reduced-motion: reduce) {
    [data-tabs-indicator] {
      transition: none;
    }
  }
  [data-tabs-content] {
    padding-top: var(--space-surface-pad);
  }
}
@layer components {
  [data-tag-group-root] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap-xs);
    align-items: center;
  }
  [data-tag-group-item] {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    block-size: var(--size-control-height);
    gap: var(--space-ctrl-gap-xs);
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-gap-xs) var(--space-ctrl-gap-xs) var(--space-ctrl-pad-sm);
    border-radius: var(--corner-pill);
    border: var(--border-sm) solid var(--color-content-border);
    background: var(--color-content-bg-muted);
    color: var(--color-content-fg-prominent);
    font-family: var(--type-caption-2-family);
    font-size: var(--type-caption-2-size);
    font-weight: var(--type-caption-2-weight);
    line-height: var(--type-caption-2-line-height);
    max-width: var(--size-tag-cloud);
  }
  [data-tag-group-item-text] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [data-tag-group-remove] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: var(--space-radius-child-sm);
    color: var(--color-content-fg-muted);
    cursor: pointer;
    font-size: var(--type-control-size);
    flex-shrink: 0;
    transition: background var(--ix-duration-short) var(--ix-easing);
  }
  [data-tag-group-item] > [data-icon-button][data-tag-group-remove] {
    inline-size: var(--size-icon-action);
    block-size: var(--size-icon-action);
  }
  [data-tag-group-announcement] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  [data-tag-group-remove]:hover {
    background: var(--ix-hover-bg);
  }
  [data-tag-group-remove]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
}
@layer components {
  [data-text-slot=LargeTitle] {
    margin: 0;
    color: var(--color-content-fg-prominent);
    font-family: var(--type-large-title-family);
    font-size: var(--type-large-title-size);
    line-height: var(--type-large-title-line-height);
    font-weight: var(--type-large-title-weight);
    letter-spacing: var(--type-large-title-tracking);
  }
  [data-text-slot=Title1] {
    margin: 0;
    color: var(--color-content-fg-prominent);
    font-family: var(--type-title1-family);
    font-size: var(--type-title1-size);
    line-height: var(--type-title1-line-height);
    font-weight: var(--type-title1-weight);
    letter-spacing: var(--type-title1-tracking);
  }
  [data-text-slot=Title2] {
    margin: 0;
    color: var(--color-content-fg-prominent);
    font-family: var(--type-title2-family);
    font-size: var(--type-title2-size);
    line-height: var(--type-title2-line-height);
    font-weight: var(--type-title2-weight);
    letter-spacing: var(--type-title2-tracking);
  }
  [data-text-slot=Title3] {
    margin: 0;
    color: var(--color-content-fg-prominent);
    font-family: var(--type-title3-family);
    font-size: var(--type-title3-size);
    line-height: var(--type-title3-line-height);
    font-weight: var(--type-title3-weight);
    letter-spacing: var(--type-title3-tracking);
  }
  [data-text-slot=Headline] {
    margin: 0;
    color: var(--color-content-fg-prominent);
    font-family: var(--type-headline-family);
    font-size: var(--type-headline-size);
    line-height: var(--type-headline-line-height);
    font-weight: var(--type-headline-weight);
    letter-spacing: var(--type-headline-tracking);
  }
  [data-text-slot=Body] {
    margin: 0;
    color: var(--color-content-fg);
    font-family: var(--type-body-family);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
  }
  [data-text-slot=Callout] {
    margin: 0;
    color: var(--color-content-fg);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
  }
  [data-text-slot=Subheadline] {
    margin: 0;
    color: var(--color-content-fg-muted);
    font-family: var(--type-subheadline-family);
    font-size: var(--type-subheadline-size);
    line-height: var(--type-subheadline-line-height);
    font-weight: var(--type-subheadline-weight);
    letter-spacing: var(--type-subheadline-tracking);
  }
  [data-text-slot=Footnote] {
    margin: 0;
    color: var(--color-content-fg-muted);
    font-family: var(--type-footnote-family);
    font-size: var(--type-footnote-size);
    line-height: var(--type-footnote-line-height);
    font-weight: var(--type-footnote-weight);
    letter-spacing: var(--type-footnote-tracking);
  }
  [data-text-slot=Caption1] {
    margin: 0;
    color: var(--color-content-fg-muted);
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
  }
  [data-text-slot=Caption2] {
    margin: 0;
    color: var(--color-content-fg-disabled);
    font-family: var(--type-caption-2-family);
    font-size: var(--type-caption-2-size);
    line-height: var(--type-caption-2-line-height);
    font-weight: var(--type-caption-2-weight);
    letter-spacing: var(--type-caption-2-tracking);
  }
  [data-text-slot=Overline] {
    display: block;
    margin: 0;
    color: var(--color-content-fg-muted);
    font-family: var(--type-overline-family);
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-text-slot=Code] {
    font-family: var(--type-code-family);
    font-size: var(--type-code-size);
    line-height: var(--type-code-line-height);
    font-weight: var(--type-code-weight);
    letter-spacing: var(--type-code-tracking);
    font-feature-settings: var(--type-code-feature);
  }
  [data-text-slot=Numeric] {
    font-family: var(--type-numeric-family);
    font-size: var(--type-numeric-size);
    line-height: var(--type-numeric-line-height);
    font-weight: var(--type-numeric-weight);
    letter-spacing: var(--type-numeric-tracking);
    font-feature-settings: var(--type-numeric-feature);
  }
}
@layer components {
  [data-textarea-root][data-resize=none] {
    resize: none;
  }
  [data-textarea-root][data-resize=vertical] {
    resize: vertical;
  }
  [data-textarea-root][data-resize=horizontal] {
    resize: horizontal;
  }
  [data-textarea-root][data-resize=both] {
    resize: both;
  }
  [data-input-surface][data-textarea-root] {
    display: block;
    block-size: auto;
    min-block-size: calc(var(--size-control-height) * 2);
    border-radius: var(--space-radius-child-md);
    padding: calc((var(--size-control-height) - var(--type-control-size) * var(--type-control-line-height)) / 2) var(--space-control-horizontoal-inline-padding);
    font-family: var(--type-body-family);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-weight: var(--type-body-weight);
    letter-spacing: var(--type-body-tracking);
    color: var(--color-control-fg);
    outline: none;
  }
  [data-textarea-root]:focus {
    border-color: var(--ix-ring);
  }
  [data-textarea-root]::placeholder {
    color: var(--color-control-fg-muted);
  }
}
@layer components {
  [data-timeline] {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  [data-timeline-item] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-rows: auto 1fr;
    column-gap: var(--space-ctrl-pad-lg);
    padding-bottom: var(--space-ctrl-gap-sm);
  }
  [data-timeline-item]:last-child {
    padding-bottom: 0;
  }
  [data-timeline-icon] {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-icon-xl);
    height: var(--size-icon-xl);
    border-radius: 9999px;
    border: var(--size-stroke-strong) solid var(--color-content-border);
    background: var(--glass-surface);
    font-size: var(--type-callout-size);
  }
  [data-timeline-connector] {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    align-self: stretch;
    width: var(--size-stroke-default);
    background: var(--color-content-border);
    margin-top: var(--space-ctrl-gap-sm);
  }
  [data-timeline-content] {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-top: var(--space-ctrl-gap-sm);
    padding-bottom: var(--space-ctrl-pad-lg);
  }
  [data-timeline-item]:last-child [data-timeline-content] {
    padding-bottom: 0;
  }
}
@layer components {
  [data-toast-viewport] {
    position: fixed;
    bottom: var(--space-surface-pad-lg);
    inset-inline-end: var(--space-surface-pad-lg);
    z-index: var(--overlay-z-surface);
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    width: var(--size-overlay-toast);
    max-width: calc(100vw - 2 * var(--space-surface-pad-lg));
    outline: none;
  }
  [data-toast-root] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border-radius: var(--space-radius-container-md);
    border: var(--border-md) solid var(--color-overlay-border);
    box-shadow: 0 2px 12px -2px var(--color-effect-shadow-md);
    overflow: hidden;
    outline: none;
    cursor: default;
    user-select: none;
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    transition: opacity var(--ix-duration-short) var(--ix-easing), translate var(--ix-duration-short) var(--ix-easing);
  }
  [data-toast-root][data-swiping] {
    translate: 0 var(--toast-swipe-movement-y, 0);
    transition: none;
  }
  [data-toast-root][data-starting-style] {
    opacity: 0;
    translate: 0 0.5rem;
  }
  [data-toast-root][data-ending-style] {
    opacity: 0;
    translate: 0 -0.5rem;
  }
  [data-toast-root][data-ending-style][data-swipe-direction=up] {
    opacity: 0;
    translate: 0 calc(var(--toast-swipe-movement-y, 0) - 100%);
  }
  [data-toast-content] {
    margin: var(--space-content-inset-md);
    padding-inline-end: var(--size-control-height);
    color: var(--color-content-fg-prominent);
  }
  [data-toast-title] {
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-caption-2-weight);
    letter-spacing: var(--type-callout-tracking);
    color: var(--color-content-fg-prominent);
  }
  [data-toast-description] {
    color: var(--color-content-fg);
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
    margin-top: var(--space-ctrl-gap-xs);
  }
  [data-toast-content]:not(:has([data-toast-title])) [data-toast-description] {
    color: var(--color-content-fg-prominent);
    font-family: var(--type-callout-family);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
    font-weight: var(--type-callout-weight);
    letter-spacing: var(--type-callout-tracking);
    margin-top: 0;
  }
  [data-toast-action] {
    align-self: flex-end;
    margin: var(--space-concentric-md-md);
    margin-inline-start: auto;
    border-radius: var(--space-radius-child-md);
  }
  [data-toast-close] {
    position: absolute;
    inset-block-start: var(--space-concentric-md-md);
    inset-inline-end: var(--space-concentric-md-md);
    border-radius: var(--space-radius-child-md);
  }
}
@layer components {
  [data-toggle-group-root] {
    display: inline-flex;
    box-sizing: border-box;
    block-size: var(--size-control-height);
    gap: 0;
    padding: 0;
    border-radius: var(--space-radius-container-sm);
    border: var(--border-sm) solid var(--color-content-border);
  }
  [data-toggle-group-root][data-orientation=vertical] {
    flex-direction: column;
    block-size: auto;
    width: max-content;
  }
  [data-toggle-group-root][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
  [data-toggle-group-item] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-gap);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    box-sizing: border-box;
    block-size: var(--size-toggle-group-item);
    min-width: var(--size-control-height);
    margin: var(--space-concentric-sm-sm);
    font-size: var(--type-control-size);
    line-height: var(--type-control-line-height);
    font-family: inherit;
    font-weight: var(--type-control-weight);
    white-space: nowrap;
    border: none;
    border-radius: var(--space-radius-child-sm);
    cursor: pointer;
    outline: none;
    background: transparent;
    color: var(--color-control-fg);
    transition: background-color var(--ix-duration-short) var(--ix-easing), color var(--ix-duration-short) var(--ix-easing);
  }
  [data-toggle-group-item]:not([data-pressed]):not([data-disabled]):hover {
    background: var(--ix-hover-bg);
  }
  [data-toggle-group-item][data-pressed] {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-toggle-group-item]:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-toggle-group-item][data-disabled] {
    opacity: var(--ix-disabled-opacity);
    pointer-events: none;
  }
}
@layer components {
  [data-toolbar] {
    display: flex;
    align-items: stretch;
    gap: var(--space-ctrl-pad);
    inline-size: 100%;
    block-size: 100%;
    padding: 0;
  }
  [data-toolbar-title] {
    position: relative;
    z-index: 1;
    flex: 0 1 auto;
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--type-title2-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
    padding-inline: var(--space-ctrl-pad-lg);
    align-self: center;
  }
  [data-action-bar] [data-toolbar-title] {
    padding-inline-start: var(--space-ctrl-gap-sm);
    padding-inline-end: var(--space-surface-gap-lg);
    align-self: center;
  }
  [data-toolbar] > [data-mobile-logo] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-content-fg-prominent);
    padding-inline-start: var(--space-ctrl-pad);
    align-self: center;
  }
  [data-toolbar-spacer] {
    flex: 1 1 auto;
    min-inline-size: 0;
  }
}
@layer components {
  [data-tooltip-popup] {
    min-width: unset;
    max-width: var(--size-overlay-tooltip);
    padding: 0;
    border: var(--border-md) solid var(--color-overlay-border);
    border-radius: var(--space-radius-container-md);
  }
  [data-tooltip-content] {
    margin: var(--space-concentric-md-md);
    border-radius: var(--space-radius-child-md);
    padding: var(--space-ctrl-gap) var(--space-ctrl-pad-lg);
    background: inherit;
    font-family: var(--type-caption-family);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    font-weight: var(--type-caption-weight);
    letter-spacing: var(--type-caption-tracking);
    color: var(--color-content-fg-prominent);
  }
  [data-tooltip-arrow] {
    fill: var(--glass-surface);
    filter: drop-shadow(0 1px 2px var(--color-effect-shadow-md));
    width: var(--size-tooltip-caret-w);
    height: var(--size-tooltip-caret-h);
  }
}
@layer components {
  [data-tree-item-row] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap-xs);
    padding-inline-start: var(--space-ctrl-gap-sm);
    cursor: default;
    user-select: none;
  }
}
@layer components {
  [data-site-header-root] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-layout-gutter);
    min-block-size: var( --site-header-min-block-size, var(--size-control-height) );
    padding-block: var(--space-ctrl-pad);
    padding-inline: var(--space-layout-gutter);
    color: var(--color-shell-fg-prominent);
    transition:
      background var(--ix-duration-short) var(--ix-easing),
      border-color var(--ix-duration-short) var(--ix-easing),
      transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-site-header-root][data-layout=fixed]:not([data-transparent=true]) {
    border-block-end: var(--size-stroke-default) solid var(--color-shell-border);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
  [data-site-header-root][data-layout=floating] {
    margin-block-start: var(--space-surface-gap);
    margin-inline: var(--space-layout-gutter);
    border: var(--border-md) solid var(--color-shell-border);
    border-radius: var(--space-radius-container-md);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  }
  [data-site-header-root][data-transparent=true] {
    border-color: transparent;
    background: transparent;
    color: var(--color-content-fg-prominent);
  }
  [data-site-header-root][data-theme=light] {
    color-scheme: light;
  }
  [data-site-header-root][data-theme=dark] {
    color-scheme: dark;
  }
  [data-site-header-root][data-compact=true] {
    min-block-size: var(--size-control-height);
    padding-block: 0;
  }
  [data-site-header-root][data-hidden=true] {
    transform: translateY(calc(-100% - var(--space-layout-gutter)));
  }
  [data-site-header-brand],
  [data-site-header-actions] {
    display: flex;
    align-items: center;
  }
  [data-site-header-brand] {
    min-inline-size: 0;
  }
  [data-site-header-navigation] {
    display: none;
    align-items: center;
    justify-content: center;
  }
  [data-site-header-narrow] {
    display: contents;
  }
  [data-site-header-wide] {
    display: none;
  }
  [data-site-header-actions] {
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
  }
  @media (width >= 48rem) {
    [data-site-header-root] {
      grid-template-columns: 1fr auto 1fr;
    }
    [data-site-header-navigation] {
      display: flex;
    }
    [data-site-header-narrow] {
      display: none;
    }
    [data-site-header-wide] {
      display: contents;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-site-header-root] {
      transition: none;
    }
  }
}
@layer components {
  [data-media-picture] {
    display: block;
  }
  [data-media-picture-image] {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    object-position: var(--media-picture-focal-x, 50%) var(--media-picture-focal-y, 50%);
  }
}
@layer components {
  [data-media-stage-root] {
    position: relative;
    display: block;
    inline-size: 100%;
    aspect-ratio: var(--media-stage-intrinsic-width) / var(--media-stage-intrinsic-height);
    overflow: hidden;
    isolation: isolate;
  }
  [data-media-stage-fallback],
  [data-media-stage-client] {
    position: absolute;
    inset: 0;
  }
  [data-media-stage-client] {
    z-index: 1;
  }
  [data-media-stage-description] {
    position: absolute;
    inline-size: var(--size-a11y-visually-hidden);
    block-size: var(--size-a11y-visually-hidden);
    padding: 0;
    margin: calc(-1 * var(--size-a11y-visually-hidden));
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  [data-enhancement=active] > [data-media-stage-fallback] {
    visibility: hidden;
    pointer-events: none;
  }
}
@layer components {
  [data-site-navigation] {
    color: var(--color-control-fg);
    font-family: var(--type-body-family);
  }
  [data-site-navigation-list] {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  [data-site-navigation=flat] > [data-site-navigation-list],
  [data-site-navigation=dropdown] > [data-site-navigation-list],
  [data-site-navigation=mega] > [data-site-navigation-list],
  [data-site-navigation=breadcrumb] > [data-site-navigation-list] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-site-navigation-item] {
    position: relative;
  }
  [data-site-navigation-item] > a,
  [data-site-navigation-item] > button,
  [data-site-navigation-overview] > a,
  [data-site-navigation-drill-heading] > a {
    color: inherit;
    text-decoration: none;
  }
  [data-site-navigation-item] > a,
  [data-site-navigation-item] > button,
  [data-site-navigation-overview],
  [data-site-navigation-drill-heading] {
    display: flex;
    gap: var(--space-ctrl-gap-xs);
    padding: var(--space-ctrl-pad);
  }
  [data-site-navigation-item] > button,
  [data-site-navigation-back],
  [data-site-navigation-overlay-trigger],
  [data-site-navigation-overlay-header] button {
    border: 0;
    border-radius: var(--space-radius-container-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
  }
  [data-site-navigation-item] > :is(a, button):hover,
  [data-site-navigation-item] > :is(a, button):focus-visible {
    background: var(--ix-hover-bg);
  }
  [data-site-navigation-item] > :is(a, button):focus-visible,
  [data-site-navigation-back]:focus-visible,
  [data-site-navigation-overlay-trigger]:focus-visible,
  [data-site-navigation-overlay-header] button:focus-visible {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-in);
  }
  [data-site-navigation-item][data-state=current] > a,
  [data-site-navigation-item][data-state=ancestor] > button {
    background: var(--ix-selected-bg);
    color: var(--ix-selected-fg);
  }
  [data-site-navigation-description] {
    display: block;
    color: var(--color-control-fg-muted);
    font-size: var(--type-caption-2-size);
  }
  [data-site-navigation-separator] {
    border-block-start: var(--size-stroke-default) solid var(--color-content-border);
  }
  [data-site-navigation-panel],
  [data-site-navigation-mega-panel] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-navigation-menu-popup] {
    max-inline-size: calc(100vw - 2 * var(--space-layout-gutter));
  }
  [data-navigation-menu-viewport] {
    max-block-size: var(--available-height);
    overflow: auto;
    overscroll-behavior: contain;
  }
  [data-site-navigation-mega-panel] {
    --site-navigation-popup-viewport-gap: var(--space-ctrl-gap-sm);
    position: absolute;
    inset-block-start: calc(100% + var(--space-ctrl-gap-xs));
    inset-inline-start: 0;
    z-index: var(--overlay-z-nested);
    min-inline-size: min(var(--size-field-md), calc(100vw - 2 * var(--space-layout-gutter)));
    max-inline-size: calc(100vw - 2 * var(--space-layout-gutter));
    max-block-size: calc(100dvh - 2 * var(--space-layout-gutter));
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0;
    border: var(--border-sm) solid var(--color-content-border);
    border-radius: var(--space-radius-container-sm);
    background: var(--color-content-bg);
    box-shadow: 0 var(--space-ctrl-gap-xs) var(--space-surface-gap-xl) var(--color-effect-shadow-md);
    box-sizing: border-box;
    transform: translate(var(--site-navigation-popup-inline-offset, 0), var(--site-navigation-popup-block-offset, 0));
  }
  [data-site-navigation-mega-columns],
  [data-site-navigation=footer] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--size-field-md), 1fr));
    gap: var(--space-layout-gap);
  }
  [data-site-navigation-mega-content] {
    margin: var(--space-concentric-sm-sm);
    border-radius: var(--space-radius-child-sm);
    padding: var(--space-surface-pad-md);
    background: inherit;
  }
  [data-site-navigation-mega-panel] {
    inline-size: min(var(--size-content-xl), calc(100vw - 2 * var(--space-layout-gutter)));
  }
  [data-site-navigation-capacity=zero] {
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    pointer-events: none;
  }
  [data-site-navigation=mega] {
    position: relative;
  }
  [data-site-navigation=mega] > [data-site-navigation-list] > [data-site-navigation-item] {
    position: static;
  }
  [data-site-navigation=drilldown] {
    overflow: hidden;
  }
  [data-site-navigation=drilldown] [data-site-navigation-item] > button {
    inline-size: 100%;
    text-align: start;
  }
  [data-site-navigation-overlay-backdrop] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: stretch;
    z-index: var(--overlay-z-modal);
    background: var(--overlay-backdrop-bg);
  }
  [data-site-navigation-overlay] {
    overflow: auto;
    padding: var(--space-layout-gutter);
    background: var(--color-content-bg);
  }
  [data-site-navigation-overlay-header] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-layout-gap);
  }
  [data-site-navigation=footer] > div,
  [data-site-navigation-mega-columns] section {
    min-inline-size: 0;
  }
  [data-site-navigation=breadcrumb] [data-site-navigation-item]:not(:last-child)::after {
    content: "/";
    margin-inline-start: var(--space-ctrl-gap-sm);
    color: var(--color-control-fg-muted);
  }
  @media (prefers-reduced-motion: reduce) {
    [data-site-navigation] * {
      scroll-behavior: auto;
    }
  }
}
@layer components {
  [data-responsive-pair] {
    container-type: inline-size;
    container-name: a9-responsive-pair;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-layout-gap);
    inline-size: 100%;
    min-inline-size: 0;
  }
  [data-responsive-primary],
  [data-responsive-secondary] {
    min-inline-size: 0;
  }
  @container a9-responsive-pair (inline-size >= 48rem) {
    [data-responsive-pair] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-page-layout-container] {
    --page-layout-gutter: var(--space-layout-gutter);
    --page-layout-width: var(--size-content-xl);
    position: relative;
    z-index: 1;
    inline-size: min(calc(100% - (2 * var(--page-layout-gutter))), var(--page-layout-width));
    margin-inline: auto;
  }
  [data-page-layout-container][data-width=full] {
    --page-layout-width: 100%;
    inline-size: 100%;
  }
  [data-page-layout-container][data-width=wide] {
    --page-layout-width: var(--size-content-2xl);
  }
  [data-page-layout-container][data-width=narrow] {
    --page-layout-width: var(--size-content-sm);
  }
  [data-page-layout-bleed] {
    position: relative;
    z-index: 1;
    inline-size: 100vi;
    max-inline-size: 100vi;
    margin-inline: calc(50% - 50vi);
  }
}

/* browser-fs:.melonbase/packages/a9-web-ds/presets.css */
[data-color-contrast=medium][data-color-semantic-preset=standard],
[data-color-semantic-preset=standard][data-color-contrast=medium],
:root[data-color-contrast=medium] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-contrast=high][data-color-semantic-preset=standard],
[data-color-semantic-preset=standard][data-color-contrast=high],
:root[data-color-contrast=high] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-semantic-preset=neutral],
[data-color-preset=neutral] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-neutral-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-950);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-neutral-800);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--color-content-fg-prominent);
}
.dark[data-color-semantic-preset=neutral],
.dark[data-color-preset=neutral],
.dark [data-color-semantic-preset=neutral],
.dark [data-color-preset=neutral],
[data-theme=dark][data-color-semantic-preset=neutral],
[data-theme=dark][data-color-preset=neutral],
[data-theme=dark] [data-color-semantic-preset=neutral],
[data-theme=dark] [data-color-preset=neutral] {
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-neutral-200);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-neutral-800);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-200);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-neutral-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=neutral] [data-theme=light],
[data-color-preset=neutral] [data-theme=light] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-neutral-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-950);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-neutral-800);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--color-content-fg-prominent);
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-neutral-200);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-neutral-800);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-200);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-neutral-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=neutral] [data-theme=dark],
[data-color-preset=neutral] [data-theme=dark] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-neutral-950);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-neutral-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-950);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-neutral-800);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--color-content-fg-prominent);
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-neutral-200);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-neutral-800);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-200);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-neutral-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=neutral][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-semantic-preset=neutral] [data-theme=light],
[data-color-semantic-preset=neutral] [data-color-contrast=medium] [data-theme=light],
[data-color-preset=neutral][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-preset=neutral] [data-theme=light],
[data-color-preset=neutral] [data-color-contrast=medium] [data-theme=light] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-semantic-preset=neutral][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-semantic-preset=neutral] [data-theme=dark],
[data-color-semantic-preset=neutral] [data-color-contrast=medium] [data-theme=dark],
[data-color-preset=neutral][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-preset=neutral] [data-theme=dark],
[data-color-preset=neutral] [data-color-contrast=medium] [data-theme=dark] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-semantic-preset=neutral][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-semantic-preset=neutral] [data-theme=light],
[data-color-semantic-preset=neutral] [data-color-contrast=high] [data-theme=light],
[data-color-preset=neutral][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-preset=neutral] [data-theme=light],
[data-color-preset=neutral] [data-color-contrast=high] [data-theme=light] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-semantic-preset=neutral][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-semantic-preset=neutral] [data-theme=dark],
[data-color-semantic-preset=neutral] [data-color-contrast=high] [data-theme=dark],
[data-color-preset=neutral][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-preset=neutral] [data-theme=dark],
[data-color-preset=neutral] [data-color-contrast=high] [data-theme=dark] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-contrast=medium][data-color-semantic-preset=neutral],
[data-color-semantic-preset=neutral][data-color-contrast=medium] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-contrast=high][data-color-semantic-preset=neutral],
[data-color-semantic-preset=neutral][data-color-contrast=high] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-semantic-preset=bold],
[data-color-preset=bold] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-brand-650);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
}
.dark[data-color-semantic-preset=bold],
.dark[data-color-preset=bold],
.dark [data-color-semantic-preset=bold],
.dark [data-color-preset=bold],
[data-theme=dark][data-color-semantic-preset=bold],
[data-theme=dark][data-color-preset=bold],
[data-theme=dark] [data-color-semantic-preset=bold],
[data-theme=dark] [data-color-preset=bold] {
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-brand-350);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-subbrand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=bold] [data-theme=light],
[data-color-preset=bold] [data-theme=light] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-brand-650);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-brand-350);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-subbrand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=bold] [data-theme=dark],
[data-color-preset=bold] [data-theme=dark] {
  --color-content-fg: var(--p-neutral-700);
  --color-content-fg-muted: var(--p-neutral-550);
  --color-content-fg-disabled: var(--p-neutral-400);
  --color-content-fg-prominent: var(--p-brand-650);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-neutral-0);
  --color-content-bg-muted: var(--p-neutral-100);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-neutral-300);
  --color-content-border-muted: var(--p-neutral-200);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-950);
  --color-control-fg-muted: var(--p-neutral-550);
  --color-control-fg-disabled: var(--p-neutral-400);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-0);
  --color-control-bg-muted: var(--p-subbrand-100);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-fg: var(--p-neutral-300);
  --color-content-fg-muted: var(--p-neutral-400);
  --color-content-fg-disabled: var(--p-neutral-500);
  --color-content-fg-prominent: var(--p-brand-350);
  --color-content-bg: var(--p-neutral-950);
  --color-content-bg-muted: var(--p-neutral-800);
  --color-content-bg-disabled: var(--p-neutral-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-0-a20);
  --color-content-border-muted: var(--p-0-a10);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-neutral-500);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-neutral-400);
  --color-control-fg-disabled: var(--p-neutral-500);
  --color-control-fg-prominent: var(--p-neutral-0);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-neutral-950);
  --color-control-bg-muted: var(--p-subbrand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-brand-550);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-neutral-500);
  --color-control-bg-prominent-hover: var(--p-brand-600);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=bold][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-semantic-preset=bold] [data-theme=light],
[data-color-semantic-preset=bold] [data-color-contrast=medium] [data-theme=light],
[data-color-preset=bold][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-preset=bold] [data-theme=light],
[data-color-preset=bold] [data-color-contrast=medium] [data-theme=light] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-semantic-preset=bold][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-semantic-preset=bold] [data-theme=dark],
[data-color-semantic-preset=bold] [data-color-contrast=medium] [data-theme=dark],
[data-color-preset=bold][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-preset=bold] [data-theme=dark],
[data-color-preset=bold] [data-color-contrast=medium] [data-theme=dark] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-semantic-preset=bold][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-semantic-preset=bold] [data-theme=light],
[data-color-semantic-preset=bold] [data-color-contrast=high] [data-theme=light],
[data-color-preset=bold][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-preset=bold] [data-theme=light],
[data-color-preset=bold] [data-color-contrast=high] [data-theme=light] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-semantic-preset=bold][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-semantic-preset=bold] [data-theme=dark],
[data-color-semantic-preset=bold] [data-color-contrast=high] [data-theme=dark],
[data-color-preset=bold][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-preset=bold] [data-theme=dark],
[data-color-preset=bold] [data-color-contrast=high] [data-theme=dark] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-contrast=medium][data-color-semantic-preset=bold],
[data-color-semantic-preset=bold][data-color-contrast=medium] {
  --color-content-fg-muted: var(--p-neutral-600);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-neutral-600);
  --color-content-border-prominent: var(--p-neutral-550);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-550);
}
[data-color-contrast=high][data-color-semantic-preset=bold],
[data-color-semantic-preset=bold][data-color-contrast=high] {
  --color-content-fg-muted: var(--p-neutral-650);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-650);
  --color-content-border-prominent: var(--p-neutral-600);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-600);
}
[data-color-semantic-preset=expressive],
[data-color-preset=expressive] {
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-200);
  --color-content-fg-disabled: var(--p-brand-350);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-brand-650);
  --color-content-bg-muted: var(--p-brand-700);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-brand-450);
  --color-content-border-muted: var(--p-brand-550);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-brand-150);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-150);
  --color-control-fg-disabled: var(--p-brand-300);
  --color-control-fg-prominent: var(--p-brand-950);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-650);
  --color-control-bg-muted: var(--p-brand-700);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-brand-150);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
}
.dark[data-color-semantic-preset=expressive],
.dark[data-color-preset=expressive],
.dark [data-color-semantic-preset=expressive],
.dark [data-color-preset=expressive],
[data-theme=dark][data-color-semantic-preset=expressive],
[data-theme=dark][data-color-preset=expressive],
[data-theme=dark] [data-color-semantic-preset=expressive],
[data-theme=dark] [data-color-preset=expressive] {
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-250);
  --color-content-fg-disabled: var(--p-brand-400);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-bg: var(--p-brand-950);
  --color-content-bg-muted: var(--p-brand-900);
  --color-content-bg-disabled: var(--p-brand-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-brand-700);
  --color-content-border-muted: var(--p-brand-800);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-brand-300);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-200);
  --color-control-fg-disabled: var(--p-brand-400);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-950);
  --color-control-bg-muted: var(--p-brand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-brand-300);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=expressive] [data-theme=light],
[data-color-preset=expressive] [data-theme=light] {
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-200);
  --color-content-fg-disabled: var(--p-brand-350);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-brand-650);
  --color-content-bg-muted: var(--p-brand-700);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-brand-450);
  --color-content-border-muted: var(--p-brand-550);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-brand-150);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-150);
  --color-control-fg-disabled: var(--p-brand-300);
  --color-control-fg-prominent: var(--p-brand-950);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-650);
  --color-control-bg-muted: var(--p-brand-700);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-brand-150);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-250);
  --color-content-fg-disabled: var(--p-brand-400);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-bg: var(--p-brand-950);
  --color-content-bg-muted: var(--p-brand-900);
  --color-content-bg-disabled: var(--p-brand-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-brand-700);
  --color-content-border-muted: var(--p-brand-800);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-brand-300);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-200);
  --color-control-fg-disabled: var(--p-brand-400);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-950);
  --color-control-bg-muted: var(--p-brand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-brand-300);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=expressive] [data-theme=dark],
[data-color-preset=expressive] [data-theme=dark] {
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-200);
  --color-content-fg-disabled: var(--p-brand-350);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-fg-info: var(--p-blue-650);
  --color-content-fg-warning: var(--p-yellow-650);
  --color-content-fg-danger: var(--p-red-650);
  --color-content-bg: var(--p-brand-650);
  --color-content-bg-muted: var(--p-brand-700);
  --color-content-bg-disabled: var(--p-neutral-200);
  --color-content-bg-prominent: var(--p-neutral-950);
  --color-content-bg-info: var(--p-blue-50);
  --color-content-bg-warning: var(--p-yellow-50);
  --color-content-bg-danger: var(--p-red-50);
  --color-content-border: var(--p-brand-450);
  --color-content-border-muted: var(--p-brand-550);
  --color-content-border-disabled: var(--p-neutral-100);
  --color-content-border-prominent: var(--p-brand-150);
  --color-content-border-info: var(--p-blue-400);
  --color-content-border-warning: var(--p-yellow-400);
  --color-content-border-danger: var(--p-red-400);
  --color-shell-fg: var(--p-neutral-950);
  --color-shell-fg-muted: var(--p-neutral-550);
  --color-shell-fg-disabled: var(--p-neutral-400);
  --color-shell-fg-prominent: var(--p-neutral-950);
  --color-shell-fg-on-prominent: var(--p-neutral-0);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-fg-info: var(--p-blue-650);
  --color-shell-fg-warning: var(--p-yellow-650);
  --color-shell-fg-danger: var(--p-red-650);
  --color-shell-bg: var(--p-neutral-0);
  --color-shell-bg-muted: var(--p-neutral-100);
  --color-shell-bg-disabled: var(--p-neutral-200);
  --color-shell-bg-prominent: var(--p-neutral-950);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-bg-info: var(--p-blue-50);
  --color-shell-bg-warning: var(--p-yellow-50);
  --color-shell-bg-danger: var(--p-red-50);
  --color-shell-border: var(--p-neutral-300);
  --color-shell-border-muted: var(--p-neutral-200);
  --color-shell-border-disabled: var(--p-neutral-100);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-shell-border-info: var(--p-blue-400);
  --color-shell-border-warning: var(--p-yellow-400);
  --color-shell-border-danger: var(--p-red-400);
  --color-overlay-fg: var(--p-neutral-700);
  --color-overlay-fg-muted: var(--p-neutral-550);
  --color-overlay-fg-disabled: var(--p-neutral-400);
  --color-overlay-fg-prominent: var(--p-neutral-950);
  --color-overlay-fg-info: var(--p-blue-650);
  --color-overlay-fg-warning: var(--p-yellow-650);
  --color-overlay-fg-danger: var(--p-red-650);
  --color-overlay-bg: var(--p-neutral-0);
  --color-overlay-bg-muted: var(--p-neutral-100);
  --color-overlay-bg-disabled: var(--p-neutral-200);
  --color-overlay-bg-prominent: var(--p-neutral-950);
  --color-overlay-bg-info: var(--p-blue-50);
  --color-overlay-bg-warning: var(--p-yellow-50);
  --color-overlay-bg-danger: var(--p-red-50);
  --color-overlay-border: var(--p-neutral-300);
  --color-overlay-border-muted: var(--p-neutral-200);
  --color-overlay-border-disabled: var(--p-neutral-100);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-overlay-border-info: var(--p-blue-400);
  --color-overlay-border-warning: var(--p-yellow-400);
  --color-overlay-border-danger: var(--p-red-400);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-150);
  --color-control-fg-disabled: var(--p-brand-300);
  --color-control-fg-prominent: var(--p-brand-950);
  --color-control-fg-info: var(--p-blue-650);
  --color-control-fg-warning: var(--p-yellow-650);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-650);
  --color-control-bg-muted: var(--p-brand-700);
  --color-control-bg-disabled: var(--p-neutral-200);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-info: var(--p-blue-50);
  --color-control-bg-warning: var(--p-yellow-50);
  --color-control-bg-danger: var(--p-red-650);
  --color-control-border: var(--p-neutral-300);
  --color-control-border-muted: var(--p-neutral-200);
  --color-control-border-disabled: var(--p-neutral-100);
  --color-control-border-prominent: var(--p-brand-150);
  --color-control-border-info: var(--p-blue-400);
  --color-control-border-warning: var(--p-yellow-400);
  --color-control-border-danger: var(--p-red-400);
  --color-data-series-1: var(--p-blue-500);
  --color-data-series-2: var(--p-green-500);
  --color-data-series-3: var(--p-orange-500);
  --color-data-series-4: var(--p-red-500);
  --color-data-series-5: var(--p-purple-500);
  --color-data-series-6: var(--p-teal-500);
  --color-data-series-7: var(--p-cyan-500);
  --color-data-series-8: var(--p-pink-500);
  --color-overlay-border-translucent: var(--p-0-a28);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-700);
  --color-content-bg-success: var(--p-green-50);
  --color-content-border-success: var(--p-green-400);
  --color-content-fg-success: var(--p-green-650);
  --color-overlay-bg-scrim: var(--p-black-a88);
  --color-effect-shadow-sm: var(--p-black-a8);
  --color-effect-shadow-md: var(--p-black-a12);
  --color-effect-shadow-lg: var(--p-black-a16);
  --color-content-fg-accent: var(--p-brand-650);
  --color-content-fg: var(--p-brand-100);
  --color-content-fg-muted: var(--p-brand-250);
  --color-content-fg-disabled: var(--p-brand-400);
  --color-content-fg-prominent: var(--p-neutral-0);
  --color-content-bg: var(--p-brand-950);
  --color-content-bg-muted: var(--p-brand-900);
  --color-content-bg-disabled: var(--p-brand-850);
  --color-content-bg-prominent: var(--p-neutral-0);
  --color-content-border: var(--p-brand-700);
  --color-content-border-muted: var(--p-brand-800);
  --color-content-border-disabled: var(--p-0-a10);
  --color-content-border-prominent: var(--p-brand-300);
  --color-shell-fg: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-400);
  --color-shell-fg-disabled: var(--p-neutral-500);
  --color-shell-fg-prominent: var(--p-neutral-0);
  --color-shell-fg-on-prominent: var(--p-neutral-1000);
  --color-shell-fg-on-attention: var(--p-neutral-1000);
  --color-shell-bg: var(--p-neutral-900);
  --color-shell-bg-muted: var(--p-neutral-800);
  --color-shell-bg-disabled: var(--p-neutral-850);
  --color-shell-bg-prominent: var(--p-neutral-0);
  --color-shell-bg-attention: var(--p-yellow-attention);
  --color-shell-border: var(--p-0-a20);
  --color-shell-border-muted: var(--p-0-a10);
  --color-shell-border-disabled: var(--p-0-a10);
  --color-shell-border-prominent: var(--p-neutral-500);
  --color-overlay-fg: var(--p-neutral-300);
  --color-overlay-fg-muted: var(--p-neutral-400);
  --color-overlay-fg-disabled: var(--p-neutral-500);
  --color-overlay-fg-prominent: var(--p-neutral-0);
  --color-overlay-bg: var(--p-neutral-900);
  --color-overlay-bg-muted: var(--p-neutral-800);
  --color-overlay-bg-disabled: var(--p-neutral-850);
  --color-overlay-bg-prominent: var(--p-neutral-0);
  --color-overlay-border: var(--p-0-a20);
  --color-overlay-border-muted: var(--p-0-a10);
  --color-overlay-border-disabled: var(--p-0-a10);
  --color-overlay-border-prominent: var(--p-neutral-500);
  --color-control-fg: var(--p-neutral-0);
  --color-control-fg-muted: var(--p-brand-200);
  --color-control-fg-disabled: var(--p-brand-400);
  --color-control-fg-prominent: var(--p-neutral-950);
  --color-control-fg-danger: var(--p-neutral-0);
  --color-control-bg: var(--p-brand-950);
  --color-control-bg-muted: var(--p-brand-850);
  --color-control-bg-disabled: var(--p-neutral-850);
  --color-control-bg-prominent: var(--p-neutral-0);
  --color-control-bg-danger: var(--p-red-400);
  --color-control-border: var(--p-0-a20);
  --color-control-border-muted: var(--p-0-a10);
  --color-control-border-disabled: var(--p-0-a10);
  --color-control-border-prominent: var(--p-brand-300);
  --color-control-bg-prominent-hover: var(--p-brand-100);
  --color-control-bg-danger-hover: var(--p-red-300);
}
[data-color-semantic-preset=expressive][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-semantic-preset=expressive] [data-theme=light],
[data-color-semantic-preset=expressive] [data-color-contrast=medium] [data-theme=light],
[data-color-preset=expressive][data-color-contrast=medium] [data-theme=light],
[data-color-contrast=medium] [data-color-preset=expressive] [data-theme=light],
[data-color-preset=expressive] [data-color-contrast=medium] [data-theme=light] {
  --color-content-fg-muted: var(--p-brand-150);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-brand-100);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-color-semantic-preset=expressive][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-semantic-preset=expressive] [data-theme=dark],
[data-color-semantic-preset=expressive] [data-color-contrast=medium] [data-theme=dark],
[data-color-preset=expressive][data-color-contrast=medium] [data-theme=dark],
[data-color-contrast=medium] [data-color-preset=expressive] [data-theme=dark],
[data-color-preset=expressive] [data-color-contrast=medium] [data-theme=dark] {
  --color-content-fg-muted: var(--p-brand-150);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-brand-100);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-color-semantic-preset=expressive][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-semantic-preset=expressive] [data-theme=light],
[data-color-semantic-preset=expressive] [data-color-contrast=high] [data-theme=light],
[data-color-preset=expressive][data-color-contrast=high] [data-theme=light],
[data-color-contrast=high] [data-color-preset=expressive] [data-theme=light],
[data-color-preset=expressive] [data-color-contrast=high] [data-theme=light] {
  --color-content-fg-muted: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-0);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-color-semantic-preset=expressive][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-semantic-preset=expressive] [data-theme=dark],
[data-color-semantic-preset=expressive] [data-color-contrast=high] [data-theme=dark],
[data-color-preset=expressive][data-color-contrast=high] [data-theme=dark],
[data-color-contrast=high] [data-color-preset=expressive] [data-theme=dark],
[data-color-preset=expressive] [data-color-contrast=high] [data-theme=dark] {
  --color-content-fg-muted: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-0);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-color-contrast=medium][data-color-semantic-preset=expressive],
[data-color-semantic-preset=expressive][data-color-contrast=medium] {
  --color-content-fg-muted: var(--p-brand-150);
  --color-shell-fg-muted: var(--p-neutral-600);
  --color-overlay-fg-muted: var(--p-neutral-600);
  --color-control-fg-muted: var(--p-brand-100);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-550);
  --color-overlay-border-prominent: var(--p-neutral-550);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-color-contrast=high][data-color-semantic-preset=expressive],
[data-color-semantic-preset=expressive][data-color-contrast=high] {
  --color-content-fg-muted: var(--p-neutral-0);
  --color-shell-fg-muted: var(--p-neutral-650);
  --color-overlay-fg-muted: var(--p-neutral-650);
  --color-control-fg-muted: var(--p-neutral-0);
  --color-content-border-prominent: var(--p-neutral-0);
  --color-shell-border-prominent: var(--p-neutral-600);
  --color-overlay-border-prominent: var(--p-neutral-600);
  --color-control-border-prominent: var(--p-neutral-0);
}
[data-type-base-preset=system][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=system][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-base-preset=grotesque-sans],
[data-type-base-preset=grotesque-sans][data-type-scale=standard] {
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    sans-serif;
  --font-heading: var(--font-sans);
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 400;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 600;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 800;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.15;
  --type-base-leading-md: 1.4;
  --type-base-leading-lg: 1.5;
  --type-base-leading-xl: 1.625;
  --type-base-leading-display: 1.12;
  --type-base-tracking-tight: -0.006em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.006em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
}
[data-type-base-preset=grotesque-sans][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=grotesque-sans][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-base-preset=humanist-sans],
[data-type-base-preset=humanist-sans][data-type-scale=standard] {
  --font-sans:
    "Wanted Sans Variable",
    "Wanted Sans",
    sans-serif;
  --font-heading: var(--font-sans);
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 400;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 600;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 800;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.25;
  --type-base-leading-md: 1.45;
  --type-base-leading-lg: 1.55;
  --type-base-leading-xl: 1.625;
  --type-base-leading-display: 1.16;
  --type-base-tracking-tight: -0.006em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.01em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
}
[data-type-base-preset=humanist-sans][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=humanist-sans][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-base-preset=geometric-display],
[data-type-base-preset=geometric-display][data-type-scale=standard] {
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    sans-serif;
  --font-heading: "Gmarket Sans", var(--font-sans);
  --font-display: var(--font-heading);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 300;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 500;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 700;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.2;
  --type-base-leading-md: 1.45;
  --type-base-leading-lg: 1.55;
  --type-base-leading-xl: 1.625;
  --type-base-leading-display: 1.1;
  --type-base-tracking-tight: -0.006em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.012em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
}
[data-type-base-preset=geometric-display][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=geometric-display][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-base-preset=reading-serif],
[data-type-base-preset=reading-serif][data-type-scale=standard] {
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    sans-serif;
  --font-heading: "Noto Serif KR", serif;
  --font-display: var(--font-heading);
  --font-body: var(--font-heading);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 400;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 600;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 800;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.15;
  --type-base-leading-md: 1.4;
  --type-base-leading-lg: 1.55;
  --type-base-leading-xl: 1.75;
  --type-base-leading-display: 1.08;
  --type-base-tracking-tight: -0.012em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.012em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
}
[data-type-base-preset=reading-serif][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=reading-serif][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-base-preset=display-serif],
[data-type-base-preset=display-serif][data-type-scale=standard] {
  --font-sans:
    "Pretendard Variable",
    Pretendard,
    sans-serif;
  --font-heading: Hahmlet, serif;
  --font-display: var(--font-heading);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);
  --font-mono:
    "Geist Mono Variable",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-display-weight-normal: 400;
  --font-display-weight-medium: 500;
  --font-display-weight-semibold: 600;
  --font-display-weight-bold: 700;
  --font-display-weight-extrabold: 800;
  --type-base-size-xs: 0.6875rem;
  --type-base-size-sm: 0.75rem;
  --type-base-size-md: 0.875rem;
  --type-base-size-lg: 1rem;
  --type-base-size-xl: 1.125rem;
  --type-base-size-2xl: 1.375rem;
  --type-base-size-3xl: 1.75rem;
  --type-base-size-4xl: 2.25rem;
  --type-base-size-5xl: 3rem;
  --type-base-size-6xl: 3.75rem;
  --type-base-size-7xl: 4.5rem;
  --type-base-size-8xl: 6rem;
  --type-base-size-9xl: 8rem;
  --type-base-leading-xs: 1;
  --type-base-leading-sm: 1.2;
  --type-base-leading-md: 1.4;
  --type-base-leading-lg: 1.55;
  --type-base-leading-xl: 1.7;
  --type-base-leading-display: 1.04;
  --type-base-tracking-tight: -0.014em;
  --type-base-tracking-normal: 0;
  --type-base-tracking-loose: 0.018em;
  --type-base-tracking-label: 0.06em;
  --type-base-tracking-overline: 0.08em;
  --type-base-feature-normal: "kern" 1;
  --type-base-feature-tabular: "tnum" 1, "lnum" 1;
  --type-base-feature-code: "liga" 0, "calt" 1;
}
[data-type-base-preset=display-serif][data-type-scale=small] {
  --type-base-size-xs: 0.625rem;
  --type-base-size-sm: 0.6875rem;
  --type-base-size-md: 0.75rem;
  --type-base-size-lg: 0.875rem;
  --type-base-size-xl: 1rem;
  --type-base-size-2xl: 1.25rem;
  --type-base-size-3xl: 1.625rem;
  --type-base-size-4xl: 2.125rem;
  --type-base-size-5xl: 2.75rem;
  --type-base-size-6xl: 3.5rem;
  --type-base-size-7xl: 4.25rem;
  --type-base-size-8xl: 5.5rem;
  --type-base-size-9xl: 7.5rem;
}
[data-type-base-preset=display-serif][data-type-scale=large] {
  --type-base-size-xs: 0.75rem;
  --type-base-size-sm: 0.8125rem;
  --type-base-size-md: 1rem;
  --type-base-size-lg: 1.125rem;
  --type-base-size-xl: 1.25rem;
  --type-base-size-2xl: 1.5rem;
  --type-base-size-3xl: 1.875rem;
  --type-base-size-4xl: 2.5rem;
  --type-base-size-5xl: 3.25rem;
  --type-base-size-6xl: 4rem;
  --type-base-size-7xl: 5rem;
  --type-base-size-8xl: 6.5rem;
  --type-base-size-9xl: 9rem;
}
[data-type-semantic-preset=productive],
[data-type-semantic-session-override=productive],
[data-type-semantic-session-override=productive] [data-type-semantic-boundary] {
  --type-large-title-family: var(--font-display);
  --type-large-title-size: var(--type-base-size-2xl);
  --type-large-title-line-height: var(--type-base-leading-display);
  --type-large-title-weight: var(--font-display-weight-bold);
  --type-large-title-tracking: var(--type-base-tracking-tight);
  --type-title1-family: var(--font-heading);
  --type-title1-size: var(--type-base-size-xl);
  --type-title1-line-height: var(--type-base-leading-display);
  --type-title1-weight: var(--font-display-weight-medium);
  --type-title1-tracking: var(--type-base-tracking-tight);
  --type-title2-family: var(--font-heading);
  --type-title2-size: var(--type-base-size-lg);
  --type-title2-line-height: var(--type-base-leading-display);
  --type-title2-weight: var(--font-display-weight-medium);
  --type-title2-tracking: var(--type-base-tracking-tight);
  --type-title3-family: var(--font-heading);
  --type-title3-size: var(--type-base-size-md);
  --type-title3-line-height: var(--type-base-leading-lg);
  --type-title3-weight: var(--font-display-weight-medium);
  --type-title3-tracking: var(--type-base-tracking-tight);
  --type-headline-family: var(--font-heading);
  --type-headline-size: var(--type-base-size-md);
  --type-headline-line-height: var(--type-base-leading-md);
  --type-headline-weight: var(--font-display-weight-bold);
  --type-headline-tracking: var(--type-base-tracking-tight);
  --type-body-family: var(--font-body);
  --type-body-size: var(--type-base-size-md);
  --type-body-line-height: var(--type-base-leading-md);
  --type-body-weight: var(--font-weight-normal);
  --type-body-tracking: var(--type-base-tracking-tight);
  --type-control-family: var(--font-body);
  --type-control-weight: var(--font-weight-medium);
  --type-control-tracking: var(--type-base-tracking-normal);
  --type-callout-family: var(--font-body);
  --type-callout-size: var(--type-base-size-sm);
  --type-callout-line-height: var(--type-base-leading-md);
  --type-callout-weight: var(--font-weight-normal);
  --type-callout-tracking: var(--type-base-tracking-normal);
  --type-subheadline-family: var(--font-label);
  --type-subheadline-size: var(--type-base-size-xs);
  --type-subheadline-line-height: var(--type-base-leading-md);
  --type-subheadline-weight: var(--font-weight-normal);
  --type-subheadline-tracking: var(--type-base-tracking-loose);
  --type-footnote-family: var(--font-label);
  --type-footnote-size: var(--type-base-size-xs);
  --type-footnote-line-height: var(--type-base-leading-md);
  --type-footnote-weight: var(--font-weight-normal);
  --type-footnote-tracking: var(--type-base-tracking-loose);
  --type-caption-family: var(--font-label);
  --type-caption-size: var(--type-base-size-xs);
  --type-caption-line-height: var(--type-base-leading-md);
  --type-caption-weight: var(--font-weight-normal);
  --type-caption-tracking: var(--type-base-tracking-loose);
  --type-caption-2-family: var(--font-label);
  --type-caption-2-size: var(--type-base-size-xs);
  --type-caption-2-line-height: var(--type-base-leading-md);
  --type-caption-2-weight: var(--font-weight-medium);
  --type-caption-2-tracking: var(--type-base-tracking-loose);
  --type-overline-family: var(--font-label);
  --type-overline-size: var(--type-base-size-xs);
  --type-overline-line-height: var(--type-base-leading-md);
  --type-overline-weight: var(--font-weight-extrabold);
  --type-overline-tracking: var(--type-base-tracking-label);
  --type-overline-transform: var(--type-base-transform-uppercase);
  --type-display-family: var(--font-display);
  --type-display-size: var(--type-base-size-6xl);
  --type-display-line-height: var(--type-base-leading-display);
  --type-display-weight: var(--font-display-weight-bold);
  --type-display-tracking: var(--type-base-tracking-normal);
  --type-code-family: var(--font-mono);
  --type-code-size: var(--type-base-size-sm);
  --type-code-line-height: var(--type-base-leading-lg);
  --type-code-weight: var(--font-weight-normal);
  --type-code-tracking: var(--type-base-tracking-normal);
  --type-code-feature: var(--type-base-feature-code);
  --type-numeric-family: var(--font-mono);
  --type-numeric-size: var(--type-base-size-md);
  --type-numeric-line-height: var(--type-base-leading-md);
  --type-numeric-weight: var(--font-weight-medium);
  --type-numeric-tracking: var(--type-base-tracking-normal);
  --type-numeric-feature: var(--type-base-feature-tabular);
}
[data-type-semantic-preset=expressive],
[data-type-semantic-session-override=expressive],
[data-type-semantic-session-override=expressive] [data-type-semantic-boundary] {
  --type-large-title-family: var(--font-display);
  --type-large-title-size: var(--type-base-size-4xl);
  --type-large-title-line-height: var(--type-base-leading-display);
  --type-large-title-weight: var(--font-display-weight-semibold);
  --type-large-title-tracking: var(--type-base-tracking-normal);
  --type-title1-family: var(--font-heading);
  --type-title1-size: var(--type-base-size-3xl);
  --type-title1-line-height: var(--type-base-leading-display);
  --type-title1-weight: var(--font-display-weight-medium);
  --type-title1-tracking: var(--type-base-tracking-tight);
  --type-title2-family: var(--font-heading);
  --type-title2-size: var(--type-base-size-2xl);
  --type-title2-line-height: var(--type-base-leading-display);
  --type-title2-weight: var(--font-display-weight-medium);
  --type-title2-tracking: var(--type-base-tracking-tight);
  --type-title3-family: var(--font-heading);
  --type-title3-size: var(--type-base-size-xl);
  --type-title3-line-height: var(--type-base-leading-lg);
  --type-title3-weight: var(--font-display-weight-semibold);
  --type-title3-tracking: var(--type-base-tracking-tight);
  --type-headline-family: var(--font-heading);
  --type-headline-size: var(--type-base-size-lg);
  --type-headline-line-height: var(--type-base-leading-md);
  --type-headline-weight: var(--font-display-weight-bold);
  --type-headline-tracking: var(--type-base-tracking-tight);
  --type-body-family: var(--font-body);
  --type-body-size: var(--type-base-size-md);
  --type-body-line-height: var(--type-base-leading-xl);
  --type-body-weight: var(--font-weight-normal);
  --type-body-tracking: var(--type-base-tracking-tight);
  --type-control-family: var(--font-body);
  --type-control-weight: var(--font-weight-medium);
  --type-control-tracking: var(--type-base-tracking-normal);
  --type-callout-family: var(--font-body);
  --type-callout-size: var(--type-base-size-sm);
  --type-callout-line-height: var(--type-base-leading-md);
  --type-callout-weight: var(--font-weight-medium);
  --type-callout-tracking: var(--type-base-tracking-normal);
  --type-subheadline-family: var(--font-label);
  --type-subheadline-size: var(--type-base-size-xs);
  --type-subheadline-line-height: var(--type-base-leading-md);
  --type-subheadline-weight: var(--font-weight-medium);
  --type-subheadline-tracking: var(--type-base-tracking-loose);
  --type-footnote-family: var(--font-label);
  --type-footnote-size: var(--type-base-size-xs);
  --type-footnote-line-height: var(--type-base-leading-md);
  --type-footnote-weight: var(--font-weight-normal);
  --type-footnote-tracking: var(--type-base-tracking-loose);
  --type-caption-family: var(--font-label);
  --type-caption-size: var(--type-base-size-xs);
  --type-caption-line-height: var(--type-base-leading-md);
  --type-caption-weight: var(--font-weight-normal);
  --type-caption-tracking: var(--type-base-tracking-loose);
  --type-caption-2-family: var(--font-label);
  --type-caption-2-size: var(--type-base-size-xs);
  --type-caption-2-line-height: var(--type-base-leading-md);
  --type-caption-2-weight: var(--font-weight-semibold);
  --type-caption-2-tracking: var(--type-base-tracking-loose);
  --type-overline-family: var(--font-label);
  --type-overline-size: var(--type-base-size-xs);
  --type-overline-line-height: var(--type-base-leading-md);
  --type-overline-weight: var(--font-weight-extrabold);
  --type-overline-tracking: var(--type-base-tracking-overline);
  --type-overline-transform: var(--type-base-transform-uppercase);
  --type-display-family: var(--font-display);
  --type-display-size: var(--type-base-size-7xl);
  --type-display-line-height: var(--type-base-leading-display);
  --type-display-weight: var(--font-display-weight-semibold);
  --type-display-tracking: var(--type-base-tracking-normal);
  --type-code-family: var(--font-mono);
  --type-code-size: var(--type-base-size-sm);
  --type-code-line-height: var(--type-base-leading-lg);
  --type-code-weight: var(--font-weight-normal);
  --type-code-tracking: var(--type-base-tracking-normal);
  --type-code-feature: var(--type-base-feature-code);
  --type-numeric-family: var(--font-mono);
  --type-numeric-size: var(--type-base-size-md);
  --type-numeric-line-height: var(--type-base-leading-md);
  --type-numeric-weight: var(--font-weight-medium);
  --type-numeric-tracking: var(--type-base-tracking-normal);
  --type-numeric-feature: var(--type-base-feature-tabular);
}
[data-type-semantic-preset=editorial],
[data-type-semantic-session-override=editorial],
[data-type-semantic-session-override=editorial] [data-type-semantic-boundary] {
  --type-large-title-family: var(--font-display);
  --type-large-title-size: var(--type-base-size-5xl);
  --type-large-title-line-height: var(--type-base-leading-display);
  --type-large-title-weight: var(--font-display-weight-normal);
  --type-large-title-tracking: var(--type-base-tracking-loose);
  --type-title1-family: var(--font-heading);
  --type-title1-size: var(--type-base-size-3xl);
  --type-title1-line-height: var(--type-base-leading-display);
  --type-title1-weight: var(--font-display-weight-normal);
  --type-title1-tracking: var(--type-base-tracking-loose);
  --type-title2-family: var(--font-heading);
  --type-title2-size: var(--type-base-size-2xl);
  --type-title2-line-height: var(--type-base-leading-display);
  --type-title2-weight: var(--font-display-weight-normal);
  --type-title2-tracking: var(--type-base-tracking-tight);
  --type-title3-family: var(--font-heading);
  --type-title3-size: var(--type-base-size-xl);
  --type-title3-line-height: var(--type-base-leading-lg);
  --type-title3-weight: var(--font-display-weight-normal);
  --type-title3-tracking: var(--type-base-tracking-tight);
  --type-headline-family: var(--font-heading);
  --type-headline-size: var(--type-base-size-lg);
  --type-headline-line-height: var(--type-base-leading-md);
  --type-headline-weight: var(--font-display-weight-semibold);
  --type-headline-tracking: var(--type-base-tracking-tight);
  --type-body-family: var(--font-body);
  --type-body-size: var(--type-base-size-md);
  --type-body-line-height: var(--type-base-leading-xl);
  --type-body-weight: var(--font-weight-medium);
  --type-body-tracking: var(--type-base-tracking-normal);
  --type-control-family: var(--font-body);
  --type-control-weight: var(--font-weight-medium);
  --type-control-tracking: var(--type-base-tracking-normal);
  --type-callout-family: var(--font-body);
  --type-callout-size: var(--type-base-size-sm);
  --type-callout-line-height: var(--type-base-leading-lg);
  --type-callout-weight: var(--font-weight-medium);
  --type-callout-tracking: var(--type-base-tracking-normal);
  --type-subheadline-family: var(--font-label);
  --type-subheadline-size: var(--type-base-size-xs);
  --type-subheadline-line-height: var(--type-base-leading-md);
  --type-subheadline-weight: var(--font-weight-medium);
  --type-subheadline-tracking: var(--type-base-tracking-loose);
  --type-footnote-family: var(--font-label);
  --type-footnote-size: var(--type-base-size-xs);
  --type-footnote-line-height: var(--type-base-leading-md);
  --type-footnote-weight: var(--font-weight-normal);
  --type-footnote-tracking: var(--type-base-tracking-loose);
  --type-caption-family: var(--font-label);
  --type-caption-size: var(--type-base-size-xs);
  --type-caption-line-height: var(--type-base-leading-md);
  --type-caption-weight: var(--font-weight-normal);
  --type-caption-tracking: var(--type-base-tracking-loose);
  --type-caption-2-family: var(--font-label);
  --type-caption-2-size: var(--type-base-size-xs);
  --type-caption-2-line-height: var(--type-base-leading-md);
  --type-caption-2-weight: var(--font-weight-medium);
  --type-caption-2-tracking: var(--type-base-tracking-loose);
  --type-overline-family: var(--font-label);
  --type-overline-size: var(--type-base-size-xs);
  --type-overline-line-height: var(--type-base-leading-md);
  --type-overline-weight: var(--font-weight-medium);
  --type-overline-tracking: var(--type-base-tracking-overline);
  --type-overline-transform: var(--type-base-transform-uppercase);
  --type-display-family: var(--font-display);
  --type-display-size: var(--type-base-size-8xl);
  --type-display-line-height: var(--type-base-leading-display);
  --type-display-weight: var(--font-display-weight-normal);
  --type-display-tracking: var(--type-base-tracking-loose);
  --type-code-family: var(--font-mono);
  --type-code-size: var(--type-base-size-sm);
  --type-code-line-height: var(--type-base-leading-lg);
  --type-code-weight: var(--font-weight-normal);
  --type-code-tracking: var(--type-base-tracking-normal);
  --type-code-feature: var(--type-base-feature-code);
  --type-numeric-family: var(--font-mono);
  --type-numeric-size: var(--type-base-size-md);
  --type-numeric-line-height: var(--type-base-leading-md);
  --type-numeric-weight: var(--font-weight-medium);
  --type-numeric-tracking: var(--type-base-tracking-normal);
  --type-numeric-feature: var(--type-base-feature-tabular);
}

/* browser-fs:.melonbase/packages/a9-web-ds/components.css */
:root {
  --safe-area-inset-top-ua: env(safe-area-inset-top, 0px);
  --safe-area-inset-bottom-ua: env(safe-area-inset-bottom, 0px);
  --safe-area-inset-left-ua: env(safe-area-inset-left, 0px);
  --safe-area-inset-right-ua: env(safe-area-inset-right, 0px);
  --site-shell-fallback-announcement-size: 2.5rem;
  --site-shell-fallback-primary-header-size: 4rem;
  --site-shell-fallback-secondary-header-size: 3rem;
  --site-shell-fallback-bottom-bar-size: 4rem;
  --site-shell-z-content: 0;
  --site-shell-z-secondary-header: 1;
  --site-shell-z-primary-header: 2;
  --site-shell-z-announcement: 3;
  --site-shell-z-bottom-bar: 4;
  --site-shell-z-portal: var(--overlay-z-modal);
}
@layer components {
  [data-consent-banner] {
    position: relative;
    z-index: var(--overlay-z);
    border-block: 1px solid var(--color-content-border);
    background: var(--glass-bg);
    color: var(--color-content-fg);
    box-shadow: 0 4px 24px var(--color-effect-shadow-md);
  }
  [data-consent-banner][data-layout=fixed] {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    padding-block-end: env(safe-area-inset-bottom, 0px);
  }
  [data-consent-banner][data-scheme=dark] {
    background: var(--color-content-fg-prominent);
    color: var(--color-content-bg);
  }
  [data-consent-banner-inner] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-layout-gutter);
    inline-size: 100%;
    margin-inline: auto;
    padding-block: var(--space-surface-pad);
    padding-inline: var(--space-layout-gutter);
  }
  [data-consent-banner][data-width=default] [data-consent-banner-inner] {
    max-inline-size: var(--size-content-lg);
  }
  [data-consent-banner][data-width=wide] [data-consent-banner-inner] {
    max-inline-size: var(--size-content-xl);
  }
  [data-consent-banner][data-align=center] [data-consent-banner-copy] {
    text-align: center;
  }
  [data-consent-banner][data-density=compact] [data-consent-banner-inner] {
    padding-block: var(--space-ctrl-pad);
  }
  [data-consent-banner-heading],
  [data-consent-preferences-heading] {
    margin: 0;
    font-size: var(--type-headline-size);
    line-height: var(--type-headline-line-height);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-consent-banner-description],
  [data-consent-preferences-description] {
    max-inline-size: var(--size-content-lg);
    margin-block: var(--space-ctrl-gap-sm) 0;
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-line-height);
  }
  [data-consent-banner][data-density=detailed] [data-consent-banner-description] {
    max-inline-size: var(--size-content-xl);
  }
  [data-consent-banner-copy] > a,
  [data-consent-preferences-page-inner] a,
  [data-consent-preferences-form] > a {
    color: inherit;
    font-weight: var(--font-weight-semibold);
  }
  [data-consent-form],
  [data-consent-actions],
  [data-consent-preferences-footer] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-ctrl-pad);
  }
  [data-consent-form] {
    align-self: center;
  }
  [data-consent-error] {
    grid-column: 1 / -1;
    margin: 0;
    padding-block: var(--space-ctrl-pad);
    padding-inline: var(--space-layout-gutter);
    background: var(--color-control-bg-danger);
    color: var(--color-control-fg-danger);
    font-size: var(--type-caption-size);
  }
  [data-consent-preferences-page-inner] {
    max-inline-size: var(--size-content-lg);
    margin-inline: auto;
  }
  [data-consent-preferences-header] {
    margin-block-end: var(--space-layout-section);
  }
  [data-consent-preferences-form] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-section);
  }
  [data-consent-categories] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
  [data-consent-category-legend] {
    float: inline-start;
    inline-size: 100%;
    margin-block-end: var(--space-ctrl-pad-lg);
    padding-block-end: var(--space-ctrl-pad);
    border-block-end: 1px solid var(--color-content-border);
    font-size: var(--type-callout-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-consent-category-list] {
    clear: both;
    display: grid;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-consent-category] {
    position: relative;
    padding-block: var(--space-ctrl-pad-lg);
    padding-inline: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-consent-category-label] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--space-ctrl-pad);
    cursor: pointer;
  }
  [data-consent-category-copy] {
    display: grid;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-consent-category-name] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-prominent);
  }
  [data-consent-category-description] {
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    color: var(--color-content-fg-muted);
  }
  [data-consent-category-required] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
    white-space: nowrap;
  }
  [data-consent-category-details] {
    display: inline-block;
    margin-block-start: var(--space-ctrl-pad);
    margin-inline-start: calc(var(--size-icon-sm) + var(--space-ctrl-pad));
    font-size: var(--type-caption-size);
  }
  [data-consent-empty] {
    clear: both;
    margin: 0;
    padding-block: var(--space-surface-pad);
    color: var(--color-content-fg-muted);
  }
  [data-dialog-popup]:has([data-consent-preferences-modal][data-width=wide]) {
    max-inline-size: var(--size-content-xl);
  }
  [data-dialog-popup]:has([data-consent-preferences-modal][data-width=default]) {
    max-inline-size: var(--size-content-lg);
  }
  [data-dialog-popup]:has([data-consent-preferences-modal]) [data-dialog-body] {
    max-block-size: min(70dvh, 42rem);
    overflow: auto;
  }
  [data-consent-preferences-modal][data-density=compact] [data-consent-category] {
    padding-block: var(--space-ctrl-pad);
  }
  [data-consent-preferences-modal][data-scheme=dark] {
    background: var(--color-content-fg-prominent);
    color: var(--color-content-bg);
  }
  [data-consent-preferences-modal][data-scheme=dark] [data-consent-category] {
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
  }
  [data-privacy-preferences-page][data-density=compact] [data-consent-category] {
    padding-block: var(--space-ctrl-pad);
  }
  @media (max-width: 48rem) {
    [data-consent-banner-inner] {
      grid-template-columns: 1fr;
      align-items: stretch;
    }
    [data-consent-form],
    [data-consent-actions] {
      justify-content: stretch;
    }
    [data-consent-form] [data-button],
    [data-consent-actions] [data-button] {
      flex: 1 1 10rem;
    }
    [data-consent-category-label] {
      grid-template-columns: auto minmax(0, 1fr);
    }
    [data-consent-category-required] {
      grid-column: 2;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-consent-banner],
    [data-consent-banner] *,
    [data-consent-preferences-page-inner] * {
      transition-duration: 0.01ms;
      animation-duration: 0.01ms;
      animation-iteration-count: 1;
    }
  }
}
@layer components {
  [data-section-geometry] {
    --section-space: var(--space-layout-section);
    --section-overlap: var(--space-surface-pad-md);
    position: relative;
    z-index: 0;
    isolation: isolate;
    padding-block: var(--section-space);
    background-color: transparent;
    container-type: inline-size;
    container-name: a9-section;
  }
  [data-section-geometry][data-has-next-overlap] {
    z-index: 1;
    padding-block-end: 0;
  }
  [data-section-geometry][data-section-padding=none] {
    --section-space: 0;
  }
  [data-section-geometry][data-section-padding=sm] {
    --section-space: var(--space-layout-block);
  }
  [data-section-geometry][data-section-padding=lg] {
    --section-space: var(--space-layout-section-lg);
  }
  [data-section-geometry][data-section-width=fullbleed] > [data-page-layout-container] {
    box-sizing: border-box;
    padding-inline: var(--space-layout-gutter);
  }
  [data-section-geometry][data-theme=light] {
    color-scheme: light;
    color: var(--color-content-fg);
  }
  [data-section-geometry][data-theme=dark] {
    color-scheme: dark;
    color: var(--color-content-fg);
  }
  [data-section-geometry][data-section-background=surface] {
    background-color: var(--color-content-bg);
  }
  [data-section-geometry][data-section-background=muted] {
    background-color: var(--color-content-bg-muted);
  }
  [data-section-geometry][data-section-background=accent] {
    background-color: var(--color-content-bg-muted);
  }
  [data-section-background-layer] {
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
  }
  [data-section-background-layer] > *,
  [data-section-background-layer] img,
  [data-section-background-layer] video {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  [data-section-geometry] > [data-section-overlap] {
    position: relative;
    z-index: 2;
  }
  [data-section-geometry] > [data-section-overlap][data-size=sm] {
    --section-overlap: var(--space-surface-pad);
  }
  [data-section-geometry] > [data-section-overlap][data-size=lg] {
    --section-overlap: var(--space-surface-pad-lg);
  }
  [data-section-geometry] > [data-section-overlap][data-direction=previous]:first-child {
    margin-block-start: calc(0px - var(--section-space) - var(--section-overlap));
  }
  [data-section-geometry] > [data-section-overlap][data-direction=next]:last-child {
    min-block-size: var(--section-overlap);
    margin-block-end: calc(0px - var(--section-overlap));
  }
}
@layer components {
  [data-article-section] {
    --article-content-measure: var(--size-content-xl);
  }
  [data-article-section][data-article-layout=narrow] {
    --article-content-measure: var(--size-content-lg);
  }
  [data-article-section][data-article-layout=wide] {
    --article-content-measure: var(--size-content-2xl);
  }
  [data-article-document] {
    display: grid;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
  }
  [data-article-header] {
    display: grid;
    gap: var(--space-ctrl-pad);
    max-inline-size: var(--article-content-measure);
  }
  [data-article-section][data-align=center] [data-article-header] {
    margin-inline: auto;
    text-align: center;
  }
  [data-article-section][data-align=right] [data-article-header] {
    margin-inline-start: auto;
    text-align: end;
  }
  [data-article-summary] {
    color: var(--color-content-fg-muted);
  }
  [data-article-metadata] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    color: var(--color-content-fg-muted);
    font-size: var(--type-caption-size);
  }
  [data-article-metadata=detailed] {
    gap: var(--space-surface-gap);
  }
  [data-article-author],
  [data-article-published],
  [data-article-updated],
  [data-article-reading-time] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
  }
  [data-article-author-avatar] {
    display: inline-flex;
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    overflow: hidden;
    border-radius: 9999px;
  }
  [data-article-author-avatar] > * {
    inline-size: 100%;
    block-size: 100%;
  }
  [data-article-prose-layout],
  [data-article-supporting] {
    display: grid;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
  }
  [data-article-primary] {
    display: grid;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
    max-inline-size: var(--article-content-measure);
  }
  [data-article-body] {
    display: grid;
    gap: var(--space-surface-gap);
    min-inline-size: 0;
  }
  [data-article-section][data-density=compact] [data-article-body] {
    gap: var(--space-ctrl-pad);
  }
  [data-article-section][data-density=detailed] [data-article-body] {
    gap: var(--space-layout-gap);
  }
  [data-article-media] {
    display: grid;
    gap: var(--space-ctrl-pad);
    margin: 0;
  }
  [data-article-media-content] {
    min-inline-size: 0;
    overflow: hidden;
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg-muted);
  }
  [data-article-media-content] > :is(img, video, iframe, svg) {
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
  }
  [data-article-section][data-media-treatment=sticky] [data-article-media] {
    position: sticky;
    inset-block-start: var(--site-shell-top-inset, var(--space-layout-gap));
  }
  [data-article-media-caption] {
    display: grid;
    gap: var(--space-ctrl-gap);
    color: var(--color-content-fg-muted);
  }
  [data-article-aside] {
    display: grid;
    align-content: start;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
  }
  [data-article-aside][data-sticky] {
    position: sticky;
    inset-block-start: var(--site-shell-top-inset, var(--space-layout-gap));
  }
  [data-article-contents],
  [data-article-related],
  [data-article-notes],
  [data-article-references] {
    display: grid;
    gap: var(--space-ctrl-pad);
  }
  [data-article-contents] ol,
  [data-article-related] ul,
  [data-article-notes] ol,
  [data-article-references] ol {
    display: grid;
    gap: var(--space-ctrl-gap);
    margin: 0;
    padding-inline-start: 1.25rem;
  }
  [data-article-contents] a,
  [data-article-related] a,
  [data-article-references] a {
    color: inherit;
  }
  [data-article-related] li,
  [data-article-notes] li,
  [data-article-references] li {
    display: grid;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-article-related-media] {
    max-inline-size: var(--size-icon-2xl);
  }
  [data-article-related-media] > * {
    max-inline-size: 100%;
  }
  [data-article-section][data-layout=feature] [data-responsive-pair] {
    align-items: start;
  }
  @media (min-width: 48rem) {
    [data-article-section][data-layout=prose] [data-article-prose-layout] {
      grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
      align-items: start;
    }
    [data-article-section][data-layout=prose] [data-article-primary] {
      max-inline-size: none;
    }
    [data-article-section][data-layout=prose] [data-article-supporting] {
      max-inline-size: var(--size-content-md, 20rem);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-article-media] {
      scroll-behavior: auto;
    }
  }
}
@layer components {
  [data-blog-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-blog-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-blog-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-blog-grid],
  [data-blog-featured-grid],
  [data-blog-list] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-blog-card] {
    --shape-border-width: var(--size-stroke-default);
    --shape-padding: var(--space-container-inset-xl);
    display: flex;
    flex-direction: column;
    gap: var(--shape-padding);
    padding: var(--shape-padding);
    border: var(--shape-border-width) solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
    text-decoration: none;
    color: inherit;
    transition: border-color var(--ix-duration-short) var(--ix-easing), transform var(--ix-duration-short) var(--ix-easing);
  }
  [data-blog-card]:hover {
    border-color: var(--color-content-fg-prominent);
    transform: translateY(-0.125rem);
  }
  [data-blog-card-thumbnail] {
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-bg-muted);
  }
  [data-blog-card-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
    flex: 1;
  }
  [data-blog-card-meta] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-blog-card-title] {
    font-size: var(--type-title2-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-blog-card-excerpt] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-blog-card-author] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
    margin-block-start: auto;
  }
  [data-blog-card-author-avatar] {
    inline-size: var(--size-icon-xl);
    block-size: var(--size-icon-xl);
    border-radius: 9999px;
    object-fit: cover;
  }
  [data-blog-card-author-name] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  @media (min-width: 48rem) {
    [data-blog-section][data-layout=grid][data-columns="2"] [data-blog-grid] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-blog-section][data-layout=grid][data-columns="3"] [data-blog-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-blog-featured-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-blog-featured-grid] > [data-blog-card]:first-child,
    [data-blog-card][data-featured] {
      grid-column: span 2;
      grid-row: span 2;
    }
    [data-blog-section][data-layout=list] [data-blog-card] {
      display: grid;
      grid-template-columns: minmax(12rem, 16rem) 1fr;
      align-items: stretch;
    }
    [data-blog-section][data-layout=list] [data-blog-card-thumbnail] {
      block-size: 100%;
      min-block-size: var(--size-media-row);
    }
  }
}
@layer components {
  [data-careers-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-careers-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    text-align: center;
    align-items: center;
  }
  [data-careers-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-careers-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-careers-jobs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-careers-section][data-layout=cards] [data-careers-jobs] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-careers-job] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: var(--space-surface-pad);
    padding: var(--space-surface-pad) var(--space-surface-pad-md);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
  }
  [data-careers-section][data-layout=cards] [data-careers-job] {
    grid-template-columns: 1fr;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-careers-job-main] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
    min-inline-size: 0;
  }
  [data-careers-job-title] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-pad);
    font-weight: var(--type-headline-weight);
    font-size: var(--type-body-size);
  }
  [data-careers-job-new-badge] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-pad);
    border-radius: 9999px;
    background: var(--color-content-bg-muted, var(--color-content-bg-muted));
    color: var(--color-content-fg-muted);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-careers-job-department] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-careers-job-meta] {
    display: inline-flex;
    gap: var(--space-ctrl-pad-lg);
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-careers-job-type] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-pad);
    border-radius: 9999px;
    border: 1px solid var(--color-content-border);
  }
  [data-careers-job-arrow] {
    color: var(--color-content-fg-muted);
  }
  [data-careers-section][data-layout=cards] [data-careers-job-arrow] {
    justify-self: flex-end;
  }
  [data-careers-culture] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-careers-perk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    padding: var(--space-surface-pad-md);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-careers-perk-icon] {
    font-size: var(--type-title1-size);
  }
  [data-careers-perk-heading] {
    font-weight: var(--type-headline-weight);
  }
  [data-careers-perk-body] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-careers-cta] {
    text-align: center;
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-careers-empty-message] {
    text-align: center;
    font-size: var(--type-body-size);
    color: var(--color-content-fg-muted);
    padding-block: var(--space-surface-pad-xl);
  }
  @media (min-width: 48rem) {
    [data-careers-section][data-layout=cards] [data-careers-jobs] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-careers-culture] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-contact-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-contact-section][data-layout=booking] [data-contact-inner],
  [data-contact-section][data-layout=simple] [data-contact-inner] {
    max-inline-size: var(--size-content-md);
    margin-inline: auto;
    align-items: center;
    text-align: center;
  }
  [data-contact-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-contact-section][data-layout=booking] [data-contact-header],
  [data-contact-section][data-layout=simple] [data-contact-header] {
    align-items: center;
  }
  [data-contact-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-contact-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-contact-subheading] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-contact-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-contact-form] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
    inline-size: 100%;
  }
  [data-contact-section][data-layout=simple] [data-contact-form] {
    max-inline-size: var(--size-content-sm);
  }
  [data-contact-field] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    text-align: start;
    font-size: var(--type-callout-size);
  }
  [data-contact-field] > label {
    font-weight: var(--type-caption-2-weight);
  }
  [data-contact-field] [data-input-root],
  [data-contact-field] [data-textarea-root] {
    min-block-size: var(--size-avatar-lg);
  }
  [data-contact-field][data-has-error] [data-input-surface] {
    border-color: var(--color-content-border-danger);
  }
  [data-contact-field-error] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
    color: var(--color-content-fg-danger);
    text-align: start;
  }
  [data-contact-field-error] [data-text-slot=Callout] {
    margin: 0;
  }
  [data-contact-error-prefix] {
    position: absolute;
    inline-size: var(--size-a11y-visually-hidden);
    block-size: var(--size-a11y-visually-hidden);
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  [data-contact-feedback] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
    inline-size: 100%;
    text-align: start;
  }
  [data-contact-feedback][data-feedback-density=compact] {
    gap: var(--space-ctrl-gap);
  }
  [data-contact-feedback][data-feedback-align=center] {
    align-items: center;
    text-align: center;
  }
  [data-contact-feedback-summary],
  [data-contact-feedback-message] {
    inline-size: 100%;
    padding: var(--space-surface-pad-md);
    border: 1px solid var(--color-content-border);
    border-inline-start-width: var(--ix-ring-w);
    background: var(--color-content-bg);
    text-align: start;
  }
  [data-contact-feedback-summary]:focus {
    outline: var(--ix-ring-w) solid var(--ix-ring);
    outline-offset: var(--ix-ring-offset-out);
  }
  [data-contact-feedback-summary-title] {
    margin: 0;
  }
  [data-contact-feedback-errors] {
    margin-block: var(--space-ctrl-gap);
    padding-inline-start: var(--space-surface-pad-md);
  }
  [data-contact-feedback-errors] li + li {
    margin-block-start: var(--space-ctrl-gap-sm);
  }
  [data-contact-feedback-errors] a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
  [data-contact-feedback-message] [data-text-slot=Callout] {
    margin: 0;
  }
  [data-contact-feedback][data-feedback-severity=info] [data-contact-feedback-message],
  [data-contact-feedback][data-feedback-severity=info] [data-contact-feedback-summary] {
    border-color: var(--color-content-border-info);
    background: var(--color-content-bg-info);
    color: var(--color-content-fg-info);
  }
  [data-contact-feedback][data-feedback-severity=success] [data-contact-feedback-message],
  [data-contact-feedback][data-feedback-severity=success] [data-contact-feedback-summary] {
    border-color: var(--color-content-border-success);
    background: var(--color-content-bg-success);
    color: var(--color-content-fg-success);
  }
  [data-contact-feedback][data-feedback-severity=warning] [data-contact-feedback-message],
  [data-contact-feedback][data-feedback-severity=warning] [data-contact-feedback-summary] {
    border-color: var(--color-content-border-warning);
    background: var(--color-content-bg-warning);
    color: var(--color-content-fg-warning);
  }
  [data-contact-feedback][data-feedback-severity=error] [data-contact-feedback-message],
  [data-contact-feedback][data-feedback-severity=error] [data-contact-feedback-summary] {
    border-color: var(--color-content-border-danger);
    background: var(--color-content-bg-danger);
    color: var(--color-content-fg-danger);
  }
  [data-contact-submit] {
    justify-self: start;
  }
  [data-contact-submit]:disabled {
    opacity: 0.6;
    cursor: progress;
  }
  [data-contact-sidebar] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad-md);
    padding: var(--space-surface-pad-lg);
    border-radius: var(--space-radius-container-lg);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-contact-info-block] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
    font-size: var(--type-callout-size);
  }
  [data-contact-info-label] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-contact-booking-cta] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: var(--size-icon-touch);
    padding-inline: var(--space-surface-pad-lg);
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-fg-prominent);
    color: var(--color-content-bg);
    text-decoration: none;
    font-weight: var(--type-caption-2-weight);
  }
  @media (min-width: 48rem) {
    [data-contact-section][data-layout=sidebar] [data-contact-grid] {
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
      align-items: start;
    }
  }
}
@layer components {
  [data-cta-section] {
    color: var(--color-content-fg-prominent);
  }
  [data-cta-content] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
  }
  [data-cta-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-cta-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-cta-subheading] {
    font-size: var(--type-title3-size);
    line-height: var(--type-base-leading-xl);
    opacity: 0.85;
  }
  [data-cta-actions] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-layout-gap);
    justify-content: center;
    align-items: center;
  }
}
@layer components {
  [data-downloads-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-downloads-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    align-items: center;
    text-align: center;
  }
  [data-downloads-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-downloads-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-downloads-subheading],
  [data-download-description] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-downloads-section][data-layout=app-badges] [data-downloads-inner] {
    align-items: center;
  }
  [data-downloads-copy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    align-items: center;
  }
  [data-download-app-badges] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-download-app-badge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: var(--size-icon-touch);
    padding-inline: var(--space-surface-pad);
    border-radius: var(--space-radius-child-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-fg-prominent);
    color: var(--color-content-bg);
    font-weight: var(--type-caption-2-weight);
    text-decoration: none;
  }
  [data-download-app-badge] img {
    display: block;
    block-size: var(--size-avatar-lg);
    inline-size: auto;
  }
  [data-downloads-media] {
    inline-size: 100%;
    max-inline-size: var(--size-content-md);
  }
  [data-download-resource-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-download-resource] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
  }
  [data-download-resource][data-gated] {
    border-style: dashed;
  }
  [data-download-cover] {
    inline-size: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-download-resource-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    padding: var(--space-surface-pad);
  }
  [data-download-resource-meta],
  [data-download-tags] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
  }
  [data-download-format],
  [data-download-file-size],
  [data-download-tag] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-download-tag] {
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-pad);
    border-radius: 9999px;
    border: 1px solid var(--color-content-border);
  }
  [data-download-title] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-download-resource-cta] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  @media (min-width: 48rem) {
    [data-download-resource-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-downloads-section][data-layout=app-badges][data-has-media] [data-downloads-inner] {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      align-items: center;
    }
  }
}
@layer components {
  [data-events-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-events-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    align-items: center;
    text-align: center;
  }
  [data-events-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-events-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-events-subheading],
  [data-event-description],
  [data-event-location] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-events-grid],
  [data-events-supporting] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-events-list] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-events-featured-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-event-item] {
    display: grid;
    gap: 0;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
  }
  [data-events-section][data-layout=list] [data-event-item] {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-event-image] {
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-event-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    padding: var(--space-surface-pad);
  }
  [data-event-meta],
  [data-event-actions] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    align-items: center;
  }
  [data-event-date],
  [data-event-time],
  [data-event-category],
  [data-event-price],
  [data-event-cta] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-event-title] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-event-location] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-xs);
    text-decoration: none;
  }
  [data-event-countdown] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-layout-gap);
  }
  [data-event-countdown-unit],
  [data-event-countdown-complete] {
    padding: var(--space-surface-pad-md);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    text-align: center;
  }
  [data-event-countdown-value] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-xs);
  }
  [data-event-countdown-label] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
    margin-block-start: var(--space-ctrl-gap);
  }
  @media (min-width: 48rem) {
    [data-events-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-events-featured-grid] {
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }
    [data-event-countdown] {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-faq-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-faq-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-faq-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-faq-section][data-layout=accordion] [data-accordion] {
    border-block-start: 1px solid var(--color-content-border);
  }
  [data-faq-section][data-layout=accordion] [data-accordion-content] {
    padding-block-end: var(--space-surface-pad);
  }
  [data-faq-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-faq-item] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
    padding: var(--space-layout-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-faq-question] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-faq-answer] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  @media (min-width: 48rem) {
    [data-faq-section][data-layout=grid][data-columns="2"] [data-faq-grid] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-faq-section][data-layout=grid][data-columns="3"] [data-faq-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-feature-section] > [data-page-layout-container] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-section);
  }
  [data-feature-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    max-inline-size: var(--size-content-xl);
    margin-inline: auto;
  }
  [data-feature-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-feature-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-feature-heading] [data-text-accent],
  [data-feature-item-heading] [data-text-accent] {
    font-size: min(1.08em, calc(1em + 0.125rem));
    font-weight: var(--font-display-weight-bold);
    color: inherit;
  }
  [data-feature-subheading] {
    font-size: var(--type-title3-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-feature-grid] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-layout-gap);
  }
  @media (min-width: 48rem) {
    [data-feature-grid] {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  [data-feature-item] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    padding: var(--space-layout-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
  }
  [data-feature-item-icon] {
    inline-size: var(--size-avatar-lg);
    block-size: var(--size-avatar-lg);
    color: var(--color-content-bg-muted);
  }
  [data-feature-item-heading] {
    font-size: var(--type-title2-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-feature-item-body] {
    font-size: var(--type-body-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-feature-rows] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-section);
    inline-size: 100%;
  }
  [data-feature-row] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-layout-gap);
    align-items: center;
  }
  @media (min-width: 48rem) {
    [data-feature-row] {
      grid-template-columns: 1fr 1fr;
    }
    [data-feature-row][data-media-position=media-start] [data-feature-row-media] {
      order: -1;
    }
  }
  [data-feature-row-content] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
}
@layer components {
  [data-hero-scrim] {
    position: absolute;
    z-index: 0;
    inset: 0;
    background:
      linear-gradient(
        to bottom,
        transparent,
        var(--color-overlay-bg-scrim));
    pointer-events: none;
  }
  [data-hero-section] > [data-page-layout-container] {
    position: relative;
    z-index: 1;
  }
  [data-hero-heading] {
    font-size: var(--type-display-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-hero-subheading] {
    font-size: var(--type-title3-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-hero-actions] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-layout-gap);
    align-items: center;
  }
  [data-hero-section][data-size=viewport] {
    box-sizing: border-box;
    min-block-size: calc(100svh - var(--site-shell-safe-block-start, 0px) - var(--site-shell-safe-block-end, 0px));
  }
  [data-hero-section][data-size=viewport] > [data-section-background-layer] {
    inset-block: calc(0px - var(--site-shell-safe-block-start, 0px)) calc(0px - var(--site-shell-safe-block-end, 0px));
    inset-inline: calc(0px - var(--site-shell-safe-inline-start, 0px)) calc(0px - var(--site-shell-safe-inline-end, 0px));
  }
  [data-hero-section][data-size=viewport] > [data-page-layout-container] {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding-block-start: var(--site-shell-content-foreground-block-start, 0px);
    padding-block-end: var(--site-shell-content-foreground-block-end, 0px);
  }
  [data-hero-section][data-layout=centered],
  [data-hero-section][data-layout=cinematic],
  [data-hero-section][data-layout=immersive] {
    display: flex;
  }
  [data-hero-section][data-layout=centered] > [data-page-layout-container],
  [data-hero-section][data-layout=cinematic] > [data-page-layout-container],
  [data-hero-section][data-layout=immersive] > [data-page-layout-container] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-block);
  }
  [data-hero-section][data-layout=centered] [data-hero-content],
  [data-hero-section][data-layout=cinematic] [data-hero-content],
  [data-hero-section][data-layout=immersive] [data-hero-content] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    max-inline-size: var(--size-content-xl);
  }
  [data-hero-section][data-layout=centered] [data-hero-media],
  [data-hero-section][data-layout=cinematic] [data-hero-media],
  [data-hero-section][data-layout=immersive] [data-hero-media] {
    inline-size: 100%;
  }
  [data-hero-section][data-layout=immersive] {
    background: var(--color-content-bg-prominent);
  }
  [data-hero-section][data-layout=immersive] [data-hero-scrim] {
    background:
      linear-gradient(
        180deg,
        var(--color-overlay-bg-scrim) 0%,
        transparent 30%,
        transparent 64%,
        var(--color-overlay-bg-scrim) 100%),
      radial-gradient(
        circle at center,
        transparent 0%,
        var(--color-overlay-bg-scrim) 76%,
        var(--color-overlay-bg-scrim) 100%);
  }
  [data-hero-section][data-layout=immersive] [data-hero-content] {
    max-inline-size: min(90vw, 67rem);
  }
  [data-hero-section][data-layout=immersive] [data-hero-heading] {
    max-inline-size: 19ch;
    margin: 0;
    color: var(--color-control-fg-prominent);
    font-family: var(--type-large-title-family);
    font-size: clamp(2.65rem, 6.2vw, 6.2rem);
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-wrap: balance;
    text-shadow: 0 2px 28px var(--color-overlay-bg-scrim);
  }
  [data-hero-section][data-layout=cinematic] {
    min-inline-size: 0;
    flex-direction: column;
  }
  [data-hero-section][data-layout=cinematic] [data-hero-subheading] {
    max-inline-size: var(--size-content-lg);
  }
  [data-hero-section][data-layout=cinematic] [data-hero-actions] [data-button] {
    text-decoration: none;
  }
  [data-hero-section][data-layout=split] > [data-page-layout-container] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-layout-gap);
  }
  [data-hero-section][data-layout=split] [data-hero-content] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-hero-section][data-layout=split] [data-hero-media] {
    inline-size: 100%;
  }
  @container a9-section (min-width: 48rem) {
    [data-hero-section][data-layout=split] > [data-page-layout-container] {
      align-items: center;
    }
    [data-hero-section][data-layout=split][data-has-media] > [data-page-layout-container] {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 47.999rem) {
    [data-hero-section][data-layout=cinematic] [data-hero-heading] {
      font-size: min(var(--type-display-size), 12vw);
    }
    [data-hero-section][data-layout=immersive] > [data-page-layout-container] {
      padding-inline: var(--space-layout-gutter);
    }
    [data-hero-section][data-layout=immersive] [data-hero-heading] {
      font-size: clamp(2.55rem, 12.8vw, 4.4rem);
      line-height: 1.02;
    }
  }
  [data-hero-section][data-content-position=middle] > [data-page-layout-container] {
    justify-content: center;
  }
  [data-hero-section][data-content-position=bottom] > [data-page-layout-container] {
    justify-content: flex-end;
  }
  [data-hero-section][data-has-background-video][data-content-position=bottom] > [data-page-layout-container] {
    padding-block-end: calc(var(--site-shell-content-foreground-block-end, 0px) + var(--size-control-height) + var(--space-layout-gutter));
  }
  [data-hero-section][data-content-align=start] [data-hero-content] {
    align-items: flex-start;
    text-align: start;
  }
  [data-hero-section][data-content-align=center] [data-hero-content] {
    align-items: center;
    text-align: center;
  }
  [data-hero-section][data-content-align=end] [data-hero-content] {
    align-items: flex-end;
    text-align: end;
  }
  [data-hero-section][data-content-align=start] [data-hero-actions] {
    justify-content: flex-start;
  }
  [data-hero-section][data-content-align=center] [data-hero-actions] {
    justify-content: center;
  }
  [data-hero-section][data-content-align=end] [data-hero-actions] {
    justify-content: flex-end;
  }
  [data-hero-motion-control] {
    position: absolute;
    z-index: 2;
    inset-block-end: var(--space-layout-gutter);
    inset-inline-end: var(--space-layout-gutter);
    min-block-size: var(--size-control-height);
    padding-inline: var(--space-ctrl-pad-lg);
    border: 1px solid var(--color-overlay-border-translucent);
    border-radius: var(--space-radius-container-sm);
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    color: var(--color-content-fg-prominent);
    font: inherit;
    cursor: pointer;
  }
  [data-hero-motion-control]:focus-visible {
    outline: 2px solid var(--color-control-border-prominent);
    outline-offset: 2px;
  }
  [data-hero-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-hero-heading] [data-text-accent] {
    font-size: min(1.08em, calc(1em + 0.125rem));
    font-weight: var(--font-display-weight-bold);
    color: var(--color-content-fg-accent);
  }
}
@layer components {
  [data-how-it-works-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-how-it-works-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-how-it-works-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-how-it-works-subheading] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-how-it-works-steps] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-how-it-works-step] {
    --shape-border-width: var(--size-stroke-default);
    --shape-padding: var(--space-container-inset-xl);
    display: grid;
    gap: var(--space-surface-gap-lg);
    padding: var(--shape-padding);
    border: var(--shape-border-width) solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-how-it-works-step-number],
  [data-how-it-works-step-icon] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--size-avatar-lg);
    block-size: var(--size-avatar-lg);
    border-radius: 9999px;
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    font-size: var(--type-callout-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-accent);
  }
  [data-how-it-works-step-copy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-how-it-works-step-heading] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-how-it-works-step-body] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-how-it-works-step-media] {
    border-radius: var(--space-radius-child-md);
    overflow: hidden;
  }
  [data-how-it-works-cta] {
    display: flex;
    justify-content: center;
    margin-block-start: var(--space-layout-gap);
  }
  [data-how-it-works][data-layout=icon-grid] [data-how-it-works-step-number] {
    display: none;
  }
  [data-how-it-works][data-layout=horizontal][data-show-connectors] [data-how-it-works-step],
  [data-how-it-works][data-layout=icon-grid][data-show-connectors] [data-how-it-works-step] {
    position: relative;
  }
  [data-how-it-works][data-layout=vertical][data-show-connectors] [data-how-it-works-step]:not(:last-child) {
    position: relative;
  }
  [data-how-it-works][data-layout=vertical][data-show-connectors] [data-how-it-works-step]:not(:last-child)::after {
    content: "";
    position: absolute;
    inset-block-start: var(--space-layout-gap-sm);
    inset-inline-start: var(--space-surface-pad-xl);
    block-size: calc(100% - 2rem);
    inline-size: 1px;
    background: var(--color-content-border);
  }
  @media (min-width: 48rem) {
    [data-how-it-works][data-layout=horizontal] [data-how-it-works-steps],
    [data-how-it-works][data-layout=icon-grid] [data-how-it-works-steps] {
      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
    [data-how-it-works][data-layout=horizontal] [data-how-it-works-step] {
      grid-template-rows: auto auto 1fr;
    }
    [data-how-it-works][data-layout=horizontal][data-show-connectors] [data-how-it-works-step]:not(:last-child)::after {
      content: "";
      position: absolute;
      inset-block-start: var(--space-surface-pad-xl);
      inset-inline-end: calc(-1 * var(--space-layout-gap) / 2);
      inline-size: calc(var(--space-layout-gap) / 2);
      block-size: 1px;
      background: var(--color-content-border);
    }
    [data-how-it-works][data-layout=icon-grid] [data-how-it-works-step] {
      justify-items: start;
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-steps] {
      gap: calc(var(--space-layout-gap) * 1.25);
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-step] {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: center;
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-step-copy] {
      order: 1;
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-step-media] {
      order: 2;
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-step]:nth-child(even) [data-how-it-works-step-copy] {
      order: 2;
    }
    [data-how-it-works][data-layout=alternating] [data-how-it-works-step]:nth-child(even) [data-how-it-works-step-media] {
      order: 1;
    }
    [data-how-it-works][data-layout=vertical] [data-how-it-works-step] {
      grid-template-columns: auto 1fr;
      align-items: start;
    }
    [data-how-it-works][data-layout=vertical] [data-how-it-works-step-copy] {
      padding-block-start: var(--space-ctrl-gap-sm);
    }
  }
}
@layer components {
  [data-integration-section] > [data-page-layout-container] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-integration-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-ctrl-pad);
  }
  [data-integration-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-integration-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-integration-subheading] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-integration-count] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-integration-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-integration-section][data-layout=logos] [data-integration-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: var(--space-surface-pad-lg);
  }
  [data-integration-item] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    color: inherit;
    text-decoration: none;
  }
  [data-integration-section][data-layout=logos] [data-integration-item] {
    align-items: center;
  }
  [data-integration-section][data-layout=cards] [data-integration-item],
  [data-integration-section][data-layout=filterable] [data-integration-item] {
    padding: var(--space-surface-pad-md);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-integration-logo] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-muted);
    opacity: 0.85;
  }
  [data-integration-name] {
    font-size: var(--type-body-size);
    font-weight: var(--type-headline-weight);
  }
  [data-integration-description] {
    font-size: var(--type-callout-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-integration-category] {
    align-self: flex-start;
    margin-block-start: auto;
    padding: var(--space-ctrl-gap-xs) var(--space-ctrl-pad);
    border-radius: 9999px;
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    background: var(--color-content-bg-muted);
  }
  [data-integration-filter-bar] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    justify-content: center;
  }
  [data-integration-filter] {
    min-inline-size: var(--size-filter-pill);
  }
  [data-integration-marquee] {
    overflow: hidden;
    mask-image:
      linear-gradient(
        to right,
        transparent,
        black 10%,
        black 90%,
        transparent);
  }
  [data-integration-marquee-track] {
    display: inline-flex;
    gap: var(--space-layout-section-lg);
    padding-block: var(--space-surface-pad);
    animation: integration-marquee 30s linear infinite;
  }
  [data-integration-section][data-layout=marquee] [data-integration-item] {
    flex-direction: row;
    align-items: center;
    gap: var(--space-ctrl-pad);
    flex: none;
  }
  @keyframes integration-marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-integration-marquee-track] {
      animation: none;
    }
  }
  @media (min-width: 48rem) {
    [data-integration-section][data-layout=logos] [data-integration-grid] {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    [data-integration-section][data-layout=cards] [data-integration-grid],
    [data-integration-section][data-layout=filterable] [data-integration-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-location-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-location-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-location-map-section][data-layout=info-only] [data-location-header] {
    align-items: center;
    text-align: center;
  }
  [data-location-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-location-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-location-subheading],
  [data-location-address],
  [data-location-region],
  [data-location-contact],
  [data-location-hours] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-location-copy],
  [data-location-details],
  [data-location-list] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
  }
  [data-location-map] {
    position: relative;
    inline-size: 100%;
    aspect-ratio: 16 / 10;
    border-radius: var(--space-radius-container-lg);
    overflow: hidden;
    border: var(--border-lg) solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-location-map-fallback] {
    position: absolute;
    inset-block-end: var(--space-concentric-lg-lg);
    inset-inline: var(--space-concentric-lg-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-ctrl-pad-lg);
    padding-block: var(--space-layout-gap);
    padding-inline: var(--space-surface-pad);
    border: var(--border-lg) solid var(--color-content-border);
    border-radius: var(--space-radius-child-lg);
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
  }
  [data-location-map][data-fallback-only] {
    display: grid;
    place-items: center;
  }
  [data-location-map][data-fallback-only] [data-location-map-fallback] {
    position: static;
    inline-size: min(100% - 2rem, var(--size-content-sm));
  }
  [data-location-map-fallback-title] {
    font-weight: var(--type-headline-weight);
  }
  [data-location-map-fallback-link] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
    white-space: nowrap;
  }
  [data-location-map-frame],
  [data-location-image] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    object-fit: cover;
  }
  [data-location-name] {
    font-size: var(--type-title2-size);
    font-weight: var(--type-headline-weight);
  }
  [data-location-region] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
  }
  [data-location-hours] {
    margin: 0;
  }
  [data-location-hours-row] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-ctrl-pad-lg);
  }
  [data-location-hours-row] dd {
    margin: 0;
  }
  [data-location-actions] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-location-directions],
  [data-location-map-link],
  [data-location-cta] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-location-item] {
    display: block;
    inline-size: 100%;
    height: auto;
    padding: var(--space-surface-pad);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    color: inherit;
    font: inherit;
    text-align: start;
  }
  [data-location-item][data-button] {
    cursor: pointer;
  }
  [data-location-item][data-active] {
    border-color: var(--color-content-fg-prominent);
  }
  [data-location-map-section][data-layout=full-bleed] {
    position: relative;
  }
  [data-location-map-section][data-layout=full-bleed] [data-location-map] {
    border-radius: 0;
    border: 0;
    aspect-ratio: 21 / 9;
  }
  [data-location-overlay] {
    max-inline-size: var(--size-content-md);
    margin-inline: auto;
    padding-block-start: var(--space-layout-gap);
  }
  @media (min-width: 48rem) {
    [data-location-map-section][data-layout=split] [data-location-inner],
    [data-location-grid] {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr);
      align-items: start;
      gap: var(--space-layout-gap);
    }
  }
}
@layer components {
  [data-logo-cloud-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
    text-align: center;
  }
  [data-logo-cloud-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-logo-cloud-count] {
    font-size: var(--type-body-size);
    color: var(--color-content-fg-muted);
  }
  [data-logo-cloud-grid] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-layout-gap);
  }
  [data-logo-cloud][data-layout=ticker] {
    inline-size: 100%;
    overflow: hidden;
  }
  [data-logo-cloud-track] {
    display: flex;
    align-items: center;
    gap: var(--space-layout-gap);
    width: max-content;
    max-inline-size: none;
    will-change: transform;
    animation: logo-cloud-scroll var(--ticker-duration) linear infinite;
  }
  [data-logo-cloud][data-speed=slow] {
    --ticker-duration: 60s;
  }
  [data-logo-cloud][data-speed=normal] {
    --ticker-duration: 30s;
  }
  [data-logo-cloud][data-speed=fast] {
    --ticker-duration: 15s;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-logo-cloud-track] {
      animation: none;
      flex-wrap: wrap;
      justify-content: center;
      width: auto;
    }
  }
  @keyframes logo-cloud-scroll {
    from {
      transform: translateX(100vw);
    }
    to {
      transform: translateX(-100%);
    }
  }
  [data-logo-cloud-link] {
    text-decoration: none;
    color: inherit;
  }
  [data-logo-cloud-item] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-logo-cloud-logo] {
    block-size: var(--size-icon-xl);
    inline-size: auto;
    object-fit: contain;
    opacity: 0.6;
    filter: grayscale(1);
    transition: opacity 0.2s, filter 0.2s;
  }
  [data-logo-cloud-item]:hover [data-logo-cloud-logo],
  [data-logo-cloud-link]:hover [data-logo-cloud-logo] {
    opacity: 1;
    filter: grayscale(0);
  }
  [data-logo-cloud-item-name] {
    font-size: var(--type-caption-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-logo-cloud-item-descriptor] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
  }
}
@layer components {
  [data-media-press] > [data-page-layout-container] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-press-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-ctrl-pad);
  }
  [data-press-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-press-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-press-subheading] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-press-grid] {
    display: grid;
    gap: var(--space-layout-gap);
    align-items: stretch;
  }
  [data-media-press][data-layout=logos] [data-press-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-surface-pad-lg);
    align-items: center;
    justify-items: center;
  }
  [data-press-item] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
    color: inherit;
    text-decoration: none;
  }
  [data-media-press][data-layout=logos] [data-press-item] {
    align-items: center;
    justify-content: center;
  }
  [data-media-press][data-layout=cards] [data-press-item],
  [data-media-press][data-layout=featured][data-has-featured] [data-press-grid] [data-press-item],
  [data-media-press][data-layout=featured]:not([data-has-featured]) [data-press-item] {
    padding: var(--space-surface-pad-md);
    border-radius: var(--space-radius-container-md);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-press-logo] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-muted);
    opacity: 0.8;
  }
  [data-press-quote] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    font-style: italic;
  }
  [data-press-headline] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
    display: inline-flex;
    gap: var(--space-ctrl-pad);
    color: var(--color-content-fg-muted);
  }
  [data-press-date]::before {
    content: "\b7  ";
  }
  [data-press-featured] {
    padding: var(--space-surface-pad-xl);
    border-radius: var(--space-radius-container-lg);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    font-size: var(--type-title2-size);
    line-height: var(--type-base-leading-sm);
  }
  [data-press-kit-cta] {
    align-self: center;
    font-size: var(--type-callout-size);
    text-decoration: underline;
    color: var(--color-content-fg-prominent);
  }
  @media (min-width: 48rem) {
    [data-media-press][data-layout=logos] [data-press-grid] {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    [data-media-press][data-layout=with-quotes] [data-press-grid] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-media-press][data-layout=cards] [data-press-grid],
    [data-media-press][data-layout=featured][data-has-featured] [data-press-grid],
    [data-media-press][data-layout=featured]:not([data-has-featured]) [data-press-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-menu-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-menu-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    align-items: center;
    text-align: center;
  }
  [data-menu-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-menu-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-menu-subheading],
  [data-menu-category-description],
  [data-menu-item-description],
  [data-menu-add-ons] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-menu-tabs],
  [data-menu-badges] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    justify-content: center;
  }
  [data-menu-badges] {
    justify-content: flex-start;
  }
  [data-menu-tab],
  [data-menu-accordion-trigger] {
    min-inline-size: var(--size-menu-label);
  }
  [data-menu-panel],
  [data-menu-category],
  [data-menu-accordion] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
  }
  [data-menu-card-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-menu-category] {
    padding: var(--space-surface-pad-md);
    border: var(--border-lg) solid var(--color-content-border);
    border-radius: var(--space-radius-container-lg);
    background: var(--color-content-bg);
  }
  [data-menu-category-image] {
    inline-size: calc(100% - 2 * var(--space-concentric-lg-lg));
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin: var(--space-concentric-lg-lg);
    border-radius: var(--space-radius-child-lg);
    background: var(--color-content-bg-muted);
  }
  [data-menu-category-label] {
    font-size: var(--type-title2-size);
    font-weight: var(--type-headline-weight);
  }
  [data-menu-items] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
  }
  [data-menu-section-item] {
    display: grid;
    gap: var(--space-surface-gap-lg);
    padding-block-start: var(--space-surface-pad);
    border-block-start: 1px solid var(--color-content-border);
  }
  [data-menu-section-item][data-unavailable] {
    opacity: 0.55;
  }
  [data-menu-item-image] {
    inline-size: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-bg-muted);
  }
  [data-menu-item-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-menu-item-heading] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-surface-pad);
  }
  [data-menu-item-name],
  [data-menu-price] {
    font-size: var(--type-body-size);
    font-weight: var(--type-headline-weight);
  }
  [data-menu-badge] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-pad);
    border-radius: 9999px;
    border: 1px solid var(--color-content-border);
  }
  [data-menu-accordion-item] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad-lg);
  }
  @media (min-width: 48rem) {
    [data-menu-card-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-menu-section-item][data-has-image] {
      grid-template-columns: minmax(5rem, 8rem) minmax(0, 1fr);
    }
  }
}
@layer components {
  [data-newsletter-inner] {
    max-inline-size: var(--size-content-md);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
  }
  [data-newsletter-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-ctrl-pad-lg);
  }
  [data-newsletter-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-newsletter-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-newsletter-subheading] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-newsletter-form] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    inline-size: 100%;
    max-inline-size: var(--size-overlay-form);
  }
  [data-newsletter-form-input] {
    flex: 1;
  }
  [data-newsletter-form-submit] {
    flex-shrink: 0;
  }
  [data-newsletter-disclaimer] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
  }
  [data-newsletter-proof] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-pad-lg);
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-newsletter-proof-avatars] {
    display: inline-flex;
  }
  [data-newsletter-proof-avatar] {
    inline-size: var(--size-icon-lg);
    block-size: var(--size-icon-lg);
    border-radius: 9999px;
    border: 2px solid var(--color-content-bg);
    object-fit: cover;
    margin-inline-start: calc(-1 * var(--space-ctrl-pad));
  }
  [data-newsletter-proof-avatar]:first-child {
    margin-inline-start: 0;
  }
  @media (min-width: 32rem) {
    [data-newsletter-form] {
      flex-direction: row;
    }
  }
}
@layer components {
  [data-page-heading-section] > [data-page-layout-container] {
    display: grid;
  }
  [data-page-heading-content] {
    display: grid;
    gap: var(--space-surface-gap-lg);
    inline-size: min(100%, var(--size-content-lg));
    margin-inline: auto;
    padding-block: var(--space-layout-section) calc(var(--space-layout-section) / 2);
    padding-inline: var(--space-layout-gutter);
    text-align: center;
  }
  [data-page-heading-subtitle] {
    color: var(--color-content-fg-prominent);
  }
}
@layer components {
  [data-portfolio-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-portfolio-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    align-items: center;
    text-align: center;
  }
  [data-portfolio-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-portfolio-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-portfolio-subheading],
  [data-portfolio-description] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-portfolio-grid],
  [data-portfolio-supporting] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-portfolio-masonry] {
    columns: 1;
    column-gap: var(--space-layout-gap);
  }
  [data-portfolio-featured-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-portfolio-item] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
  }
  [data-portfolio-masonry] [data-portfolio-item] {
    break-inside: avoid;
    margin-block-end: var(--space-layout-gap);
  }
  [data-portfolio-item][data-featured] {
    background: var(--color-content-bg);
  }
  [data-portfolio-image] {
    inline-size: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-portfolio-item-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    padding: var(--space-surface-pad);
  }
  [data-portfolio-category],
  [data-portfolio-client],
  [data-portfolio-metric-label] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-portfolio-title] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-portfolio-tags] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
  }
  [data-portfolio-tag] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--size-icon-lg);
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-gap);
    border-radius: 9999px;
    background: var(--color-content-bg-muted);
  }
  [data-portfolio-metrics] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: var(--space-ctrl-pad-lg);
  }
  [data-portfolio-metric-value] {
    font-size: var(--type-title2-size);
    font-weight: var(--type-large-title-weight);
  }
  [data-portfolio-filter-bar] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-ctrl-pad);
  }
  [data-portfolio-filter] {
    min-inline-size: var(--size-filter-pill);
  }
  [data-portfolio-item-cta] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  @media (min-width: 48rem) {
    [data-portfolio-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-portfolio-masonry] {
      columns: 3;
    }
    [data-portfolio-featured-grid] {
      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }
  }
}
@layer components {
  [data-pricing-inner] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-layout-gap);
  }
  [data-pricing-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
  }
  [data-pricing-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-pricing-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-pricing-subheading] {
    font-size: var(--type-title3-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-billing-toggle] {
    display: inline-flex;
    border: 1px solid var(--color-content-border);
    border-radius: 9999px;
    overflow: hidden;
  }
  [data-billing-toggle] [data-billing-option] {
    padding-block: var(--space-ctrl-gap);
    padding-inline: var(--space-surface-pad);
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
  }
  [data-billing-discount] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    background: var(--color-content-bg-success);
    color: var(--color-content-fg-success);
    padding-block: var(--space-ctrl-gap-xs);
    padding-inline: var(--space-ctrl-gap);
    border-radius: 9999px;
  }
  [data-pricing-cards] {
    display: grid;
    gap: var(--space-layout-gap);
    inline-size: 100%;
  }
  @media (min-width: 48rem) {
    [data-pricing-cards] {
      grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    }
  }
  [data-pricing-card] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    padding: var(--space-layout-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-pricing-card][data-highlighted] {
    border-color: var(--color-content-bg-muted);
    background: var(--color-content-bg-muted, var(--color-content-bg));
    box-shadow: 0 0 0 2px var(--color-content-bg-muted);
  }
  [data-pricing-badge] {
    position: absolute;
    inset-block-start: calc(-1 * var(--space-ctrl-pad-lg));
    inset-inline-start: 50%;
    transform: translateX(-50%);
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
    background: var(--color-content-bg-muted);
    padding-block: var(--space-ctrl-gap-sm);
    padding-inline: var(--space-ctrl-pad-lg);
    border-radius: 9999px;
    white-space: nowrap;
  }
  [data-pricing-tier] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
  }
  [data-pricing-price-block] {
    display: flex;
    align-items: baseline;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-pricing-price] {
    font-size: var(--type-display-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-xs);
  }
  [data-pricing-period] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-pricing-description] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-pricing-features] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    flex: 1;
  }
  [data-pricing-feature] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-ctrl-pad);
    font-size: var(--type-callout-size);
  }
  [data-pricing-feature][data-included=false] {
    color: var(--color-content-fg-muted);
    text-decoration: line-through;
    opacity: 0.6;
  }
  [data-pricing-feature-icon] {
    flex-shrink: 0;
    color: var(--color-content-bg-success);
  }
  [data-pricing-accessible-state] {
    position: absolute;
    inline-size: var(--size-a11y-visually-hidden);
    block-size: var(--size-a11y-visually-hidden);
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  [data-pricing-feature][data-included=false] [data-pricing-feature-icon] {
    color: var(--color-content-fg-muted);
  }
  [data-pricing-cta] {
    margin-block-start: auto;
  }
  [data-pricing-table] {
    inline-size: 100%;
    display: grid;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-lg);
    overflow: hidden;
  }
  [data-pricing-table-row] {
    display: flex;
  }
  [data-pricing-table-row][data-header] {
    background: var(--color-content-bg);
    border-block-end: 1px solid var(--color-content-border);
  }
  [data-pricing-table-row]:not([data-header]):not([data-cta-row]) + [data-pricing-table-row] {
    border-block-start: 1px solid var(--color-content-border);
  }
  [data-pricing-table-cell] {
    flex: 1;
    padding-block: var(--space-layout-gap);
    padding-inline: var(--space-surface-pad);
    font-size: var(--type-callout-size);
    display: flex;
    align-items: center;
  }
  [data-pricing-table-row][data-header] [data-pricing-table-cell] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-pricing-table-cell][data-feature-col] {
    flex: 2;
    font-weight: var(--type-caption-2-weight);
  }
  [data-pricing-table-cell][data-tier-col] {
    justify-content: center;
  }
  [data-pricing-table-cell][data-tier-col][data-highlighted] {
    background: var(--color-content-bg-muted);
  }
  [data-pricing-check][data-included=false] {
    color: var(--color-content-fg-muted);
  }
  [data-pricing-check]:not([data-included=false]) {
    color: var(--color-content-bg-success);
  }
  [data-pricing-table-row][data-cta-row] {
    border-block-start: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
}
@layer components {
  [data-responsive-composition-section] > [data-page-layout-container] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-section);
  }
  [data-responsive-composition-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-layout-gap);
    max-inline-size: var(--size-content-xl);
    margin-inline: auto;
    text-align: center;
  }
  [data-responsive-composition-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-responsive-composition-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-responsive-composition-subheading] {
    font-size: var(--type-title3-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-responsive-composition-grid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
    gap: var(--space-layout-gap);
    align-items: start;
  }
  [data-responsive-composition-grid] [data-responsive-pair] {
    padding: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-lg);
    background: var(--color-content-bg);
  }
  [data-responsive-composition-grid] [data-responsive-primary],
  [data-responsive-composition-grid] [data-responsive-secondary] {
    display: grid;
    gap: var(--space-ctrl-pad);
  }
  [data-responsive-composition-region-body] {
    color: var(--color-content-fg-muted);
  }
  [data-responsive-composition-narrow] {
    min-inline-size: 0;
  }
  @media (max-width: 63.999rem) {
    [data-responsive-composition-grid] {
      grid-template-columns: 1fr;
    }
    [data-responsive-composition-narrow] {
      max-inline-size: 28rem;
    }
  }
}
@layer components {
  [data-search-results-section] {
    --search-results-gap: var(--space-layout-gap);
  }
  [data-search-results-header],
  [data-search-results-main],
  [data-search-results-filters] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-search-results-header] {
    margin-block-end: var(--search-results-gap);
  }
  [data-search-results-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-search-results-query],
  [data-search-results-subheading],
  [data-search-results-count] {
    color: var(--color-content-fg-muted);
  }
  [data-search-results-tools] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-layout-gap);
    margin-block-end: var(--search-results-gap);
  }
  [data-search-results-filters] {
    min-inline-size: 0;
  }
  [data-search-results-filter-controls] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    column-gap: var(--space-ctrl-pad);
    row-gap: var(--space-ctrl-gap);
  }
  [data-search-results-clear-filters] {
    display: flex;
    align-items: center;
    min-block-size: var(--size-icon-touch);
  }
  [data-search-results-filter-heading],
  [data-search-results-filter-label],
  [data-search-results-sort] span {
    font-size: var(--type-overline-size);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-prominent);
  }
  [data-search-results-filter-group] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    min-inline-size: 10rem;
    margin: 0;
    padding: 0;
    border: 0;
  }
  [data-search-results-filter-options] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
  }
  [data-search-results-filter-option] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap-xs);
    min-block-size: var(--size-icon-touch);
    color: var(--color-content-fg-prominent);
  }
  [data-search-results-filter-option] small {
    color: var(--color-content-fg-muted);
  }
  [data-search-results-filter-search],
  [data-search-results-filter-range],
  [data-search-results-sort] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-xs);
  }
  [data-search-results-filter-search] input,
  [data-search-results-filter-range] input,
  [data-search-results-sort] select,
  [data-search-results-filter-group] select {
    min-block-size: var(--size-icon-touch);
    padding-inline: var(--space-control-horizontoal-inline-padding);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
    font: inherit;
  }
  [data-search-results-filter-range] {
    flex-direction: row;
  }
  [data-search-results-filter-range] label {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-xs);
  }
  [data-search-results-load-more] button,
  [data-search-results-status] button {
    align-self: flex-start;
    min-block-size: var(--size-icon-touch);
    padding-inline: var(--space-ctrl-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
    font: inherit;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
  }
  [data-search-results-load-more] button:hover,
  [data-search-results-status] button:hover {
    background: var(--color-content-bg-muted);
  }
  [data-search-results-body] {
    display: flex;
    flex-direction: column;
    gap: var(--search-results-gap);
  }
  [data-search-results-body][data-filter-display=sidebar] {
    display: grid;
  }
  [data-search-results-sidebar] {
    min-inline-size: 0;
    padding: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg-muted);
  }
  [data-search-results-main] {
    min-inline-size: 0;
  }
  [data-search-results-status] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    padding: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg-muted);
    color: var(--color-content-fg-prominent);
  }
  [data-search-results-status][data-phase=error] {
    border-color: var(--color-control-bg-danger);
  }
  [data-search-results-list] {
    display: grid;
    gap: var(--search-results-gap);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  [data-search-results-item] {
    min-inline-size: 0;
  }
  [data-search-results-item] > a {
    display: flex;
    gap: var(--space-surface-pad);
    min-block-size: 100%;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
  }
  [data-search-results-item] > a:hover {
    border-color: var(--color-content-fg-muted);
  }
  [data-search-results-image] {
    flex: 0 0 8rem;
    inline-size: 8rem;
    block-size: 8rem;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-search-results-item-body] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-ctrl-gap);
    min-inline-size: 0;
    padding: var(--space-surface-pad);
  }
  [data-search-results-eyebrow],
  [data-search-results-metadata] dt,
  [data-search-results-metadata] dd {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-search-results-summary] {
    color: var(--color-content-fg-muted);
  }
  [data-search-results-metadata] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    margin: 0;
  }
  [data-search-results-metadata] div {
    display: flex;
    gap: var(--space-ctrl-gap-xs);
  }
  [data-search-results-metadata] dt,
  [data-search-results-metadata] dd {
    margin: 0;
  }
  [data-search-results-metadata] dt {
    color: var(--color-content-fg-muted);
  }
  [data-search-results-pagination] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-pad);
    margin-block-start: var(--search-results-gap);
  }
  [data-search-results-pagination] ol {
    display: flex;
    gap: var(--space-ctrl-gap-xs);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  [data-search-results-pagination] a,
  [data-search-results-pagination] button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: var(--size-icon-touch);
    min-inline-size: var(--size-icon-touch);
    padding-inline: var(--space-ctrl-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-child-md);
    background: var(--color-content-bg);
    color: inherit;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  [data-search-results-pagination] [data-current] {
    border-color: var(--color-control-bg-prominent);
    background: var(--color-control-bg-prominent);
    color: var(--color-control-fg-prominent);
  }
  [data-search-results-pagination] button:disabled,
  [data-search-results-load-more] button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
  }
  [data-search-results-load-more] {
    display: flex;
    justify-content: center;
    margin-block-start: var(--search-results-gap);
  }
  .search-results-visually-hidden {
    position: absolute;
    inline-size: var(--size-a11y-visually-hidden);
    block-size: var(--size-a11y-visually-hidden);
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  [data-search-results-section][data-align=center] [data-search-results-header] {
    align-items: center;
    text-align: center;
  }
  [data-search-results-section][data-density=compact] {
    --search-results-gap: var(--space-ctrl-pad);
  }
  [data-search-results-section][data-density=detailed] {
    --search-results-gap: var(--space-layout-gap-sm);
  }
  [data-search-results-section][data-appearance=outlined] [data-search-results-item] > a {
    background: transparent;
  }
  [data-search-results-section][data-appearance=elevated] [data-search-results-item] > a {
    box-shadow: 0 2px 12px -2px var(--color-effect-shadow-md);
  }
  [data-search-results-section][data-appearance=filled] [data-search-results-item] > a {
    border-color: transparent;
    background: var(--color-content-bg-muted);
  }
  [data-search-results-section][data-layout=grid] [data-search-results-list] {
    grid-template-columns: 1fr;
  }
  [data-search-results-section][data-layout=grid] [data-search-results-item] > a {
    flex-direction: column;
  }
  [data-search-results-section][data-layout=grid] [data-search-results-image] {
    flex: 0 0 auto;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 16 / 10;
  }
  @media (min-width: 48rem) {
    [data-search-results-body][data-filter-display=sidebar] {
      grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
      align-items: start;
    }
    [data-search-results-section][data-layout=grid] [data-search-results-list] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 64rem) {
    [data-search-results-section][data-layout=grid] [data-search-results-list] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 31.999rem) {
    [data-search-results-item] > a {
      flex-direction: column;
    }
    [data-search-results-image] {
      flex: 0 0 auto;
      inline-size: 100%;
      block-size: auto;
      aspect-ratio: 16 / 10;
    }
    [data-search-results-tools] {
      flex-direction: column;
    }
    [data-search-results-pagination] {
      flex-wrap: wrap;
    }
  }
}
@layer components {
  [data-social-proof-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-social-proof-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-social-proof-heading] {
    font-size: var(--type-title1-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-social-proof][data-layout=grid] [data-social-proof-stats],
  [data-social-proof][data-layout=cards] [data-social-proof-stats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: var(--space-layout-gap);
  }
  [data-social-proof][data-layout=split] [data-social-proof-inner] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-layout-gap);
  }
  @media (min-width: 48rem) {
    [data-social-proof][data-layout=split][data-with-media] [data-social-proof-inner] {
      grid-template-columns: 1fr 1fr;
      align-items: center;
    }
  }
  [data-social-proof][data-layout=split] [data-social-proof-stats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--space-layout-gap);
  }
  [data-social-proof-stat] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-social-proof][data-layout=cards] [data-social-proof-stat] {
    padding: var(--space-layout-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-social-proof-stat-icon] {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--size-avatar-lg);
    block-size: var(--size-avatar-lg);
    margin-block-end: var(--space-ctrl-pad);
    color: var(--color-content-bg-muted);
  }
  [data-social-proof-stat-icon][data-icon-style=square] {
    background: var(--color-content-bg-muted);
    border-radius: var(--space-radius-container-sm);
  }
  [data-social-proof-stat-icon][data-icon-style=circle] {
    background: var(--color-content-bg-muted);
    border-radius: 9999px;
  }
  [data-social-proof-value] {
    font-family: var(--type-numeric-family);
    font-size: var(--type-large-title-size);
    line-height: var(--type-base-leading-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--type-numeric-tracking);
    font-feature-settings: var(--type-numeric-feature);
    color: var(--color-content-fg-prominent);
  }
  [data-social-proof-label] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-social-proof-desc] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-social-proof][data-layout=grid] [data-social-proof-stat] {
    align-items: center;
    text-align: center;
  }
  [data-social-proof-media] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@layer components {
  [data-story-document] {
    display: grid;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
  }
  [data-story-header] {
    display: grid;
    gap: var(--space-ctrl-pad);
  }
  [data-story-summary] {
    color: var(--color-content-fg-muted);
  }
  [data-story-progress] {
    display: grid;
    gap: var(--space-ctrl-pad);
    padding-block: var(--space-ctrl-pad);
    border-block: 1px solid var(--color-content-border);
  }
  [data-story-progress-label] {
    font-size: var(--type-caption-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-muted);
  }
  [data-story-progress] ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  [data-story-progress-link] {
    color: inherit;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.2em;
  }
  [data-story-progress-link][aria-current=step] {
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-story-progress-meter] {
    inline-size: 100%;
    block-size: 0.35rem;
    accent-color: var(--color-control-bg-prominent);
  }
  [data-story-chapters] {
    display: grid;
    gap: var(--space-layout-gap);
    min-inline-size: 0;
  }
  [data-story-chapter] {
    display: grid;
    gap: var(--space-ctrl-pad);
    min-inline-size: 0;
    padding-block: var(--space-layout-gap);
    border-block-end: 1px solid var(--color-content-border);
    scroll-margin-block-start: var( --site-shell-top-scroll-padding, var(--space-layout-gap) );
  }
  [data-story-chapter][data-active] {
    border-block-end-color: var(--color-content-fg-prominent);
  }
  [data-story-chapter-body] {
    display: grid;
    gap: var(--space-surface-gap);
    min-inline-size: 0;
  }
  [data-story-chapter-number] {
    margin-inline-end: var(--space-ctrl-gap);
    color: var(--color-content-fg-muted);
    font-variant-numeric: tabular-nums;
  }
  [data-story-chapter-media],
  [data-story-stage] {
    display: grid;
    gap: var(--space-ctrl-pad);
    min-inline-size: 0;
  }
  [data-story-media-content],
  [data-story-stage-content] {
    min-inline-size: 0;
    overflow: hidden;
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg-muted);
  }
  [data-story-media-content] > *,
  [data-story-stage-content] > * {
    display: block;
    max-inline-size: 100%;
  }
  [data-story-media-caption] {
    display: grid;
    gap: var(--space-ctrl-gap);
    color: var(--color-content-fg-muted);
  }
  [data-story-stage-region] {
    min-inline-size: 0;
  }
  [data-story-stage] {
    align-content: var(--story-stage-align, center);
    min-block-size: 14rem;
    padding: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-lg);
    background: var(--color-content-bg);
  }
  [data-story-stage][data-stage-alignment=start] {
    --story-stage-align: start;
  }
  [data-story-stage][data-stage-alignment=center] {
    --story-stage-align: center;
  }
  [data-story-stage][data-stage-alignment=end] {
    --story-stage-align: end;
  }
  [data-story-stage-empty] {
    color: var(--color-content-fg-muted);
    text-align: center;
  }
  [data-story-section][data-enhancement=fallback] [data-story-stage] {
    display: none;
  }
  [data-story-section][data-enhancement=active] [data-story-stage] {
    position: sticky;
    inset-block-start: var(--site-shell-top-inset, var(--space-layout-gap));
  }
  [data-story-section][data-media-treatment=sticky] [data-story-chapter-media],
  [data-story-section][data-media-treatment=sticky] [data-story-stage],
  [data-story-section][data-media-treatment=overlay] [data-story-stage] {
    position: sticky;
    inset-block-start: var(--site-shell-top-inset, var(--space-layout-gap));
  }
  [data-story-section][data-density=compact] [data-story-chapter] {
    gap: var(--space-ctrl-pad);
    padding-block: var(--space-surface-pad);
  }
  [data-story-section][data-density=detailed] [data-story-chapter] {
    gap: var(--space-layout-gap);
    padding-block: var(--space-layout-gap);
  }
  [data-story-section][data-align=center] [data-story-header] {
    text-align: center;
  }
  [data-story-section][data-align=right] [data-story-header] {
    text-align: end;
  }
  @media (min-width: 48rem) {
    [data-story-section][data-layout=staged] [data-responsive-pair] {
      align-items: start;
    }
    [data-story-section][data-layout=staged] [data-responsive-secondary] {
      min-block-size: 20rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-story-section] {
      scroll-behavior: auto;
    }
    [data-story-section][data-enhancement=active] [data-story-stage] {
      position: static;
    }
  }
}
@layer components {
  [data-team-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-team-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-team-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-team-subheading],
  [data-team-body] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-team-grid],
  [data-team-split-members] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-team-member] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
    border-radius: var(--space-radius-container-md);
    overflow: hidden;
  }
  [data-team-section][data-layout=grid] [data-team-member] {
    padding: var(--space-surface-pad);
    border: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
  }
  [data-team-section][data-layout=clean] [data-team-member] {
    padding: 0;
  }
  [data-team-section][data-layout=overlay] [data-team-member] {
    position: relative;
    min-block-size: var(--size-section-portrait);
    justify-content: flex-end;
    background:
      linear-gradient(
        180deg,
        transparent 35%,
        var(--color-overlay-bg-scrim) 100%);
  }
  [data-team-member-photo] {
    inline-size: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-team-section][data-layout=overlay] [data-team-member-photo] {
    position: absolute;
    inset: 0;
    block-size: 100%;
    z-index: -1;
  }
  [data-team-member-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
  }
  [data-team-section][data-layout=overlay] [data-team-member-body] {
    padding: var(--space-surface-pad-md);
    color: var(--color-control-fg-prominent);
  }
  [data-team-member-name] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-team-member-role] {
    font-size: var(--type-callout-size);
    color: var(--color-content-fg-muted);
  }
  [data-team-member-bio] {
    font-size: var(--type-callout-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-team-section][data-layout=overlay] [data-team-member-role],
  [data-team-section][data-layout=overlay] [data-team-member-bio] {
    color: var(--color-control-fg-prominent);
  }
  [data-team-member-socials] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-pad);
    margin-block-start: var(--space-ctrl-gap-sm);
  }
  [data-team-member-social-link] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--size-icon-xl);
    block-size: var(--size-icon-xl);
    border-radius: 9999px;
    border: 1px solid var(--color-content-border);
    color: inherit;
    text-decoration: none;
  }
  [data-team-section][data-layout=overlay] [data-team-member-social-link] {
    border-color: var(--color-overlay-border-translucent);
  }
  [data-team-section][data-layout=split] [data-team-inner] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  @media (min-width: 48rem) {
    [data-team-section][data-layout=grid][data-columns="2"] [data-team-grid],
    [data-team-section][data-layout=clean][data-columns="2"] [data-team-grid],
    [data-team-section][data-layout=overlay][data-columns="2"] [data-team-grid] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-team-section][data-layout=grid][data-columns="3"] [data-team-grid],
    [data-team-section][data-layout=clean][data-columns="3"] [data-team-grid],
    [data-team-section][data-layout=overlay][data-columns="3"] [data-team-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [data-team-section][data-layout=grid][data-columns="4"] [data-team-grid],
    [data-team-section][data-layout=clean][data-columns="4"] [data-team-grid],
    [data-team-section][data-layout=overlay][data-columns="4"] [data-team-grid] {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    [data-team-section][data-layout=split] [data-team-inner] {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: start;
    }
    [data-team-split-members] {
      grid-template-columns: repeat(var(--team-split-columns, 2), minmax(0, 1fr));
    }
    [data-team-section][data-layout=split][data-columns="2"] {
      --team-split-columns: 2;
    }
    [data-team-section][data-layout=split][data-columns="3"] {
      --team-split-columns: 3;
    }
    [data-team-section][data-layout=split][data-columns="4"] {
      --team-split-columns: 4;
    }
  }
}
@layer components {
  [data-testimonial-inner] {
    margin-inline: auto;
  }
  [data-testimonial-header] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-testimonial-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
    color: var(--color-content-fg-muted);
  }
  [data-testimonial-heading] {
    font-size: var(--type-title1-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
    color: var(--color-content-fg-prominent);
  }
  [data-testimonial-subheading] {
    font-size: var(--type-title3-size);
    color: var(--color-content-fg-muted);
    line-height: var(--type-base-leading-xl);
  }
  [data-testimonial-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  @media (min-width: 48rem) {
    [data-testimonial-grid] {
      grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    }
  }
  [data-testimonial-section][data-layout=featured] [data-testimonial-inner] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-inline-size: var(--size-content-lg);
  }
  [data-testimonial-section][data-layout=case-study] [data-testimonial-inner] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-layout-gap);
    max-inline-size: var(--size-content-lg);
  }
  [data-testimonial-metric] {
    font-size: var(--type-display-size);
    font-weight: var(--type-large-title-weight);
    color: var(--color-content-bg-muted);
  }
  [data-testimonial-cta] {
    margin-block-start: var(--space-layout-gap);
  }
  [data-testimonial-card] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
    padding: var(--space-layout-gap);
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    background: var(--color-content-bg);
  }
  [data-testimonial-quote] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-prominent);
    margin: 0;
  }
  [data-testimonial-section][data-layout=featured] [data-testimonial-quote] {
    font-size: var(--type-title1-size);
    font-style: italic;
    line-height: var(--type-base-leading-xl);
    margin-block: var(--space-layout-gap);
  }
  [data-testimonial-author] {
    display: flex;
    align-items: center;
    gap: var(--space-ctrl-pad-lg);
    margin-block-start: auto;
  }
  [data-testimonial-avatar] {
    inline-size: var(--size-avatar-lg);
    block-size: var(--size-avatar-lg);
    border-radius: 9999px;
    object-fit: cover;
    flex-shrink: 0;
  }
  [data-testimonial-name] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg);
  }
  [data-testimonial-role] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
  }
  [data-testimonial-company] {
    font-size: var(--type-caption-size);
    color: var(--color-content-fg-muted);
  }
  [data-testimonial-company-logo] {
    block-size: var(--size-icon-action);
    inline-size: auto;
    object-fit: contain;
    opacity: 0.7;
    margin-inline-start: auto;
  }
  [data-testimonial-rating][data-rating-style=stars] {
    display: flex;
    gap: var(--space-ctrl-gap-xs);
    color: var(--color-content-bg-warning);
  }
  [data-testimonial-rating][data-rating-style=stars] [data-star=empty] {
    color: var(--color-content-fg-muted);
  }
  [data-testimonial-rating][data-rating-style=numeric] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-headline-weight);
    color: var(--color-content-fg-prominent);
  }
}
@layer components {
  [data-video-inner] {
    display: flex;
    flex-direction: column;
    gap: var(--space-layout-gap);
  }
  [data-video-header] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    text-align: center;
    align-items: center;
  }
  [data-video-eyebrow] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    letter-spacing: var(--type-overline-tracking);
    text-transform: var(--type-overline-transform);
  }
  [data-video-heading] {
    font-size: var(--type-large-title-size);
    font-weight: var(--type-large-title-weight);
    line-height: var(--type-base-leading-sm);
  }
  [data-video-subheading],
  [data-video-transcript],
  [data-video-card-description] {
    font-size: var(--type-body-size);
    line-height: var(--type-base-leading-xl);
    color: var(--color-content-fg-muted);
  }
  [data-video-cta],
  [data-video-card-cta] {
    font-size: var(--type-callout-size);
    font-weight: var(--type-caption-2-weight);
    color: var(--color-content-fg-prominent);
  }
  [data-video-player] {
    position: relative;
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--space-radius-container-md);
    overflow: hidden;
    background: var(--color-content-bg);
    border: 1px solid var(--color-content-border);
  }
  [data-video-native],
  [data-video-embed] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    object-fit: cover;
  }
  [data-video-section][data-layout=full-bleed] {
    position: relative;
    min-block-size: var(--size-section-video);
    overflow: hidden;
  }
  [data-video-section][data-layout=full-bleed] > [data-page-layout-container] {
    min-block-size: inherit;
    display: grid;
    place-items: center;
  }
  [data-video-section][data-layout=full-bleed] [data-page-layout-bleed],
  [data-video-full-bleed-media],
  [data-video-section][data-layout=full-bleed] [data-video-player] {
    position: absolute;
    inset: 0;
    block-size: 100%;
  }
  [data-video-section][data-layout=full-bleed] [data-video-player] {
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
  }
  [data-video-overlay] {
    position: relative;
    z-index: 1;
    max-inline-size: var(--size-content-md);
    color: var(--color-content-bg);
  }
  [data-video-section][data-layout=split] [data-video-inner] {
    display: grid;
    gap: var(--space-layout-gap);
    align-items: center;
  }
  [data-video-copy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-surface-pad);
  }
  [data-video-copy] [data-video-header] {
    align-items: flex-start;
    text-align: start;
  }
  [data-video-grid] {
    display: grid;
    gap: var(--space-layout-gap);
  }
  [data-video-card] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--color-content-border);
    border-radius: var(--space-radius-container-md);
    overflow: hidden;
    background: var(--color-content-bg);
    color: inherit;
    text-decoration: none;
  }
  [data-video-poster] {
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--color-content-bg-muted);
  }
  [data-video-card-body] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-pad);
    padding: var(--space-surface-pad);
  }
  [data-video-duration] {
    font-size: var(--type-overline-size);
    line-height: var(--type-overline-line-height);
    font-weight: var(--type-overline-weight);
    text-transform: var(--type-overline-transform);
    letter-spacing: var(--type-overline-tracking);
  }
  [data-video-card-title] {
    font-size: var(--type-title3-size);
    font-weight: var(--type-headline-weight);
  }
  @media (min-width: 48rem) {
    [data-video-section][data-layout=split] [data-video-inner] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    [data-video-section][data-media-position=media-start] [data-video-player] {
      order: -1;
    }
    [data-video-grid] {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer components {
  [data-announcement-bar] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--space-ctrl-pad-lg);
    min-block-size: var(--size-control-height);
    padding-block: var(--space-ctrl-pad);
    padding-inline: var(--space-layout-gutter);
    font-size: var(--type-callout-size);
    line-height: var(--type-base-leading-xl);
  }
  [data-announcement-bar][data-position=bottom] {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 20;
  }
  [data-announcement-bar][data-tone=standard] {
    background: var(--color-shell-bg);
    color: var(--color-shell-fg);
    border-block-end: 1px solid var(--color-shell-border);
  }
  [data-announcement-bar][data-tone=inverse] {
    background: var(--color-shell-bg-prominent);
    color: var(--color-shell-fg-on-prominent);
  }
  [data-announcement-bar][data-tone=inverse] [data-text-slot] {
    color: var(--color-shell-fg-on-prominent);
  }
  [data-announcement-bar][data-tone=attention] {
    background: var(--color-shell-bg-attention);
    color: var(--color-shell-fg-on-attention);
  }
  [data-announcement-bar][data-tone=attention] [data-text-slot] {
    color: var(--color-shell-fg-on-attention);
  }
  [data-announcement-bar-content] {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-ctrl-pad);
    text-align: center;
  }
  [data-announcement-bar-content] a {
    color: inherit;
    font-weight: var(--type-headline-weight);
  }
  [data-announcement-bar-dismiss] {
    grid-column: 3;
    justify-self: end;
    padding: 0;
    inline-size: auto;
    block-size: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
  }
}
@layer components {
  [data-website-shell-footer] {
    padding-block: var(--space-layout-section);
    padding-inline: var(--space-layout-gutter);
    border-block-start: 1px solid var(--color-content-border);
    background: var(--color-content-bg);
    color: var(--color-content-fg-prominent);
  }
  [data-website-shell-footer][data-theme=dark] {
    color-scheme: dark;
  }
  [data-website-shell-footer][data-background=transparent] {
    border-block-start-color: transparent;
    background: transparent;
  }
  [data-website-shell-footer][data-background=muted] {
    background: var(--color-content-bg-muted);
  }
  [data-website-shell-footer-grid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-layout-gap);
    margin-block-end: var(--space-layout-gap);
  }
  [data-website-shell-footer-primary],
  [data-website-shell-footer-brand],
  [data-website-shell-footer-cta],
  [data-website-shell-footer-organizations],
  [data-website-shell-footer-organization],
  [data-website-shell-footer-organization-details] {
    display: flex;
    flex-direction: column;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-brand-identity] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-ctrl-gap);
  }
  [data-website-shell-footer-logo] {
    max-inline-size: 100%;
    block-size: auto;
  }
  [data-website-shell-footer-tagline],
  [data-website-shell-footer-cta-description] {
    margin: 0;
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-cta] > a {
    align-self: flex-start;
    padding: var(--space-ctrl-pad) var(--space-ctrl-pad-lg);
    border: 1px solid currentColor;
    text-decoration: none;
  }
  [data-website-shell-footer-organization-identity],
  [data-website-shell-footer-contact],
  [data-website-shell-footer-identifier],
  [data-website-shell-footer-location],
  [data-website-shell-footer-representative] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-detail-label],
  [data-website-shell-footer-organization-legal-name],
  [data-website-shell-footer-organization-legal-form] {
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-location] {
    font-style: normal;
  }
  [data-website-shell-footer-address-lines] {
    white-space: pre-line;
  }
  [data-website-shell-footer-navigation] {
    min-inline-size: 0;
  }
  [data-website-shell-footer-navigation] [data-site-navigation=footer] {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }
  [data-website-shell-footer-navigation] h2 {
    margin: 0 0 var(--space-ctrl-pad);
    font-size: var(--type-callout-size);
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list],
  [data-website-shell-footer-legal-links] {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list] {
    display: grid;
    gap: var(--space-ctrl-gap-sm);
  }
  [data-website-shell-footer-navigation] [data-site-navigation-list] [data-site-navigation-list] {
    padding-inline-start: var(--space-ctrl-pad);
  }
  [data-website-shell-footer] a {
    color: inherit;
    text-underline-offset: 0.2em;
  }
  [data-website-shell-footer-legal] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
    padding-block-start: var(--space-layout-gap);
    border-block-start: 1px solid var(--color-content-border);
    color: var(--color-content-fg-muted);
  }
  [data-website-shell-footer-legal-links] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-ctrl-gap);
  }
  [data-website-shell-footer][data-density=compact] {
    padding-block: var(--space-surface-pad);
  }
  [data-website-shell-footer][data-density=compact] [data-website-shell-footer-grid] {
    gap: var(--space-surface-gap);
    margin-block-end: var(--space-surface-gap);
  }
  [data-website-shell-footer][data-density=compact] [data-website-shell-footer-legal] {
    padding-block-start: var(--space-surface-gap);
  }
  @media (min-width: 48rem) {
    [data-website-shell-footer-grid] {
      grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr);
    }
    [data-website-shell-footer-organizations] {
      grid-column: 1 / -1;
    }
    [data-website-shell-footer][data-layout=minimal] [data-website-shell-footer-grid],
    [data-website-shell-footer][data-has-navigation=false] [data-website-shell-footer-grid] {
      grid-template-columns: minmax(0, 1fr);
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-layout-gutter);
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) [data-website-shell-footer-grid] {
      display: flex;
      align-items: center;
      flex: 1 1 auto;
      margin-block-end: 0;
    }
    [data-website-shell-footer]:is([data-flow=inline], [data-flow=auto][data-density=compact]) [data-website-shell-footer-legal] {
      flex: 0 0 auto;
      padding-block-start: 0;
      border-block-start: 0;
    }
  }
}
@layer components {
  [data-website-shell-header] {
    inline-size: 100%;
  }
  [data-website-shell-header][data-position=sticky] {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--site-shell-z-primary-header, 10);
  }
  [data-website-shell-header][data-position=fixed] {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: var(--site-shell-z-primary-header, 10);
  }
  [data-website-shell-header] > [data-site-header-root] {
    border-block-end: var(--size-stroke-default) solid var(--color-shell-border);
    background: var(--color-shell-bg);
  }
  [data-website-shell-header] [data-website-shell-header-brand],
  [data-website-shell-header] [data-website-shell-header-actions] a {
    color: inherit;
    text-decoration: none;
  }
  [data-website-shell-header] [data-site-header-brand-image] {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
  }
  [data-website-shell-header] [data-website-shell-header-brand-compact] {
    display: none;
  }
  [data-website-shell-header] [data-site-header-root][data-compact=true] [data-website-shell-header-brand][data-has-compact-logo=true] [data-website-shell-header-brand-default] {
    display: none;
  }
  [data-website-shell-header] [data-site-header-root][data-compact=true] [data-website-shell-header-brand-compact] {
    display: block;
  }
  [data-website-shell-header-desktop-navigation] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [data-website-shell-header] [data-site-header-actions],
  [data-website-shell-header-actions] {
    gap: var(--space-ctrl-pad);
  }
  [data-website-shell-header-actions] {
    display: flex;
    align-items: center;
  }
  [data-website-shell-header-graph-actions] {
    display: block;
  }
  [data-website-shell-header-actions] > [data-emphasis=primary] {
    padding: var(--space-ctrl-pad) var(--space-ctrl-pad-lg);
    border-radius: var(--space-radius-container-sm);
    background: var(--color-content-bg-muted);
    color: var(--color-shell-fg-prominent);
  }
}
@layer components {
  [data-site-shell-root] {
    --site-shell-safe-block-start: var(--safe-area-inset-top-ua);
    --site-shell-safe-block-end: var(--safe-area-inset-bottom-ua);
    --site-shell-safe-inline-start: var(--safe-area-inset-left-ua);
    --site-shell-safe-inline-end: var(--safe-area-inset-right-ua);
    --site-shell-announcement-size: 0;
    --site-shell-primary-header-size: 0;
    --site-shell-secondary-header-size: 0;
    --site-shell-bottom-bar-size: 0;
    --site-shell-announcement-active-size: 0;
    --site-shell-primary-header-active-size: 0;
    --site-shell-secondary-header-active-size: 0;
    --site-shell-bottom-bar-active-size: 0;
    --site-shell-announcement-fixed-size: 0;
    --site-shell-primary-header-fixed-size: 0;
    --site-shell-secondary-header-fixed-size: 0;
    --site-shell-bottom-bar-fixed-size: 0;
    --site-shell-announcement-flow-size: 0;
    --site-shell-primary-header-flow-size: 0;
    --site-shell-secondary-header-flow-size: 0;
    --site-shell-bottom-bar-flow-size: 0;
    --site-shell-top-size: calc( var(--site-shell-announcement-size) + var(--site-shell-primary-header-size) + var(--site-shell-secondary-header-size) );
    --site-shell-bottom-size: var(--site-shell-bottom-bar-size);
    --site-shell-top-inset: calc( var(--site-shell-announcement-fixed-size) + var(--site-shell-primary-header-fixed-size) + var(--site-shell-secondary-header-fixed-size) );
    --site-shell-bottom-inset: var(--site-shell-bottom-bar-fixed-size);
    --site-shell-top-scroll-padding: calc( var(--site-shell-announcement-active-size) + var(--site-shell-primary-header-active-size) + var(--site-shell-secondary-header-active-size) );
    --site-shell-bottom-scroll-padding: var( --site-shell-bottom-bar-active-size );
    --site-shell-flow-top-size: calc( var(--site-shell-announcement-flow-size) + var(--site-shell-primary-header-flow-size) + var(--site-shell-secondary-header-flow-size) );
    --site-shell-flow-bottom-size: var(--site-shell-bottom-bar-flow-size);
    --site-shell-announcement-offset: 0;
    --site-shell-primary-header-offset: var( --site-shell-announcement-active-size );
    --site-shell-secondary-header-offset: calc( var(--site-shell-announcement-active-size) + var(--site-shell-primary-header-active-size) );
    box-sizing: border-box;
    isolation: isolate;
    min-block-size: 100dvh;
    padding-block: var(--site-shell-safe-block-start) var(--site-shell-safe-block-end);
    padding-inline: var(--site-shell-safe-inline-start) var(--site-shell-safe-inline-end);
    position: relative;
  }
  [data-site-shell-root]:dir(rtl) {
    --site-shell-safe-inline-start: var(--safe-area-inset-right-ua);
    --site-shell-safe-inline-end: var(--safe-area-inset-left-ua);
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement]) {
    --site-shell-announcement-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header]) {
    --site-shell-primary-header-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header]) {
    --site-shell-secondary-header-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar]) {
    --site-shell-bottom-bar-size: var(--site-shell-fallback-bottom-bar-size);
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position]:not([data-position=flow])) {
    --site-shell-announcement-active-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position]:not([data-position=flow])) {
    --site-shell-primary-header-active-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position]:not([data-position=flow])) {
    --site-shell-secondary-header-active-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position]:not([data-position=flow])) {
    --site-shell-bottom-bar-active-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position=fixed]) {
    --site-shell-announcement-fixed-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position=fixed]) {
    --site-shell-primary-header-fixed-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position=fixed]) {
    --site-shell-secondary-header-fixed-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position=fixed]) {
    --site-shell-bottom-bar-fixed-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=announcement][data-position]:not([data-position=fixed])) {
    --site-shell-announcement-flow-size: var( --site-shell-fallback-announcement-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=primary-header][data-position]:not([data-position=fixed])) {
    --site-shell-primary-header-flow-size: var( --site-shell-fallback-primary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=secondary-header][data-position]:not([data-position=fixed])) {
    --site-shell-secondary-header-flow-size: var( --site-shell-fallback-secondary-header-size );
  }
  [data-site-shell-root]:has([data-site-shell-bar][data-region=bottom-bar][data-position]:not([data-position=fixed])) {
    --site-shell-bottom-bar-flow-size: var( --site-shell-fallback-bottom-bar-size );
  }
  [data-site-shell-root][data-safe-area=disabled] {
    --site-shell-safe-block-start: 0;
    --site-shell-safe-block-end: 0;
    --site-shell-safe-inline-start: 0;
    --site-shell-safe-inline-end: 0;
  }
  [data-site-shell-bar] {
    box-sizing: border-box;
  }
  [data-site-shell-bar][data-position=sticky],
  [data-site-shell-bar][data-position=fixed] {
    z-index: var(--site-shell-region-stack);
  }
  [data-site-shell-bar][data-position=sticky] {
    position: sticky;
  }
  [data-site-shell-bar][data-position=fixed] {
    inset-inline: var(--site-shell-safe-inline-start) var(--site-shell-safe-inline-end);
    position: fixed;
  }
  [data-site-shell-bar][data-region=announcement] {
    --site-shell-region-offset: var(--site-shell-announcement-offset);
    --site-shell-region-stack: var(--site-shell-z-announcement);
  }
  [data-site-shell-bar][data-region=primary-header] {
    --site-shell-region-offset: var(--site-shell-primary-header-offset);
    --site-shell-region-stack: var(--site-shell-z-primary-header);
  }
  [data-site-shell-bar][data-region=secondary-header] {
    --site-shell-region-offset: var(--site-shell-secondary-header-offset);
    --site-shell-region-stack: var(--site-shell-z-secondary-header);
  }
  [data-site-shell-bar]:not([data-region=bottom-bar])[data-position=sticky],
  [data-site-shell-bar]:not([data-region=bottom-bar])[data-position=fixed] {
    inset-block-start: calc(var(--site-shell-safe-block-start) + var(--site-shell-region-offset));
  }
  [data-site-shell-bar][data-region=bottom-bar] {
    --site-shell-region-stack: var(--site-shell-z-bottom-bar);
  }
  [data-site-shell-bar][data-region=bottom-bar][data-position=sticky],
  [data-site-shell-bar][data-region=bottom-bar][data-position=fixed] {
    inset-block-end: var(--site-shell-safe-block-end);
  }
  [data-site-shell-content] {
    --site-shell-content-foreground-block-start: 0;
    --site-shell-content-foreground-block-end: 0;
    box-sizing: border-box;
    min-block-size: calc(100dvh - var(--site-shell-safe-block-start) - var(--site-shell-safe-block-end) - var(--site-shell-flow-top-size) - var(--site-shell-flow-bottom-size));
    padding-block-start: var(--site-shell-top-inset);
    padding-block-end: var(--site-shell-bottom-inset);
    position: relative;
    scroll-padding-block: var(--site-shell-top-scroll-padding) var(--site-shell-bottom-scroll-padding);
    z-index: var(--site-shell-z-content);
  }
  [data-site-shell-content][data-underlay=top],
  [data-site-shell-content][data-underlay=both] {
    --site-shell-content-foreground-block-start: var(--site-shell-top-inset);
    padding-block-start: 0;
  }
  [data-site-shell-content][data-underlay=bottom],
  [data-site-shell-content][data-underlay=both] {
    --site-shell-content-foreground-block-end: var(--site-shell-bottom-inset);
    padding-block-end: 0;
  }
  [data-site-shell-content] :where([id]) {
    scroll-margin-block-start: calc(var(--site-shell-safe-block-start) + var(--site-shell-top-scroll-padding));
    scroll-margin-block-end: calc(var(--site-shell-safe-block-end) + var(--site-shell-bottom-scroll-padding));
  }
  [data-site-shell-portal-target] {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: var(--site-shell-z-portal);
  }
  [data-site-shell-portal-layer] {
    inset: 0;
    pointer-events: none;
    position: absolute;
  }
  [data-site-shell-portal-layer=popup] {
    z-index: var(--overlay-z);
  }
  [data-site-shell-portal-layer=nested] {
    z-index: var(--overlay-z-nested);
  }
  [data-site-shell-portal-layer=modal] {
    z-index: var(--overlay-z-modal);
  }
  [data-site-shell-portal-layer] > * {
    pointer-events: auto;
  }
}

/* browser-fs:src/app/index.css */
@font-face {
  font-family: "Pretendard Variable";
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url(/fonts/PretendardVariable.woff2) format("woff2-variations");
}
@layer base {
  * {
    box-sizing: border-box;
  }
  html {
    background: var(--color-content-bg);
    scroll-behavior: smooth;
  }
  body {
    margin: 0;
    background: var(--color-content-bg);
    color: var(--color-content-fg);
    font-size: var(--type-body-size);
  }
  button,
  input,
  textarea,
  select {
    font: inherit;
  }
  a:focus-visible,
  button:focus-visible,
  summary:focus-visible {
    outline: 2px solid var(--color-control-border-prominent);
    outline-offset: 4px;
  }
  #root {
    isolation: isolate;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
}

/* browser-fs:src/widgets/layout/website-layout.css */
@layer app {
  [data-website-layout] {
    --font-heading:
      "Avenir Next",
      Avenir,
      var(--font-sans);
    --font-display: var(--font-heading);
    --type-large-title-family: var(--font-display);
    --type-title1-family: var(--font-heading);
    --type-title2-family: var(--font-heading);
    --type-title3-family: var(--font-heading);
    --type-headline-family: var(--font-heading);
    --type-display-family: var(--font-display);
    min-block-size: 100dvh;
    background: var(--color-content-bg);
    color: var(--color-content-fg);
  }
  [data-website-layout] [data-site-shell-content] {
    display: flex;
    flex-direction: column;
  }
  [data-website-skip-link] {
    position: fixed;
    z-index: var(--site-shell-z-portal);
    inset-block-start: 0.75rem;
    inset-inline-start: 0.75rem;
    padding: 0.7rem 1rem;
    border-radius: 0.25rem;
    background: var(--color-overlay-bg);
    color: var(--color-overlay-fg);
    transform: translateY(calc(-100% - 1rem));
  }
  [data-website-skip-link]:focus {
    transform: translateY(0);
  }
  [data-website-layout] [data-site-shell-bar][data-region=primary-header] {
    inset-block-start: var(--site-shell-safe-block-start);
  }
  [data-website-layout][data-layout-mode=standard] [data-site-shell-bar][data-region=primary-header] {
    border-block-end: 1px solid var(--color-shell-border);
    background: var(--color-shell-bg);
    backdrop-filter: blur(14px);
  }
  [data-website-shell-header] > [data-site-header-root] {
    min-block-size: 5rem;
    padding: 1.25rem clamp(1.25rem, 4vw, 4rem);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.5rem;
    background: transparent;
  }
  [data-layout-mode=immersive] [data-website-shell-header] > [data-site-header-root] {
    border-block-end-color: transparent;
    background: transparent;
  }
  [data-website-shell-header-desktop-navigation] {
    display: none;
  }
  [data-site-header-brand] {
    display: inline-flex;
    align-items: center;
  }
  [data-site-header-brand-image] {
    display: block;
    inline-size: clamp(9.5rem, 16vw, 12rem);
    block-size: auto;
  }
  [data-website-shell-header-desktop-navigation] [data-site-navigation-list] {
    display: flex;
    align-items: center;
    gap: clamp(1.25rem, 2.8vw, 2.75rem);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  [data-website-shell-header] [data-site-navigation-top-control] {
    position: relative;
    display: inline-flex;
    padding-block: 0.5rem;
    color: var(--color-content-fg-muted);
    font-size: 0.82rem;
    font-weight: 550;
    letter-spacing: 0.025em;
    text-decoration: none;
  }
  [data-website-shell-header] [data-site-navigation-top-control]::after {
    position: absolute;
    inset-block-end: 0.18rem;
    inset-inline: 0;
    block-size: 1px;
    background: currentColor;
    content: "";
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 180ms ease;
  }
  [data-website-shell-header] [data-site-navigation-top-control]:hover::after,
  [data-website-shell-header] [data-site-navigation-top-control][aria-current=page]::after {
    transform: scaleX(1);
    transform-origin: left;
  }
  [data-layout-mode=immersive] [data-website-shell-header] [data-site-navigation-top-control] {
    color: var(--color-control-fg-prominent);
    text-shadow: 0 1px 10px var(--color-effect-shadow-md);
  }
  [data-website-shell-header] [data-site-header-mobile-trigger] {
    padding: 0.5rem 0;
    border: 0;
    background: transparent;
    color: var(--color-content-fg);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
  }
  [data-layout-mode=immersive] [data-site-header-mobile-trigger] {
    color: var(--color-control-fg-prominent);
    text-shadow: 0 1px 10px var(--color-effect-shadow-md);
  }
  [data-website-shell-header-mobile-dialog] {
    background: var(--color-overlay-bg);
    color: var(--color-overlay-fg);
  }
  [data-website-shell-header-mobile-dialog] [data-website-shell-header-mobile-list] {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }
  [data-website-shell-header-mobile-dialog] [data-site-header-link] {
    display: flex;
    padding: 0.9rem 1rem;
    color: var(--color-overlay-fg);
    font-family: var(--font-label);
    font-size: 1.35rem;
    font-weight: 400;
    letter-spacing: -0.01em;
  }
  [data-website-shell-header-mobile-dialog] [data-site-header-link]::after {
    display: none;
  }
  [data-website-main] {
    flex: 1;
  }
  [data-website-main]:focus-visible {
    outline: 2px solid var(--color-control-border-prominent);
    outline-offset: -2px;
  }
  [data-layout-mode=immersive] [data-region=bottom-bar] [data-website-shell-footer] {
    text-shadow: 0 1px 10px var(--color-effect-shadow-md);
  }
  [data-not-found] {
    padding: 8rem 2rem;
    text-align: center;
  }
  @media (min-width: 48rem) {
    [data-website-shell-header] > [data-site-header-root] {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
    }
    [data-website-shell-header-desktop-navigation] {
      display: flex;
      grid-column: 2;
      grid-row: 1;
      justify-self: end;
    }
    [data-website-shell-header] [data-site-header-mobile-trigger] {
      display: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-website-shell-header] [data-site-navigation-top-control]::after {
      transition: none;
    }
  }
}