/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --font-mono: 'GT America Mono', monospace;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --font-weight-normal: 400;
    --tracking-normal: 0em;
    --default-font-family: SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --default-mono-font-family: 'GT America Mono', monospace;
    --radius: var(--radius-md);
    --color-neutral-1300: oklch(0.995 0.0001 260);
    --color-neutral-1200: oklch(0.975 0.0001 260);
    --color-neutral-1100: oklch(0.95 0.0001 260);
    --color-neutral-1000: oklch(0.925 0.0001 260);
    --color-neutral-900: oklch(0.9 0.0001 260);
    --color-neutral-800: oklch(0.79 0.0011 260);
    --color-neutral-700: oklch(0.717 0.0021 260);
    --color-neutral-600: oklch(0.606 0.0031 260);
    --color-neutral-500: oklch(0.483 0.0041 260);
    --color-neutral-400: oklch(0.389 0.005 260);
    --color-neutral-300: oklch(0.316 0.006 260);
    --color-neutral-200: oklch(0.247 0.007 260);
    --color-neutral-100: oklch(0.216 0.008 260);
    --color-neutral-50: oklch(0.195 0.009 260);
    --color-neutral-0: oklch(0.162 0.01 260);
    --color-blue-1200: oklch(0.922 0.039 272);
    --color-blue-1100: oklch(0.892 0.0598 272);
    --color-blue-1000: oklch(0.852 0.088 272);
    --color-blue-900: oklch(0.825 0.109 272);
    --color-blue-800: oklch(0.71 0.15 272);
    --color-blue-700: oklch(0.67 0.1216 275.3);
    --color-blue-600: oklch(0.563 0.1139 278.7);
    --color-blue-500: oklch(0.474 0.0984 282);
    --color-blue-400: oklch(0.379 0.0776 285.3);
    --color-blue-300: oklch(0.308 0.0623 288.7);
    --color-blue-200: oklch(0.24 0.0479 292);
    --color-purple-1200: oklch(0.922 0.0455 305.4);
    --color-purple-1100: oklch(0.892 0.0697 305.4);
    --color-purple-1000: oklch(0.852 0.1027 305.4);
    --color-purple-900: oklch(0.825 0.1271 305.4);
    --color-purple-800: oklch(0.74 0.175 305.4);
    --color-purple-700: oklch(0.67 0.1419 308.7);
    --color-purple-600: oklch(0.563 0.1328 312.1);
    --color-purple-500: oklch(0.474 0.1148 315.4);
    --color-purple-400: oklch(0.379 0.0906 318.7);
    --color-purple-300: oklch(0.308 0.0727 322.1);
    --color-purple-200: oklch(0.24 0.0559 325.4);
    --color-red-1300: oklch(0.95 0.0253 11.3);
    --color-red-1200: oklch(0.922 0.0509 11.3);
    --color-red-1100: oklch(0.892 0.078 11.3);
    --color-red-1000: oklch(0.852 0.1149 11.3);
    --color-red-900: oklch(0.825 0.1423 11.3);
    --color-red-800: oklch(0.712 0.185 11.3);
    --color-red-700: oklch(0.67 0.1588 14.7);
    --color-red-600: oklch(0.563 0.1487 18);
    --color-red-500: oklch(0.474 0.1285 21.3);
    --color-red-400: oklch(0.379 0.1014 24.7);
    --color-red-300: oklch(0.308 0.0814 28);
    --color-red-200: oklch(0.24 0.0626 31.3);
    --color-yellow-1200: oklch(0.922 0.0428 75);
    --color-yellow-1100: oklch(0.892 0.0656 75);
    --color-yellow-1000: oklch(0.852 0.0966 75);
    --color-yellow-900: oklch(0.825 0.1196 75);
    --color-yellow-800: oklch(0.837 0.14 75);
    --color-yellow-700: oklch(0.67 0.1336 78.3);
    --color-yellow-600: oklch(0.563 0.125 81.7);
    --color-yellow-500: oklch(0.474 0.1081 85);
    --color-yellow-400: oklch(0.379 0.0853 88.3);
    --color-yellow-300: oklch(0.308 0.0685 91.7);
    --color-yellow-200: oklch(0.24 0.0526 95);
    --color-green-1200: oklch(0.922 0.0586 163.7);
    --color-green-1100: oklch(0.892 0.0899 163.7);
    --color-green-1000: oklch(0.852 0.1324 163.7);
    --color-green-900: oklch(0.825 0.164 163.7);
    --color-green-800: oklch(0.77 0.1919 163.7);
    --color-green-700: oklch(0.67 0.1831 167);
    --color-green-600: oklch(0.563 0.1714 170.4);
    --color-green-500: oklch(0.474 0.1481 173.7);
    --color-green-400: oklch(0.379 0.1169 177);
    --color-green-300: oklch(0.308 0.0938 180.4);
    --color-green-200: oklch(0.24 0.0722 183.7);
    --theme-accent-200: var(--color-green-200);
    --theme-accent-300: var(--color-green-300);
    --theme-accent-400: var(--color-green-400);
    --theme-accent-500: var(--color-green-500);
    --theme-accent-600: var(--color-green-600);
    --theme-accent-700: var(--color-green-700);
    --theme-accent-800: var(--color-green-800);
    --theme-accent-900: var(--color-green-900);
    --theme-accent-1000: var(--color-green-1000);
    --theme-accent-1100: var(--color-green-1100);
    --theme-accent-1200: var(--color-green-1200);
    --theme-destructive-200: var(--color-red-200);
    --theme-destructive-300: var(--color-red-300);
    --theme-destructive-400: var(--color-red-400);
    --theme-destructive-500: var(--color-red-500);
    --theme-destructive-600: var(--color-red-600);
    --theme-destructive-700: var(--color-red-700);
    --theme-destructive-800: var(--color-red-800);
    --theme-destructive-900: var(--color-red-900);
    --theme-destructive-1000: var(--color-red-1000);
    --theme-destructive-1100: var(--color-red-1100);
    --theme-destructive-1200: var(--color-red-1200);
    --theme-success-300: var(--color-green-300);
    --theme-success-400: var(--color-green-400);
    --theme-success-500: var(--color-green-500);
    --theme-success-600: var(--color-green-600);
    --theme-success-700: var(--color-green-700);
    --theme-success-800: var(--color-green-800);
    --theme-success-1000: var(--color-green-1000);
    --theme-error-200: var(--color-red-200);
    --theme-error-300: var(--color-red-300);
    --theme-error-400: var(--color-red-400);
    --theme-error-500: var(--color-red-500);
    --theme-error-600: var(--color-red-600);
    --theme-error-700: var(--color-red-700);
    --theme-error-800: var(--color-red-800);
    --theme-error-900: var(--color-red-900);
    --theme-error-1000: var(--color-red-1000);
    --theme-error-1100: var(--color-red-1100);
    --theme-error-1200: var(--color-red-1200);
    --theme-notice-200: var(--color-yellow-200);
    --theme-notice-300: var(--color-yellow-300);
    --theme-notice-400: var(--color-yellow-400);
    --theme-notice-500: var(--color-yellow-500);
    --theme-notice-600: var(--color-yellow-600);
    --theme-notice-700: var(--color-yellow-700);
    --theme-notice-800: var(--color-yellow-800);
    --theme-notice-900: var(--color-yellow-900);
    --theme-notice-1000: var(--color-yellow-1000);
    --theme-notice-1100: var(--color-yellow-1100);
    --theme-notice-1200: var(--color-yellow-1200);
    --theme-info-200: var(--color-blue-200);
    --theme-info-300: var(--color-blue-300);
    --theme-info-400: var(--color-blue-400);
    --theme-info-500: var(--color-blue-500);
    --theme-info-600: var(--color-blue-600);
    --theme-info-700: var(--color-blue-700);
    --theme-info-800: var(--color-blue-800);
    --theme-info-900: var(--color-blue-900);
    --theme-info-1000: var(--color-blue-1000);
    --theme-info-1100: var(--color-blue-1100);
    --theme-info-1200: var(--color-blue-1200);
    --theme-accent-alt-200: var(--color-purple-200);
    --theme-accent-alt-300: var(--color-purple-300);
    --theme-accent-alt-400: var(--color-purple-400);
    --theme-accent-alt-500: var(--color-purple-500);
    --theme-accent-alt-600: var(--color-purple-600);
    --theme-accent-alt-700: var(--color-purple-700);
    --theme-accent-alt-800: var(--color-purple-800);
    --theme-accent-alt-900: var(--color-purple-900);
    --theme-accent-alt-1000: var(--color-purple-1000);
    --theme-accent-alt-1100: var(--color-purple-1100);
    --theme-accent-alt-1200: var(--color-purple-1200);
    --radius-md: 0.125rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .ml-auto {
    margin-left: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .w-2\/5 {
    width: calc(2 / 5 * 100%);
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded-lg {
    border-radius: 0.25rem;
  }
  .rounded-md {
    border-radius: 0.125rem;
  }
  .rounded-sm {
    border-radius: 0.0625rem;
  }
  .rounded-xl {
    border-radius: 0.375rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-secondary {
    border-color: var(--stroke-secondary);
  }
  .bg-accent-alt-secondary {
    background-color: var(--surface-accent-alt-secondary);
  }
  .bg-accent-secondary {
    background-color: var(--surface-accent-secondary);
  }
  .bg-default {
    background-color: var(--surface-default);
  }
  .bg-destructive-secondary {
    background-color: var(--surface-destructive-secondary);
  }
  .bg-green-200 {
    background-color: oklch(0.24 0.0722 183.7);
  }
  .bg-green-300 {
    background-color: oklch(0.308 0.0938 180.4);
  }
  .bg-green-400 {
    background-color: oklch(0.379 0.1169 177);
  }
  .bg-green-500 {
    background-color: oklch(0.474 0.1481 173.7);
  }
  .bg-green-600 {
    background-color: oklch(0.563 0.1714 170.4);
  }
  .bg-green-700 {
    background-color: oklch(0.67 0.1831 167);
  }
  .bg-green-800 {
    background-color: oklch(0.77 0.1919 163.7);
  }
  .bg-green-900 {
    background-color: oklch(0.825 0.164 163.7);
  }
  .bg-green-1000 {
    background-color: oklch(0.852 0.1324 163.7);
  }
  .bg-green-1100 {
    background-color: oklch(0.892 0.0899 163.7);
  }
  .bg-green-1200 {
    background-color: oklch(0.922 0.0586 163.7);
  }
  .bg-green-1300 {
    background-color: oklch(0.95 0.0292 163.7);
  }
  .bg-info-secondary {
    background-color: var(--surface-info-secondary);
  }
  .bg-neutral-0 {
    background-color: oklch(0.162 0.01 260);
  }
  .bg-neutral-50 {
    background-color: oklch(0.195 0.009 260);
  }
  .bg-neutral-100 {
    background-color: oklch(0.216 0.008 260);
  }
  .bg-neutral-200 {
    background-color: oklch(0.247 0.007 260);
  }
  .bg-neutral-300 {
    background-color: oklch(0.316 0.006 260);
  }
  .bg-neutral-400 {
    background-color: oklch(0.389 0.005 260);
  }
  .bg-neutral-500 {
    background-color: oklch(0.483 0.0041 260);
  }
  .bg-neutral-600 {
    background-color: oklch(0.606 0.0031 260);
  }
  .bg-neutral-700 {
    background-color: oklch(0.717 0.0021 260);
  }
  .bg-neutral-800 {
    background-color: oklch(0.79 0.0011 260);
  }
  .bg-neutral-900 {
    background-color: oklch(0.9 0.0001 260);
  }
  .bg-neutral-1000 {
    background-color: oklch(0.925 0.0001 260);
  }
  .bg-neutral-1100 {
    background-color: oklch(0.95 0.0001 260);
  }
  .bg-neutral-1200 {
    background-color: oklch(0.975 0.0001 260);
  }
  .bg-neutral-1300 {
    background-color: oklch(0.995 0.0001 260);
  }
  .bg-notice-secondary {
    background-color: var(--surface-notice-secondary);
  }
  .bg-raise {
    background-color: var(--surface-raise);
  }
  .bg-secondary {
    background-color: var(--surface-secondary);
  }
  .bg-tertiary {
    background-color: var(--surface-tertiary);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .oxx-mono {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
  }
  .text-mono-md {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
  }
  .text-mono-sm {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
  }
  .text-mono-xs {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
  }
  .text-sans-28 {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: -0.005em;
  }
  .text-sans-md {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
  }
  .text-sans-semi-lg {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.375rem;
    font-size: 1rem;
    letter-spacing: 0.0175rem;
  }
  .text-sans-semi-md {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03rem;
  }
  .accent-link {
    color: var(--content-accent-secondary);
    &:hover {
      @media (hover: hover) {
        color: var(--content-accent);
      }
    }
    text-decoration: underline;
    text-decoration-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
    }
  }
  .text-accent {
    color: var(--content-accent);
  }
  .text-accent-alt {
    color: var(--content-accent-alt);
  }
  .text-default {
    color: var(--content-default);
  }
  .text-destructive {
    color: var(--content-destructive);
  }
  .text-disabled {
    color: var(--content-disabled);
  }
  .text-error {
    color: var(--content-error);
  }
  .text-info {
    color: var(--content-info);
  }
  .text-notice {
    color: var(--content-notice);
  }
  .text-quaternary {
    color: var(--content-quaternary);
  }
  .text-raise {
    color: var(--content-raise);
  }
  .text-secondary {
    color: var(--content-secondary);
  }
  .text-tertiary {
    color: var(--content-tertiary);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .shadow-border-small {
    box-shadow: var(--shadow-border-small);
  }
  .shadow-menu {
    box-shadow: var(--shadow-menu);
  }
  .shadow-modal {
    box-shadow: var(--shadow-modal);
  }
  .shadow-toast {
    box-shadow: var(--shadow-toast);
  }
  @media (width >= 600px) {
    .\36 00\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 900px) {
    .\39 00\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\39 00\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
button, [role='button'] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
:root, .dark {
  --shadow-border-base: 0 0 0 1px #ffffff0d;
  --shadow-border-bg: 0 0 0 1px var(--surface-secondary);
  --shadow-border: var(--shadow-border-base), var(--shadow-border-bg);
  --shadow-small: 0px 1px 2px #00000029;
  --shadow-border-small: var(--shadow-border-base), var(--shadow-small), var(--shadow-border-bg);
  --shadow-medium: 0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;
  --shadow-border-medium: var(--shadow-border-base), var(--shadow-medium), var(--shadow-border-bg);
  --shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
  --shadow-border-large: var(--shadow-border-base), var(--shadow-large), var(--shadow-border-bg);
  --shadow-menu: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a,
    0px 16px 24px -8px #0000000f, var(--shadow-border-bg);
  --shadow-menu-inset: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --inset-outline: 1px solid #ffffff15;
  --shadow-toast: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --shadow-modal: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a,
    0px 24px 32px -8px #0000000f, var(--shadow-border-bg);
  --shadow-tooltip: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px #0000000a,
    var(--shadow-border-bg);
}
[data-theme='light'] {
  --shadow-border-base: 0 0 0 1px #00000014;
  --shadow-border-bg: 0 0 0 1px var(--surface-secondary);
  --shadow-border: var(--shadow-border-base), var(--shadow-border-bg);
  --shadow-small: 0px 2px 2px #0000000a;
  --shadow-border-small: var(--shadow-border-base), var(--shadow-small), var(--shadow-border-bg);
  --shadow-medium: 0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;
  --shadow-border-medium: var(--shadow-border-base), var(--shadow-medium), var(--shadow-border-bg);
  --shadow-large: 0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;
  --shadow-border-large: var(--shadow-border-base), var(--shadow-large), var(--shadow-border-bg);
  --shadow-menu: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a,
    0px 16px 24px -8px #0000000f, var(--shadow-border-bg);
  --shadow-menu-inset: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --inset-outline: 1px solid #00000015;
  --shadow-toast: 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;
  --shadow-modal: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a,
    0px 24px 32px -8px #0000000f, var(--shadow-border-bg);
  --shadow-tooltip: var(--shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px #0000000a,
    var(--shadow-border-bg);
}
::-moz-selection {
  background-color: var(--surface-accent);
  color: var(--content-accent);
}
::selection {
  background-color: var(--surface-accent);
  color: var(--content-accent);
}
:root, .dark {
  --surface-default: var(--color-neutral-0);
  --surface-hover: var(--color-neutral-200);
  --surface-raise: var(--color-neutral-50);
  --surface-secondary: var(--color-neutral-100);
  --surface-tertiary: var(--color-neutral-300);
  --surface-disabled: var(--color-neutral-100);
  --surface-scrim: oklch(0.162 0.01 260 / 0.4);
  --surface-accent-alt-inverse: var(--theme-accent-alt-800);
  --surface-accent-alt: var(--theme-accent-alt-200);
  --surface-accent-alt-hover: var(--theme-accent-alt-300);
  --surface-accent-alt-secondary: var(--theme-accent-alt-400);
  --surface-destructive-inverse: var(--theme-destructive-800);
  --surface-destructive: var(--theme-destructive-200);
  --surface-destructive-hover: var(--theme-destructive-300);
  --surface-destructive-secondary: var(--theme-destructive-400);
  --surface-notice-inverse: var(--theme-notice-800);
  --surface-notice: var(--theme-notice-200);
  --surface-notice-hover: var(--theme-notice-300);
  --surface-notice-secondary: var(--theme-notice-400);
  --surface-error-inverse: var(--theme-error-800);
  --surface-error: var(--theme-error-200);
  --surface-error-hover: var(--theme-error-300);
  --surface-error-secondary: var(--theme-error-400);
  --surface-inverse-raise: var(--content-raise);
  --surface-inverse-primary: var(--content-default);
  --surface-inverse-secondary: var(--content-secondary);
  --surface-info-inverse: var(--theme-info-800);
  --surface-info: var(--theme-info-200);
  --surface-info-hover: var(--theme-info-300);
  --surface-info-secondary: var(--theme-info-400);
  --content-raise: var(--color-neutral-900);
  --content-default: var(--color-neutral-800);
  --content-secondary: var(--color-neutral-700);
  --content-tertiary: var(--color-neutral-600);
  --content-quaternary: var(--color-neutral-500);
  --content-disabled: var(--color-neutral-500);
  --content-accent-alt: var(--theme-accent-alt-800);
  --content-accent-alt-secondary: var(--theme-accent-alt-700);
  --content-accent-alt-tertiary: var(--theme-accent-alt-600);
  --content-accent-alt-disabled: var(--theme-accent-alt-500);
  --content-destructive: var(--theme-destructive-800);
  --content-destructive-secondary: var(--theme-destructive-700);
  --content-destructive-tertiary: var(--theme-destructive-600);
  --content-destructive-disabled: var(--theme-destructive-500);
  --content-success: var(--theme-success-800);
  --content-success-secondary: var(--theme-success-700);
  --content-success-tertiary: var(--theme-success-600);
  --content-success-disabled: var(--theme-success-500);
  --content-error: var(--theme-error-800);
  --content-error-secondary: var(--theme-error-700);
  --content-error-tertiary: var(--theme-error-600);
  --content-error-disabled: var(--theme-error-500);
  --content-notice: var(--theme-notice-800);
  --content-notice-secondary: var(--theme-notice-700);
  --content-notice-tertiary: var(--theme-notice-600);
  --content-notice-disabled: var(--theme-notice-500);
  --content-inverse: var(--surface-default);
  --content-inverse-raise: var(--surface-raise);
  --content-inverse-secondary: var(--surface-secondary);
  --content-info: var(--theme-info-800);
  --content-info-secondary: var(--theme-info-700);
  --content-info-tertiary: var(--theme-info-600);
  --content-info-disabled: var(--theme-info-500);
  --stroke-default: var(--color-neutral-300);
  --stroke-raise: var(--color-neutral-400);
  --stroke-secondary: var(--color-neutral-200);
  --stroke-tertiary: var(--color-neutral-100);
  --stroke-surface: var(--surface-default);
  --stroke-accent-alt: var(--theme-accent-alt-800);
  --stroke-accent-alt-secondary: var(--theme-accent-alt-600);
  --stroke-accent-alt-tertiary: var(--theme-accent-alt-400);
  --stroke-accent-alt-quaternary: var(--theme-accent-alt-300);
  --stroke-destructive: var(--theme-destructive-800);
  --stroke-destructive-secondary: var(--theme-destructive-600);
  --stroke-destructive-tertiary: var(--theme-destructive-400);
  --stroke-destructive-quaternary: var(--theme-destructive-300);
  --stroke-success: var(--theme-success-800);
  --stroke-success-secondary: var(--theme-success-600);
  --stroke-success-tertiary: var(--theme-success-400);
  --stroke-success-quaternary: var(--theme-success-300);
  --stroke-error: var(--theme-error-800);
  --stroke-error-secondary: var(--theme-error-600);
  --stroke-error-tertiary: var(--theme-error-400);
  --stroke-error-quaternary: var(--theme-error-300);
  --stroke-notice: var(--theme-notice-800);
  --stroke-notice-secondary: var(--theme-notice-600);
  --stroke-notice-tertiary: var(--theme-notice-400);
  --stroke-notice-quaternary: var(--theme-notice-300);
  --stroke-info: var(--theme-info-800);
  --stroke-info-secondary: var(--theme-info-600);
  --stroke-info-tertiary: var(--theme-info-400);
  --stroke-info-quaternary: var(--theme-info-300);
  --syntax-bg: var(--color-neutral-0);
  --syntax-fg: var(--color-neutral-1000);
  --syntax-comment: var(--color-neutral-700);
  --syntax-string: var(--color-green-1000);
  --syntax-operator: var(--color-green-1100);
  --syntax-number: var(--color-yellow-1100);
  --syntax-amber: var(--color-yellow-800);
  --syntax-keyword: var(--color-purple-900);
  --syntax-purple: var(--color-purple-800);
  --syntax-function: var(--color-blue-900);
  --syntax-blue: var(--color-blue-800);
  --syntax-blue-pale: var(--color-blue-1000);
  --syntax-builtin: var(--color-red-900);
  --syntax-parameter: var(--color-red-1000);
  --syntax-escape: var(--color-red-1100);
  --syntax-string-alias: var(--color-red-1200);
  --syntax-rose: var(--color-red-1300);
}
:root, .dark, .dark .red-theme, .dark .yellow-theme, .dark .blue-theme, .dark .green-theme, .dark .purple-theme, .red-theme, .yellow-theme, .blue-theme, .green-theme, .purple-theme {
  --surface-accent-inverse: var(--theme-accent-800);
  --surface-accent: var(--theme-accent-200);
  --surface-accent-hover: var(--theme-accent-300);
  --surface-accent-secondary: var(--theme-accent-400);
  --content-accent: var(--theme-accent-800);
  --content-accent-secondary: var(--theme-accent-700);
  --content-accent-tertiary: var(--theme-accent-600);
  --content-accent-disabled: var(--theme-accent-500);
  --stroke-accent: var(--theme-accent-800);
  --stroke-accent-secondary: var(--theme-accent-600);
  --stroke-accent-tertiary: var(--theme-accent-400);
  --stroke-accent-quaternary: var(--theme-accent-300);
}
[data-theme='light'] {
  --surface-default: var(--color-neutral-1300);
  --surface-hover: var(--color-neutral-1100);
  --surface-raise: var(--color-neutral-1200);
  --surface-secondary: var(--color-neutral-1100);
  --surface-tertiary: var(--color-neutral-1000);
  --surface-disabled: var(--color-neutral-1100);
  --surface-scrim: oklch(0.162 0.01 260 / 0.1);
  --surface-accent-alt-inverse: var(--theme-accent-alt-800);
  --surface-accent-alt: var(--theme-accent-alt-1200);
  --surface-accent-alt-hover: var(--theme-accent-alt-1100);
  --surface-accent-alt-secondary: var(--theme-accent-alt-1000);
  --surface-destructive-inverse: var(--theme-destructive-800);
  --surface-destructive: var(--theme-destructive-1200);
  --surface-destructive-hover: var(--theme-destructive-1100);
  --surface-destructive-secondary: var(--theme-destructive-1000);
  --surface-notice-inverse: var(--theme-notice-800);
  --surface-notice: var(--theme-notice-1200);
  --surface-notice-hover: var(--theme-notice-1100);
  --surface-notice-secondary: var(--theme-notice-1000);
  --surface-error-inverse: var(--theme-error-800);
  --surface-error: var(--theme-error-1200);
  --surface-error-hover: var(--theme-error-1100);
  --surface-error-secondary: var(--theme-error-1000);
  --surface-inverse-raise: var(--content-raise);
  --surface-inverse-primary: var(--content-default);
  --surface-inverse-secondary: var(--content-secondary);
  --surface-info-inverse: var(--theme-info-800);
  --surface-info: var(--theme-info-1200);
  --surface-info-hover: var(--theme-info-1100);
  --surface-info-secondary: var(--theme-info-1000);
  --content-raise: var(--color-neutral-0);
  --content-default: var(--color-neutral-300);
  --content-secondary: var(--color-neutral-500);
  --content-tertiary: var(--color-neutral-600);
  --content-quaternary: var(--color-neutral-800);
  --content-disabled: var(--color-neutral-1000);
  --content-accent-alt: var(--theme-accent-alt-500);
  --content-accent-alt-secondary: var(--theme-accent-alt-600);
  --content-accent-alt-tertiary: var(--theme-accent-alt-700);
  --content-accent-alt-disabled: var(--theme-accent-alt-1000);
  --content-destructive: var(--theme-destructive-500);
  --content-destructive-secondary: var(--theme-destructive-600);
  --content-destructive-tertiary: var(--theme-destructive-700);
  --content-destructive-disabled: var(--theme-destructive-1000);
  --content-success: var(--theme-success-500);
  --content-success-secondary: var(--theme-success-600);
  --content-success-tertiary: var(--theme-success-700);
  --content-success-disabled: var(--theme-success-1000);
  --content-error: var(--theme-error-500);
  --content-error-secondary: var(--theme-error-600);
  --content-error-tertiary: var(--theme-error-700);
  --content-error-disabled: var(--theme-error-1000);
  --content-notice: var(--theme-notice-500);
  --content-notice-secondary: var(--theme-notice-600);
  --content-notice-tertiary: var(--theme-notice-700);
  --content-notice-disabled: var(--theme-notice-1000);
  --content-inverse: var(--surface-default);
  --content-inverse-raise: var(--surface-raise);
  --content-inverse-secondary: var(--surface-secondary);
  --content-info: var(--theme-info-500);
  --content-info-secondary: var(--theme-info-600);
  --content-info-tertiary: var(--theme-info-700);
  --content-info-disabled: var(--theme-info-1000);
  --stroke-default: var(--color-neutral-900);
  --stroke-secondary: var(--color-neutral-1000);
  --stroke-tertiary: var(--color-neutral-1100);
  --stroke-raise: var(--color-neutral-800);
  --stroke-surface: var(--surface-default);
  --stroke-accent-alt: var(--theme-accent-alt-800);
  --stroke-accent-alt-secondary: var(--theme-accent-alt-900);
  --stroke-accent-alt-tertiary: var(--theme-accent-alt-1000);
  --stroke-accent-alt-quaternary: var(--theme-accent-alt-1100);
  --stroke-destructive: var(--theme-destructive-800);
  --stroke-destructive-secondary: var(--theme-destructive-900);
  --stroke-destructive-tertiary: var(--theme-destructive-1000);
  --stroke-destructive-quaternary: var(--theme-destructive-1100);
  --stroke-error: var(--theme-error-800);
  --stroke-error-secondary: var(--theme-error-900);
  --stroke-error-tertiary: var(--theme-error-1100);
  --stroke-error-quaternary: var(--theme-error-1100);
  --stroke-notice: var(--theme-notice-800);
  --stroke-notice-secondary: var(--theme-notice-900);
  --stroke-notice-tertiary: var(--theme-notice-1000);
  --stroke-notice-quaternary: var(--theme-notice-1100);
  --stroke-info: var(--theme-info-800);
  --stroke-info-secondary: var(--theme-info-900);
  --stroke-info-tertiary: var(--theme-info-1000);
  --stroke-info-quaternary: var(--theme-info-1100);
  --stroke-success: var(--theme-success-800);
  --stroke-success-secondary: var(--theme-success-600);
  --stroke-success-tertiary: var(--theme-success-400);
  --stroke-success-quaternary: var(--theme-success-300);
  --syntax-bg: var(--color-neutral-1300);
  --syntax-fg: var(--color-neutral-500);
  --syntax-comment: var(--color-neutral-700);
  --syntax-string: var(--color-green-600);
  --syntax-operator: var(--color-green-500);
  --syntax-number: var(--color-yellow-600);
  --syntax-amber: var(--color-yellow-700);
  --syntax-keyword: var(--color-purple-600);
  --syntax-purple: var(--color-purple-700);
  --syntax-function: var(--color-blue-600);
  --syntax-blue: var(--color-blue-700);
  --syntax-blue-pale: var(--color-blue-500);
  --syntax-builtin: var(--color-red-600);
  --syntax-parameter: var(--color-red-500);
  --syntax-escape: var(--color-red-400);
  --syntax-string-alias: var(--color-red-400);
  --syntax-rose: var(--color-red-300);
}
[data-theme='light'], [data-theme='light'] .red-theme, [data-theme='light'] .yellow-theme, [data-theme='light'] .blue-theme, [data-theme='light'] .green-theme, [data-theme='light'] .purple-theme {
  --surface-accent-inverse: var(--theme-accent-800);
  --surface-accent: var(--theme-accent-1200);
  --surface-accent-hover: var(--theme-accent-1100);
  --surface-accent-secondary: var(--theme-accent-1000);
  --content-accent: var(--theme-accent-500);
  --content-accent-secondary: var(--theme-accent-600);
  --content-accent-tertiary: var(--theme-accent-700);
  --content-accent-disabled: var(--theme-accent-1000);
  --stroke-accent: var(--theme-accent-800);
  --stroke-accent-secondary: var(--theme-accent-900);
  --stroke-accent-tertiary: var(--theme-accent-1000);
  --stroke-accent-quaternary: var(--theme-accent-1100);
}
@layer components {
  :is(button, a, label).ox-button {
    position: relative;
  }
  :is(button, a, label).ox-button:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 0.125rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 5%, transparent);
    }
  }
  :is(button, a, label).btn-primary {
    background-color: var(--surface-accent);
    color: var(--content-accent);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-accent-hover);
      }
    }
    &:disabled {
      background-color: var(--surface-accent);
    }
    &:disabled {
      color: var(--content-accent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--content-accent) 35%, transparent);
      }
    }
  }
  :is(button, a, label).btn-primary:disabled > .spinner, :is(button, a, label).btn-primary.visually-disabled > .spinner {
    color: var(--content-accent);
  }
  :is(button, a, label).btn-secondary {
    background-color: var(--surface-secondary);
    color: var(--content-secondary);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-hover);
      }
    }
    &:disabled {
      background-color: var(--surface-secondary);
    }
    &:disabled {
      color: var(--content-secondary);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--content-secondary) 35%, transparent);
      }
    }
  }
  :is(button, a, label).btn-secondary:disabled > .spinner, :is(button, a, label).btn-secondary.visually-disabled > .spinner {
    color: var(--content-secondary);
  }
  :is(button, a, label).btn-danger {
    background-color: var(--surface-destructive);
    color: var(--content-destructive);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-destructive-hover);
      }
    }
    &:disabled {
      background-color: var(--surface-destructive);
    }
    &:disabled {
      color: var(--content-destructive);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--content-destructive) 35%, transparent);
      }
    }
  }
  :is(button, a, label).btn-danger:disabled > .spinner, :is(button, a, label).btn-danger.visually-disabled > .spinner {
    color: var(--content-destructive);
  }
  :is(button, a, label).btn-ghost {
    color: var(--content-secondary);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-hover);
      }
    }
    &:disabled {
      background-color: transparent;
    }
    &:disabled {
      color: var(--content-secondary);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--content-secondary) 35%, transparent);
      }
    }
  }
  :is(button, a, label).btn-ghost:after {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  :is(button, a, label).btn-accent-ghost {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-accent-secondary);
    color: var(--content-accent);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-accent-hover);
      }
    }
  }
  :is(button, a, label).btn-accent-ghost:after {
    display: none;
  }
  :is(button, a, label).btn-accent-solid {
    background-color: var(--surface-accent-inverse);
    color: var(--content-inverse);
  }
  :is(button, a, label).btn-accent-solid:after {
    display: none;
  }
  .ox-tabs.full-width {
    margin-inline: 0px !important;
    width: 100% !important;
  }
  .ox-tabs.full-width .ox-tabs-panel {
    margin-inline: var(--content-gutter);
  }
  .ox-tabs-list {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    background-color: transparent;
  }
  .ox-tabs-list:after {
    display: block;
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    content: ' ';
  }
  .ox-tabs.full-width .ox-tabs-list:before {
    display: block;
    width: calc(var(--spacing) * 10);
    min-width: max-content;
    flex-shrink: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    content: ' ';
  }
  .ox-tabs-panel:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 1rem;
    outline-color: var(--stroke-accent-secondary);
  }
  .ox-tab {
    height: calc(var(--spacing) * 10);
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: var(--spacing);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    white-space: nowrap;
    color: var(--content-tertiary);
    text-transform: uppercase;
    text-decoration-line: none !important;
  }
  .ox-tab[data-state='active'], .ox-tab.is-selected {
    border-color: var(--stroke-accent);
    color: var(--content-accent);
    &:where([data-theme=light], [data-theme=light] *) {
      border-color: oklch(0.77 0.1919 163.7);
    }
    &:where([data-theme=light], [data-theme=light] *) {
      color: var(--content-raise);
    }
  }
  .ox-tab > * {
    border-radius: 0.125rem;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: var(--spacing);
  }
  .ox-tab:hover > * {
    background-color: var(--surface-hover);
  }
  .ox-tab[data-state='active']:hover > *, .ox-tab.is-selected:hover > * {
    background-color: var(--surface-accent) !important;
  }
  .ox-tab > .ox-badge {
    margin-top: calc(var(--spacing) * -1);
    color: currentcolor;
    -webkit-user-select: none;
    user-select: none;
  }
  .ox-tab[data-state='inactive'] > .ox-badge, .ox-tab:not(.is-selected) > .ox-badge {
    background-color: var(--surface-disabled);
  }
  .ox-tab[data-state='active'] > .ox-badge, .ox-tab.is-selected > .ox-badge {
    background-color: var(--surface-accent);
  }
  .spinner {
    --radius: 4;
    --PI: 3.14159265358979;
    --circumference: calc(var(--PI) * var(--radius) * 2px);
    animation: rotate 5s linear infinite;
  }
  .spinner.spinner-lg {
    --radius: 10;
    --circumference: calc(var(--PI) * var(--radius) * 3px);
  }
  .spinner .path {
    stroke-dasharray: var(--circumference);
    transform-origin: center;
    animation: dash 8s ease-in-out infinite;
    stroke: var(--content-accent);
  }
  @media (prefers-reduced-motion) {
    .spinner {
      animation: rotate 12s linear infinite;
    }
    .spinner .path {
      animation: none;
      stroke-dasharray: 20;
      stroke-dashoffset: 100;
    }
    .spinner-lg .path {
      stroke-dasharray: 50;
    }
  }
  .spinner-ghost .bg, .spinner-secondary .bg {
    stroke: var(--content-default);
  }
  .spinner-primary .bg {
    stroke: var(--content-accent);
  }
  .spinner-danger .bg, .spinner-danger .path {
    stroke: var(--content-destructive);
  }
  .light .spinner-danger .path {
    stroke: var(--color-red-700);
  }
  .light .spinner-primary .path {
    stroke: var(--color-green-700);
  }
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes dash {
    from {
      stroke-dashoffset: var(--circumference);
    }
    to {
      stroke-dashoffset: calc(var(--circumference) * -1);
    }
  }
  html {
    background-color: var(--surface-default);
    color: var(--content-default);
    font-family: var(--font-sans);
  }
  body {
    background-color: var(--surface-default);
    color: var(--content-default);
  }
  .oxx-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 4);
  }
  .oxx-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .oxx-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  }
  .oxx-scroll {
    width: 100%;
    min-width: 0px;
    overflow-x: auto;
  }
  .oxx-label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-quaternary);
    text-transform: uppercase;
  }
  .ox-button {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.125rem;
    padding-inline: calc(var(--spacing) * 4);
    vertical-align: top;
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: uppercase;
  }
  .ox-button:disabled, .ox-button.visually-disabled {
    cursor: not-allowed;
  }
  .ox-button.btn-sm {
    height: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 3);
  }
  .ox-button.btn-icon {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    gap: 0px;
    padding-inline: 0px;
  }
  .ox-button svg {
    flex-shrink: 0;
  }
  .ox-button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: var(--stroke-accent-secondary);
  }
  .ox-button.btn-danger:focus-visible {
    outline-color: var(--stroke-destructive-secondary);
  }
  .ox-badge {
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    align-items: center;
    border-radius: 0.0625rem;
    padding-inline: calc(var(--spacing) * 0.75);
    padding-block: 1px;
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    white-space: nowrap;
    text-transform: uppercase;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .ox-badge.badge-default {
    background-color: var(--surface-accent);
    color: var(--content-accent);
  }
  .ox-badge.badge-destructive {
    background-color: var(--surface-destructive);
    color: var(--content-destructive);
  }
  .ox-badge.badge-notice {
    background-color: var(--surface-notice);
    color: var(--content-notice);
  }
  .ox-badge.badge-blue {
    background-color: var(--surface-info);
    color: var(--content-info);
  }
  .ox-badge.badge-purple {
    background-color: var(--surface-accent-alt);
    color: var(--content-accent-alt);
  }
  .ox-badge.badge-neutral {
    background-color: var(--surface-secondary);
    color: var(--content-default);
  }
  .ox-badge.variant-solid.badge-default {
    background-color: oklch(0.77 0.1919 163.7);
    color: oklch(0.24 0.0722 183.7);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.825 0.164 163.7);
    }
  }
  .ox-badge.variant-solid.badge-destructive {
    background-color: oklch(0.712 0.185 11.3);
    color: oklch(0.24 0.0626 31.3);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.825 0.1423 11.3);
    }
  }
  .ox-badge.variant-solid.badge-notice {
    background-color: oklch(0.837 0.14 75);
    color: oklch(0.24 0.0526 95);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.825 0.1196 75);
    }
  }
  .ox-badge.variant-solid.badge-blue {
    background-color: oklch(0.71 0.15 272);
    color: oklch(0.24 0.0479 292);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.825 0.109 272);
    }
  }
  .ox-badge.variant-solid.badge-purple {
    background-color: oklch(0.74 0.175 305.4);
    color: oklch(0.24 0.0559 325.4);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.825 0.1271 305.4);
    }
  }
  .ox-badge.variant-solid.badge-neutral {
    background-color: oklch(0.79 0.0011 260);
    color: oklch(0.247 0.007 260);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.9 0.0001 260);
    }
  }
  .oxx-dot {
    display: inline-block;
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: 624.9375rem;
    background-color: currentcolor;
  }
  .oxx-dot-pulse {
    animation: oxx-pulse 2s ease-in-out infinite;
  }
  @keyframes oxx-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.35;
    }
  }
  .oxx-card {
    min-width: 0px;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-raise);
  }
  .oxx-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .oxx-card-title {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-default);
    text-transform: uppercase;
  }
  .oxx-card-body {
    padding: calc(var(--spacing) * 4);
  }
  .oxx-card-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .oxx-stat {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: var(--spacing);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-raise);
    padding: calc(var(--spacing) * 4);
  }
  .oxx-stat-label {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-quaternary);
    text-transform: uppercase;
  }
  .oxx-stat-value {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: -0.005em;
    color: var(--content-raise);
    font-variant-numeric: tabular-nums;
  }
  .oxx-stat-unit {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
    color: var(--content-tertiary);
  }
  .oxx-kv {
    display: flex;
    flex-direction: column;
  }
  .oxx-kv-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-block: calc(var(--spacing) * 2);
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .oxx-kv-key {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-quaternary);
    text-transform: uppercase;
  }
  .oxx-kv-val {
    text-align: right;
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    color: var(--content-default);
    font-variant-numeric: tabular-nums;
  }
  .oxx-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    min-width: 640px;
  }
  .oxx-table.is-compact {
    min-width: 460px;
  }
  .oxx-table thead th {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-secondary);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--content-quaternary);
    text-transform: uppercase;
  }
  .oxx-table tbody td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    vertical-align: middle;
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-default);
  }
  .oxx-table tbody tr:hover td {
    background-color: var(--surface-hover);
  }
  .oxx-table td.oxx-num {
    text-align: right;
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
  }
  .oxx-table th.oxx-num {
    text-align: right;
  }
  .oxx-table td .oxx-name {
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
    color: var(--content-raise);
  }
  .oxx-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .oxx-field-label {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03rem;
    color: var(--content-default);
  }
  .oxx-hint {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.042em;
    color: var(--content-tertiary);
  }
  .oxx-error {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.042em;
    color: var(--content-error);
  }
  .oxx-input, .oxx-textarea, .oxx-select {
    width: 100%;
    border-radius: 0.125rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-default);
    background-color: var(--surface-default);
    padding-inline: calc(var(--spacing) * 3);
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-raise);
    --tw-outline-style: none;
    outline-style: none;
  }
  .oxx-input, .oxx-select {
    height: calc(var(--spacing) * 10);
  }
  .oxx-textarea {
    min-height: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .oxx-input::placeholder, .oxx-textarea::placeholder {
    color: var(--content-quaternary);
  }
  .oxx-input:hover, .oxx-textarea:hover, .oxx-select:hover {
    border-color: var(--stroke-raise);
  }
  .oxx-input:focus, .oxx-textarea:focus, .oxx-select:focus {
    border-color: var(--stroke-accent-secondary);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--stroke-accent-secondary);
  }
  .oxx-input:disabled, .oxx-textarea:disabled, .oxx-select:disabled {
    cursor: not-allowed;
    background-color: var(--surface-disabled);
    color: var(--content-disabled);
  }
  .oxx-input.has-error, .oxx-textarea.has-error {
    border-color: var(--stroke-error-secondary);
  }
  .oxx-input.has-error:focus, .oxx-textarea.has-error:focus {
    border-color: var(--stroke-error);
    --tw-ring-color: var(--stroke-error-secondary);
  }
  .oxx-select {
    appearance: none;
    padding-right: calc(var(--spacing) * 10);
  }
  .oxx-select-wrap {
    position: relative;
  }
  .oxx-select-wrap .oxx-select-arrows {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * 1.5);
    right: 0px;
    display: flex;
    height: calc(var(--spacing) * 7);
    align-items: center;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 3);
    color: var(--content-tertiary);
  }
  .oxx-check {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .oxx-check input[type='checkbox'], .oxx-check input[type='radio'] {
    position: relative;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    appearance: none;
    border-radius: 0.0625rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-default);
    background-color: var(--surface-default);
    --tw-outline-style: none;
    outline-style: none;
  }
  .oxx-check input[type='radio'] {
    border-radius: 624.9375rem;
  }
  .oxx-check input:hover:not(:disabled) {
    cursor: pointer;
    border-color: var(--stroke-raise);
  }
  .oxx-check input:checked {
    border-color: var(--stroke-accent-tertiary);
    background-color: var(--surface-accent);
  }
  .oxx-check input:disabled {
    cursor: not-allowed;
    border-color: var(--stroke-default);
    background-color: var(--surface-disabled);
  }
  .oxx-check input:checked:disabled {
    border-color: var(--stroke-default);
    background-color: var(--surface-disabled);
  }
  .oxx-check input:checked:disabled::after {
    background-color: var(--surface-inverse-secondary);
  }
  .oxx-check input[type='checkbox']:checked::after {
    content: '';
    position: absolute;
    inset: calc(var(--spacing) * 0.5);
    background-color: var(--surface-accent-inverse);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.563 0.1714 170.4);
    }
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  }
  .oxx-check input[type='radio']:checked::after {
    content: '';
    position: absolute;
    inset: var(--spacing);
    border-radius: 624.9375rem;
    background-color: var(--surface-accent-inverse);
    &:where([data-theme=light], [data-theme=light] *) {
      background-color: oklch(0.563 0.1714 170.4);
    }
  }
  .oxx-check input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: var(--stroke-accent-secondary);
  }
  .oxx-check-label {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-secondary);
  }
  .oxx-switch {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .oxx-switch input {
    position: relative;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: 624.9375rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-default);
    background-color: var(--surface-secondary);
    --tw-outline-style: none;
    outline-style: none;
    transition: background-color 120ms linear;
  }
  .oxx-switch input::after {
    content: '';
    position: absolute;
    top: calc(var(--spacing) * 0.5);
    left: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: 624.9375rem;
    background-color: var(--surface-inverse-secondary);
    transition: transform 120ms linear;
  }
  .oxx-switch input:checked {
    border-color: var(--stroke-accent-tertiary);
    background-color: var(--surface-accent);
  }
  .oxx-switch input:checked::after {
    background-color: var(--surface-accent-inverse);
    transform: translateX(12px);
  }
  .oxx-switch input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 1px;
    outline-color: var(--stroke-accent-secondary);
  }
  .oxx-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-raise);
    padding: calc(var(--spacing) * 1.5);
  }
  .oxx-nav-item {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.125rem;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-tertiary);
    text-transform: uppercase;
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-hover);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--content-default);
      }
    }
  }
  .oxx-nav-item.is-selected {
    background-color: var(--surface-accent-secondary);
    color: var(--content-accent);
  }
  .oxx-nav-sep {
    margin-inline: var(--spacing);
    height: calc(var(--spacing) * 5);
    width: 1px;
    background-color: var(--surface-secondary);
  }
  .oxx-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
    color: var(--content-tertiary);
  }
  .oxx-crumbs a {
    color: var(--content-tertiary);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: var(--content-default);
      }
    }
  }
  .oxx-crumbs [aria-current='page'] {
    color: var(--content-raise);
  }
  .oxx-crumbs .oxx-crumb-sep {
    color: var(--content-quaternary);
  }
  .ox-menu {
    min-width: calc(var(--spacing) * 48);
    overflow: hidden;
    border-radius: 0.25rem;
    background-color: var(--surface-raise);
    box-shadow: var(--shadow-menu);
  }
  .ox-menu-item {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-secondary);
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .ox-menu-item.is-highlighted {
    background-color: var(--surface-hover);
    color: var(--content-raise);
  }
  .ox-menu-item.is-selected {
    color: var(--content-accent);
  }
  .oxx-modal-host {
    position: relative;
    min-height: calc(var(--spacing) * 72);
    overflow: hidden;
    border-radius: 0.25rem;
  }
  .oxx-scrim {
    position: absolute;
    inset: 0px;
    background-color: var(--surface-scrim);
  }
  .oxx-modal {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    width: min(30rem, calc(100% - 2rem));
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 0.25rem;
    background-color: var(--surface-raise);
    box-shadow: var(--shadow-modal);
  }
  .oxx-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .oxx-modal-title {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.375rem;
    font-size: 1rem;
    letter-spacing: 0.0175rem;
    color: var(--content-raise);
  }
  .oxx-modal-body {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-secondary);
  }
  .oxx-modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .oxx-icon-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.125rem;
    color: var(--content-tertiary);
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-hover);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--content-default);
      }
    }
  }
  .oxx-alert {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 3);
  }
  .oxx-alert-icon {
    margin-top: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
  }
  .oxx-alert-body {
    display: flex;
    min-width: 0px;
    flex-direction: column;
    gap: var(--spacing);
  }
  .oxx-alert-title {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03rem;
  }
  .oxx-alert-text {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
  }
  .oxx-alert.alert-info {
    background-color: var(--surface-info);
    color: var(--content-info);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .oxx-alert.alert-success {
    background-color: var(--surface-accent);
    color: var(--content-accent);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .oxx-alert.alert-notice {
    background-color: var(--surface-notice);
    color: var(--content-notice);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .oxx-alert.alert-error {
    background-color: var(--surface-error);
    color: var(--content-error);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
    --tw-ring-inset: inset;
  }
  .oxx-alert .oxx-alert-text {
    opacity: 80%;
  }
  .oxx-progress {
    height: calc(var(--spacing) * 1.5);
    width: 100%;
    overflow: hidden;
    border-radius: 624.9375rem;
    background-color: var(--surface-secondary);
  }
  .oxx-progress > i {
    display: block;
    height: 100%;
    border-radius: 624.9375rem;
    background-color: var(--surface-accent-inverse);
  }
  .oxx-progress.is-error > i {
    background-color: var(--surface-destructive-inverse);
  }
  .oxx-progress.is-notice > i {
    background-color: var(--surface-notice-inverse);
  }
  .oxx-indeterminate {
    position: relative;
    height: calc(var(--spacing) * 1.5);
    width: 100%;
    overflow: hidden;
    border-radius: 624.9375rem;
    background-color: var(--surface-secondary);
  }
  .oxx-indeterminate::after {
    content: '';
    position: absolute;
    inset-block: 0px;
    width: calc(1 / 3 * 100%);
    border-radius: 624.9375rem;
    background-color: var(--surface-accent-inverse);
    animation: oxx-slide 1.4s ease-in-out infinite;
  }
  @keyframes oxx-slide {
    0% {
      left: -34%;
    }
    100% {
      left: 100%;
    }
  }
  .oxx-skeleton {
    height: calc(var(--spacing) * 3);
    border-radius: 0.125rem;
    background-color: var(--surface-secondary);
    animation: oxx-pulse 1.6s ease-in-out infinite;
  }
  @media (prefers-reduced-motion) {
    .oxx-dot-pulse, .oxx-skeleton {
      animation: none;
    }
    .oxx-indeterminate::after {
      animation-duration: 4s;
    }
  }
  .oxx-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--stroke-secondary);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    text-align: center;
  }
  .oxx-empty-icon {
    margin-bottom: var(--spacing);
    color: var(--content-quaternary);
  }
  .oxx-empty-title {
    font-family: var(--font-sans);
    font-weight: 500;
    line-height: 1.375rem;
    font-size: 1rem;
    letter-spacing: 0.0175rem;
    color: var(--content-raise);
  }
  .oxx-empty-text {
    max-width: calc(var(--spacing) * 80);
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.125rem;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    color: var(--content-tertiary);
  }
  .oxx-kbd {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: 0.125rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-secondary);
    padding-inline: calc(var(--spacing) * 1.5);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.6875rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    color: var(--content-secondary);
  }
  .oxx-code {
    margin-right: 1px;
    margin-left: 1px;
    border-radius: 0.125rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 0.5);
    vertical-align: 1px;
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, currentColor 8%, transparent);
    }
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, currentColor 10%, transparent);
    }
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0rem;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    font-size: 0.825em;
    text-transform: none !important;
    font-feature-settings: 'calt' 0;
    letter-spacing: 0;
  }
  .oxx-pre {
    overflow-x: auto;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-default);
    padding: calc(var(--spacing) * 3);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
    color: var(--content-secondary);
  }
  .oxx-log {
    max-height: calc(var(--spacing) * 56);
    overflow: auto;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--stroke-secondary);
    background-color: var(--surface-default);
    padding: calc(var(--spacing) * 3);
    font-family: var(--font-mono);
    font-weight: 400;
    line-height: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    font-feature-settings: 'ss02' on, 'ss03' on, 'ss09' on, 'ss06' on, 'ss07' on, 'ss08' on, 'calt' off;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-variant-numeric: tabular-nums;
  }
  .oxx-log-line {
    display: flex;
    gap: calc(var(--spacing) * 3);
    white-space: pre;
    color: var(--content-secondary);
  }
  .oxx-log-time {
    flex-shrink: 0;
    color: var(--content-quaternary);
  }
  .oxx-log-line.is-error {
    color: var(--content-error);
  }
  .oxx-log-line.is-notice {
    color: var(--content-notice);
  }
  @media (max-width: 520px) {
    .oxx-nav {
      flex-direction: column;
      align-items: stretch;
    }
    .oxx-nav-item {
      justify-content: flex-start;
    }
    .oxx-nav-sep {
      margin-inline: 0px;
      margin-block: var(--spacing);
      height: 1px;
      width: 100%;
    }
    .oxx-stat-value {
      font-family: var(--font-sans);
      font-weight: 400;
      line-height: 130%;
      font-size: 1.375rem;
      letter-spacing: 0.004em;
    }
    .oxx-card-header, .oxx-card-footer, .oxx-modal-footer {
      flex-wrap: wrap;
    }
    .ox-tabs-list {
      overflow-x: auto;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-outline-style: solid;
      --tw-space-x-reverse: 0;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-font-weight: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-tracking: initial;
    }
  }
}