/* /platform/public/public.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --container-lg: 32rem;
    --text-base: var(--type-body);
    --text-base--line-height: var(--type-body-line);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: var(--font-weight-normal);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-status-info: var(--status-info);
    --color-status-info-soft: var(--status-info-soft);
    --color-status-warning: var(--status-warning);
    --color-status-warning-soft: var(--status-warning-soft);
    --color-status-error: var(--status-error);
    --color-status-error-soft: var(--status-error-soft);
    --color-status-active: var(--color-status-info);
    --color-status-active-soft: var(--color-status-info-soft);
  }
}
@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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0px;
  }
  .isolate {
    isolation: isolate;
  }
  .container {
    width: 100%;
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1536px) {
      max-width: 1536px;
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[var\(--radius-micro\)\] {
    border-radius: var(--radius-micro);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .object-contain {
    object-fit: contain;
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .align-middle {
    vertical-align: middle;
  }
  .type-caption {
    font-size: var(--type-workbench-secondary);
    line-height: var(--type-workbench-secondary-line);
    font-weight: var(--font-weight-regular);
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .\[font-size\:8px\] {
    font-size: 8px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[font-weight\:var\(--font-weight-medium\)\] {
    font-weight: var(--font-weight-medium);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-\[var\(--muted-foreground\)\] {
    color: var(--muted-foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:rounded-\[inherit\]::after {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .after\:border-\[0\.5px\]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .after\:border-foreground\/15::after {
    content: var(--tw-content);
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }
  .data-\[mark-status\=fallback\]\:bg-muted[data-mark-status="fallback"] {
    background-color: var(--muted);
  }
  @media (forced-colors: active) {
    .forced-colors\:after\:border-\[CanvasText\]::after {
      content: var(--tw-content);
      border-color: CanvasText;
    }
  }
}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-24c601bf5bec.woff2") format("woff2-variations");unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2190-2193,U+2212,U+2248,U+2260,U+2264-2265,U+FEFF}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-665cff743ffa.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303,U+0309,U+0323,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-9e2697b0404b.woff2") format("woff2-variations");unicode-range:U+0100-0101,U+0104-010F,U+0112-0127,U+012A-0130,U+0132-0148,U+014A-0151,U+0154-0167,U+016A-019F,U+01A2-01AE,U+01B1-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-02BA,U+02BD-02C5,U+02C7-02D9,U+02DB,U+02DD-02FF,U+0302,U+0306-0307,U+030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF,U+1E00-1E9B,U+1E9D-1E9F,U+1EFA-1EFF,U+2C7C,U+2C7F,U+A7FF}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-24cdf40d6a05.woff2") format("woff2-variations");unicode-range:U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-03FF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-96377a67b308.woff2") format("woff2-variations");unicode-range:U+0400-0479,U+0480-049D,U+04A0-04FF,U+052F,U+2DFF,U+A69F}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/InterVariable-5cf6839e10bd.woff2") format("woff2-variations");unicode-range:U+0E3F,U+1DC0-1DF5,U+1DFC-1DFF,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AA,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20C0,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2121,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2194-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211,U+221A,U+221E,U+222B,U+2236,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+266A-266B,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2E18,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852}
@font-face {
  font-family: "Inter Variable Fallback";
  src: local("Arial"), local("Helvetica");
  size-adjust: 97.71%;
  ascent-override: 99.15%;
  descent-override: 24.69%;
  line-gap-override: 0%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}
.zml-num-fraction {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 62%, transparent);
  }
}
@media (prefers-contrast: more) {
  .zml-num-fraction {
    color: inherit;
  }
}
@media (forced-colors: active) {
  .zml-num-fraction {
    color: inherit;
  }
}
:root {
  --font-sans: "Inter Variable", Inter, "Inter Variable Fallback", "PingFang SC", "Microsoft YaHei",
    "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    sans-serif;
  --font-data: var(--font-sans);
  --font-mono: "Geist Mono", "SFMono-Regular", "Cascadia Code",
    "Roboto Mono", ui-monospace, monospace;
  --font-weight-regular: 400;
  --font-weight-normal: var(--font-weight-regular);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-feature-numeric: "tnum" 1, "kern" 1, "calt" 0;
  --type-workbench-primary: 13px;
  --type-workbench-primary-line: 18px;
  --type-body: 13px;
  --type-body-line: 18px;
  --type-workbench-secondary: 12px;
  --type-workbench-secondary-line: 16px;
  --type-metric-primary: 20px;
  --type-metric-primary-line: 24px;
  --type-metric-tile: 18px;
  --type-metric-tile-line: 24px;
  --type-micro: 11px;
  --type-micro-line: 13px;
  --type-control: 13px;
  --type-control-line: 18px;
  --type-input-touch: 16px;
  --type-row-title: 13px;
  --type-row-title-line: 18px;
  --type-menu-item: 13px;
  --type-menu-item-line: 19.5px;
  --type-button: 12px;
  --type-button-line: 14.5px;
  --type-menu-sub-indicator-line: 5px;
  --type-tooltip: var(--type-micro);
  --type-tooltip-line: 16px;
  --type-mono: 12px;
  --type-mono-line: 16px;
  --type-auth-heading: 18px;
  --type-auth-heading-line: 24px;
  --type-auth-body: 13px;
  --type-auth-body-line: 18px;
  --type-heading-window: 18px;
  --type-heading-window-line: 24px;
  --type-heading-section: 15px;
  --type-heading-section-line: 23px;
  --type-heading-page: 24px;
  --type-heading-page-line: 32px;
  --type-article-body: 15px;
  --type-article-body-line: 24px;
  --font-weight-article-heading: var(--font-weight-semibold);
  --article-reading-width: 80ch;
  --tracking-heading: -0.16px;
  --tracking-body: -0.1px;
  --tracking-section: 0.1px;
  --unread-marker-size: 6px;
  --space-inline-compact: 4px;
  --space-inline-standard: 8px;
  --space-inline-wide: 12px;
  --space-toolbar-quiet: 6px;
  --space-stack-compact: 4px;
  --space-stack-standard: 8px;
  --space-confirmation-actions: 20px;
  --space-section-compact: 16px;
  --space-section-standard: 24px;
  --space-detail-gutter: 44px;
  --radius-micro: 4px;
  --radius-checkbox: 3px;
  --radius-swatch: 2px;
  --radius-small: 6px;
  --radius-control: 8px;
  --radius-section: 10px;
  --radius-auth-field: 10px;
  --radius-rail-switcher: 10px;
  --radius-floating: 12px;
  --radius-shell: 12px;
  --radius-modal: 12px;
  --radius-data-surface: 8px;
  --radius-pill: 9999px;
  --border-width-hairline: 1px;
  --border-width-divider: 0.5px;
  --border-width-control: 1px;
  --border-width-focus: 1px;
  --border-width-invalid: 1px;
  --control-compact: 24px;
  --control-standard: 28px;
  --control-form: 32px;
  --icon-micro: 12px;
  --icon-toolbar: 14px;
  --control-auth: 44px;
  --select-trigger: 30px;
  --select-trigger-compact: 24px;
  --select-option-compact: 24px;
  --select-option-compact-line: 18px;
  --switch-track-w: 30px;
  --switch-track-h: 20px;
  --switch-thumb-size: 14px;
  --switch-pad: 3px;
  --switch-compact-w: 22px;
  --switch-compact-h: 14px;
  --switch-compact-thumb: 10px;
  --switch-compact-pad: 2px;
  --motion-switch: 150ms;
  --motion-switch-thumb: 100ms;
  --motion-switch-thumb-delay: 50ms;
  --field-inline: 12px;
  --menu-item: 32px;
  --filter-menu-width: 207px;
  --filter-cascade-width: 195px;
  --filter-panel-width: 320px;
  --filter-search-height: 36px;
  --display-options-width: 300px;
  --popover-max-width: 331px;
  --display-options-control-min: 99px;
  --details-pane-width: 364.781px;
  --details-inline-min: 1152px;
  --details-balanced-inline-min: 1024px;
  --details-balanced-min: 360px;
  --details-balanced-master: 1.08fr;
  --details-balanced-detail: 0.92fr;
  --details-library-master-width: 288px;
  --selection-list-column-min: 14rem;
  --selection-identity-width: 8rem;
  --hit-plane-coarse: 44px;
  --auth-reveal-size: 40px;
  --avatar-crop-stage: 360px;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --feedback-viewport-top-inset: calc(2 * var(--shell-bar-height) + 0.5px);
  --checkbox-size: 14px;
  --checkbox-indicator-size: 16px;
  --keyboard-occlusion: max(0px, calc(100svh - var(--vv-height, 100svh)));
  --shell-rail-width: 244px;
  --shell-wide-inset: 8px;
  --shell-navigation-inset: 12px;
  --shell-bar-height: 43.5px;
  --window-header-height: 44px;
  --shell-bar-inset-start: 8px;
  --shell-bar-inset-end: 11px;
  --view-title-inset-start: 10px;
  --view-title-inset-end: 4px;
  --row-single: 44px;
  --row-dual: 46px;
  --row-inbox: 55px;
  --table-header: 32px;
  --cell-inline: 12px;
  --cell-gap: 8px;
  --data-alert-rail-width: 3px;
  --data-message-row: 14px;
  --data-annotation-row: 20px;
  --data-matrix-inset: 10px;
  --data-header-coarse: 44px;
  --data-matrix-identity-default: 150px;
  --data-matrix-basis-default: 118px;
  --data-matrix-venue-default: 104px;
  --data-card-collapsed: 124px;
  --data-card-message: 22px;
  --data-card-expanded-extra: 131px;
  --row-dense-single: 32px;
  --row-dense-dual: 40px;
  --row-compact-single: 28px;
  --row-compact-dual: 36px;
  --table-header-compact: 24px;
  --row-legs: 40px;
  --row-legs-line: 16px;
  --row-legs-block: calc((var(--row-legs) - 2 * var(--row-legs-line)) / 2);
  --table-header-dense: 28px;
  --cell-inline-dense: 8px;
  --settings-row: 65px;
  --view-rail-end-slots: 3;
  --view-rail-end-max: calc(
    var(--view-rail-end-slots) * var(--control-standard) +
      (var(--view-rail-end-slots) - 1) * var(--space-toolbar-quiet)
  );
  --table-record-min: 56rem;
  --table-column-asset: 96px;
  --table-column-venue: 128px;
  --table-column-status: 112px;
  --table-column-metric: 136px;
  --table-column-metric-wide: 160px;
  --table-column-identity: 160px;
  --table-column-time: 176px;
  --table-column-action: 96px;
  --table-column-body: 240px;
  --table-column-fill: 160px;
  --table-column-amount: calc(var(--table-column-metric) - 2 * var(--cell-inline));
  --overlay-gutter: 8px;
  --calendar-day-width: 96px;
  --calendar-day-height: 64px;
  --calendar-week-total-width: 104px;
  --calendar-heat-max: 30%;
  --scrollbar-size: 8px;
  --scrollbar-size-rail: 11px;
  --scrollbar-thumb-border: 2px;
  --scrollbar-thumb: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb: color-mix(in srgb, var(--foreground) 18%, transparent);
  }
  --scrollbar-thumb-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --scrollbar-thumb-hover: color-mix(in srgb, var(--foreground) 30%, transparent);
  }
  --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
  --window-width-420: 420px;
  --window-width-480: 480px;
  --window-width-560: 560px;
  --window-width-720: 720px;
  --window-width-1120: 1120px;
  --settings-window-width: 1180px;
  --settings-window-width-wide: 1600px;
  --settings-window-height: 704px;
  --toast-width: 360px;
  --settings-reading-width: 640px;
  --settings-section-gap: 48px;
  --settings-control-width: 160px;
  --settings-range-width: 176px;
  --settings-label-min: 128px;
  --settings-fact-label: 168px;
  --settings-fact-row: 40px;
  --settings-card-reading-width: 688px;
  --form-column-min: 18rem;
  --form-section-content-gap: 16px;
  --form-field-narrow: 7.5rem;
  --form-field-compact: 10rem;
  --form-field-default: 12rem;
  --form-field-wide: 18rem;
  --record-identity-min: 10rem;
  --record-summary-min: 16rem;
  --data-identity-prefix-min: 32px;
  --chart-line-primary: 1;
  --chart-line-secondary: 1;
  --chart-line-reference: 1;
  --chart-line-baseline: 1;
  --chart-line-overview: 1;
  --chart-marker-primary: 3;
  --chart-marker-secondary: 3;
  --chart-scale-margin: 0.08;
  --chart-overview-margin: 0.12;
  --chart-area-fill-near: 0.22;
  --chart-area-fill-far: 0.02;
  --chart-bar-spacing: 10;
  --chart-plot-height: clamp(18rem, 48dvh, 34rem);
  --chart-plot-summary-height: clamp(12rem, 30dvh, 20rem);
  --chart-plot-min-height: 12rem;
  --chart-plot-min-wide: 16rem;
  --chart-overview-height: 32px;
  --chart-tooltip-width: 244px;
  --chart-data-max-height: min(20rem, 45dvh);
  --chart-compact-width: 420px;
  --chart-brush-grip: 7px;
  --chart-brush-click-slop: 3px;
  --chart-annotation-offset: 6px;
  --chart-legend-width: 28px;
  --mini-trend-height: 24px;
  --auth-content-width: 288px;
  --auth-action-pitch: 60px;
  --marketing-nav-wide: 72px;
  --marketing-nav-narrow: 64px;
  --marketing-grid-max: 1344px;
  --marketing-gutter-wide: 46px;
  --marketing-gutter-narrow: 24px;
  --marketing-display-wide: 72px;
  --marketing-display-narrow: 40px;
  --marketing-tracking: -0.022em;
  --marketing-lead: 24px;
  --marketing-body: 15px;
  --marketing-heading-weight: 590;
  --marketing-measure: 680px;
  --marketing-hero-wide: 64px;
  --marketing-hero-narrow: 38px;
  --marketing-hero-weight: 510;
  --marketing-heading-wide: 48px;
  --marketing-heading-narrow: 24px;
  --marketing-rhythm-wide: 128px;
  --marketing-rhythm-narrow: 80px;
  --marketing-cta: 44px;
  --marketing-reveal: 350ms;
  --marketing-display-medium: 56px;
  --marketing-hero-medium: 52px;
  --marketing-heading-medium: 40px;
  --marketing-lead-medium: 20px;
  --marketing-lead-narrow: 17px;
  --marketing-gutter-medium: 32px;
  --marketing-gutter-max: 80px;
  --marketing-rhythm-medium: 96px;
  --marketing-title: 24px;
  --marketing-title-narrow: 20px;
  --marketing-subtitle: 20px;
  --marketing-emphasis: 17px;
  --marketing-control-large: 14px;
  --marketing-small: 13px;
  --marketing-micro: 12px;
  --marketing-tag: 11px;
  --marketing-stat: 40px;
  --marketing-stat-narrow: 24px;
  --marketing-price: 32px;
  --marketing-metric: 28px;
  --marketing-metric-line: 32px;
  --marketing-reading-heading-narrow: 32px;
  --marketing-tracking-title: -0.012em;
  --marketing-tracking-body: -0.011em;
  --marketing-tracking-small: -0.01em;
  --marketing-tracking-figure: -0.02em;
  --marketing-tracking-tag: 0.04em;
  --motion-express-page-out: 140ms;
  --motion-express-page-in: 260ms;
  --motion-in: 0s;
  --motion-out: 150ms;
  --motion-instant: 0ms;
  --motion-swap: 150ms;
  --motion-swap-offset: 3px;
  --motion-ease-x1: 0.16;
  --motion-ease-y1: 1;
  --motion-ease-x2: 0.3;
  --motion-ease-y2: 1;
  --motion-micro: 100ms;
  --motion-floating: 100ms;
  --motion-disclosure: 150ms;
  --motion-control: var(--motion-out);
  --motion-overlay: 150ms;
  --motion-overlay-exit: 150ms;
  --motion-popup-enter: 50ms;
  --motion-popup-exit: 210ms;
  --motion-popup-scale: 50ms;
  --ease-popup-enter: linear(0, .2753 14%, .3463 28%, .4662 42%, .6069 56%, .7615 70%, .9028 84%, 1);
  --ease-popup-scale-enter: linear(0, .1377 14%, .1732 28%, .2331 42%, .3035 56%, .3807 70%, .4514 84%, .5 96%, 1 96%, 1);
  --ease-popup-exit: linear(0 0% 15%, .1331 18%, .2742 21%, .3943 24%, .4956 28%, .6697 34%, .8114 44%, .8982 54%, .942 64%, .9679 74%, .9817 84%, .9901 94%, 1);
  --ease-popup-scale-exit: linear(0, .1814 18%, .2734 30%, .3772 44%, .4846 58%, .5 64%, 1 64%, 1);
  --motion-dialog: 300ms;
  --motion-chart-reveal: 300ms;
  --motion-panel: 250ms;
  --motion-pulse-slow: 2400ms;
  --motion-loop: 1200ms;
  --motion-reveal: 80ms;
  --wait-quiet: 1000ms;
  --opacity-refreshing: 0.64;
  --motion-event-flash: 400ms;
  --motion-alert-ignite: 300ms;
  --motion-brand-loop: 2400ms;
  --motion-floating-offset: 4px;
  --motion-overlay-scale-from: 0.98;
  --motion-dialog-scale-from: 0.968;
  --motion-panel-offset: 8px;
  --motion-reduced-duration: 0.01ms;
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-move: cubic-bezier(0.77, 0, 0.175, 1);
  --motion-move: 150ms;
  --ease-spring: linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%, 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);
  --ease-express-enter: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-express-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --motion-express-hover: 100ms;
  --motion-express-swap: 160ms;
  --motion-express-enter: 600ms;
  --motion-express-enter-offset: 16px;
  --motion-express-stagger: 60ms;
  --motion-express-word: 560ms;
  --motion-express-word-stagger: 40ms;
  --motion-express-count: 1400ms;
  --motion-express-scrub: 400ms;
  --motion-express-spot: 300ms;
  --motion-express-glide: 340ms;
  --motion-express-roll: 520ms;
  --motion-express-tilt: 3;
  --motion-express-magnet: 2;
  --motion-express-ambient-flow: 3600ms;
  --motion-express-ambient-flow-step: 550ms;
  --motion-express-ambient-breathe: 4800ms;
  --motion-express-ambient-drift: 26000ms;
  --motion-express-ambient-drift-alt: 32000ms;
  --motion-express-ambient-marquee: 60000ms;
  --z-base: 0;
  --z-raised: 1;
  --z-sticky: 10;
  --z-navigation: 20;
  --z-workbench-controls: 30;
  --z-floating: 40;
  --z-celebrate: 45;
  --z-overlay: 50;
  --z-toast: 70;
  --z-skip-link: 90;
  --celebrate-count-burst: 320;
  --celebrate-gravity: 0.30;
  --celebrate-flip-floor: 0.22;
  --celebrate-back-mix: 0.30;
  --celebrate-lum-floor: 0.82;
  --shell-surface-border: var(--border);
  --checkbox-border: var(--input);
  --checkbox-border-standalone: lch(52.04% 0 282);
  --motion-checkbox: 80ms;
  --shadow-hairline: 0 0 0 0.5px rgba(0, 0, 0, 0.088);
  --shadow-hairline-hover: 0 0 0 0.5px rgba(0, 0, 0, 0.147);
  --shadow-main-surface: 0 3px 6px -2px rgba(0, 0, 0, 0.02),
    0 1px 1px rgba(0, 0, 0, 0.04);
  --chip-ring: rgba(0, 0, 0, 0.09);
  --chip-ring-strong: rgba(0, 0, 0, 0.15);
  --chip-surface: var(--control-idle);
  --chip-surface-hover: lch(95.883% 0.157 282);
  --chip-surface-pressed: lch(94.854% 0.157 282);
  --shadow-raised: 0 0 0 0.5px var(--chip-ring), var(--shadow-main-surface);
  --shadow-raised-hover: 0 0 0 0.5px var(--chip-ring-strong), var(--shadow-main-surface);
  --shadow-raised-pressed: 0 0 0 0.5px var(--chip-ring-strong);
  --settings-section-border: var(--border);
  --shadow-floating: 0 6px 18px rgba(0, 0, 0, 0.02),
    0 3px 9px rgba(0, 0, 0, 0.04),
    0 1px 1px rgba(0, 0, 0, 0.04);
  --shadow-dialog: 0 9px 48px rgba(0, 0, 0, 0.08),
    0 6px 24px rgba(0, 0, 0, 0.1),
    0 1px 1px rgba(0, 0, 0, 0.04);
  --background: lch(94.44% 0.5 282);
  --work-surface: lch(97.94% 0.5 282);
  --sub-surface: lch(96.8% 0.4 282);
  --card: lch(99.3% 0.3 282);
  --elevated: lch(100% 0 282);
  --popover: lch(100% 0 282);
  --select-compact-list-surface: lch(97.94% 0.5 282);
  --select-compact-list-border: lch(84.44% 0 282);
  --select-compact-list-hover: var(--menu-item-hover);
  --menu: lch(100% 0 282);
  --overlay-surface: lch(100% 0 282);
  --modal-scrim: rgba(0, 0, 0, 0.25);
  --foreground: lch(9.794% 0 282);
  --secondary-foreground: lch(19.588% 1.25 282);
  --muted-foreground: lch(36% 1.25 282);
  --disabled-foreground: lch(64.64% 1.25 282);
  --inverse-foreground: lch(100% 0 282);
  --border-subtle: lch(95.24% 0 282);
  --border: lch(89.84% 0 282);
  --border-segmented: lch(84.44% 0 282);
  --border-strong: lch(78.5% 1.48 282);
  --border-focus: #6d78d5;
  --border-selected: #6d78d5;
  --link-foreground: #6d78d5;
  --border-invalid: lch(45.5% 54 29);
  --input: lch(86.5% 0 282);
  --overlay-border: lch(91.9% 0 282);
  --overlay-divider: lch(91.9% 0 282);
  --modal-border: var(--overlay-border);
  --modal-surface: lch(100% 0 282);
  --overlay-surface-in-modal: var(--overlay-surface);
  --overlay-border-in-modal: var(--overlay-border);
  --overlay-divider-in-modal: var(--overlay-divider);
  --overlay-foreground-in-modal: var(--overlay-foreground);
  --overlay-muted-in-modal: var(--menu-muted);
  --overlay-foreground: var(--secondary-foreground);
  --menu-muted: lch(40% 1 282);
  --menu-item-hover: lch(95% 0 282);
  --control-idle: lch(99.997% 0.5 282);
  --control-hover: lch(94.5% 0.157 282);
  --control-current: lch(89.54% 0.5 282);
  --control-selected: lch(91% 0 282);
  --control-checked: lch(53% 52.26 286.91);
  --control-open: lch(94.854% 0.157 282);
  --tab-current: lch(93.48% 0.5 282);
  --tab-idle: var(--control-idle);
  --tab-hover: lch(94.854% 0.5 282);
  --rail-item-hover: lch(91.43% 0.5 282);
  --rail-item-current: var(--control-current);
  --rail-control-idle: lch(90.55% 0.4 282);
  --rail-control-quiet-hover: lch(0 0 0 / 0.06);
  --rail-control-hover: lch(88.17% 0.4 282);
  --row-step-hover: 5.2%;
  --row-step-current: 8%;
  --row-step-selected: 13%;
  --row-step-selected-hover: 19%;
  --row-fill-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-hover: color-mix(in srgb, var(--foreground) var(--row-step-hover), var(--work-surface));
  }
  --row-fill-current: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-current: color-mix(in srgb, var(--foreground) var(--row-step-current), var(--work-surface));
  }
  --row-fill-selected: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-selected: color-mix(in srgb, var(--primary) 10%, var(--work-surface));
  }
  --row-fill-selected-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-selected-hover: color-mix(in srgb, var(--primary) 16%, var(--work-surface));
  }
  --segmented-track: var(--tab-current);
  --segmented-current: var(--elevated);
  --segmented-option-current: lch(95.54% 0 282);
  --chip-current: lch(94.86% 0 282);
  --option-well: lch(100% 0 282);
  --option-well-hover: lch(96.914% 0 282);
  --select-well-hover: lch(95.886% 0 282);
  --select-open-border: lch(75.7% 0 282);
  --option-well-hover-foreground: var(--overlay-foreground);
  --switch-track-off: lch(82.5% 0.05 282);
  --switch-track-off-hover: lch(76.98% 0.08 282);
  --control-checked-hover: lch(47% 50.26 286.91);
  --switch-track-on-hover: lch(47% 50.26 286.91);
  --field: lch(100% 0 282);
  --field-border: lch(86.5% 1.48 282);
  --field-border-hover: lch(80% 1.48 282);
  --field-border-pressed: lch(74% 1.48 282);
  --primary: lch(48.5% 52.26 286.91);
  --primary-hover: lch(44% 50.26 286.91);
  --primary-pressed: var(--primary-hover);
  --primary-foreground: lch(100% 5 286.91);
  --destructive: lch(42% 80 29);
  --destructive-wash: lch(93.966% 7.33 19.355);
  --destructive-solid: lch(44% 74 29);
  --destructive-solid-hover: lch(40% 72 29);
  --destructive-solid-foreground: #fff;
  --invalid: lch(45.5% 54 29);
  --status-info: #2563b9;
  --status-healthy: #086646;
  --status-warning: #7a5000;
  --status-error: #ae1f29;
  --status-idle: #686870;
  --status-stale: #6b6252;
  --status-offline: #686870;
  --status-unknown: #686870;
  --status-soft-alpha: 12%;
  --entity-identity-graphite: oklch(0.43 0.018 270);
  --entity-identity-blue: oklch(0.5 0.11 250);
  --entity-identity-indigo: oklch(0.48 0.12 275);
  --entity-identity-violet: oklch(0.5 0.11 310);
  --entity-identity-magenta: oklch(0.5 0.11 340);
  --entity-identity-amber: oklch(0.5 0.085 78);
  --entity-identity-cyan: oklch(0.5 0.075 215);
  --entity-identity-teal: oklch(0.48 0.075 165);
  --celebrate-1: #5e6ad2;
  --celebrate-2: #8b95e6;
  --celebrate-3: #12a594;
  --celebrate-4: #e8a317;
  --celebrate-5: #ef6449;
  --celebrate-6: #d9407a;
  --celebrate-7: #3da35d;
  --celebrate-8: #3b82f6;
  --financial-positive: oklch(0.43 0.1274 163.23);
  --financial-negative: oklch(0.47 0.1648 27.45);
  --financial-neutral: #52525b;
  --risk: oklch(0.491 0.154 58.3);
  --chart-1: lch(53% 52.26 287);
  --chart-2: #348542;
  --chart-3: #cf3e46;
  --chart-4: #9f6800;
  --chart-5: #8e4ec6;
  --chart-composition-gross: #2a78d6;
  --chart-composition-fee: #eb6834;
  --chart-composition-funding: #1baf7a;
  --chart-axis-border: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-axis-border: color-mix(in srgb, var(--muted-foreground) 20%, transparent);
  }
  --chart-grid-line: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-grid-line: color-mix(in srgb, var(--muted-foreground) 14%, transparent);
  }
  --chart-crosshair-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-crosshair-line: color-mix(in srgb, var(--foreground) 28%, transparent);
  }
  --chart-zero-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-zero-line: color-mix(in srgb, var(--foreground) 50%, transparent);
  }
  --focus-ring-width: 1px;
  --focus-ring-color: var(--border-focus);
  --identity-tint-rest: 17.5%;
  --identity-tint-active: 24%;
  --focus-offset-default: 0px;
  --focus-offset-standalone: 2px;
  --focus-offset-inset: 0;
  --focus-offset-clipped: -1px;
}
.dark {
  --background: lch(2.595% 0.4 272);
  --work-surface: lch(5.52% 0.4 272);
  --sub-surface: lch(7.32% 0.85 272);
  --card: lch(8.22% 1.3 272);
  --elevated: lch(10.8% 1.05 272);
  --popover: lch(12.72% 0.85 272);
  --select-compact-list-surface: lch(5.52% 0.4 272);
  --select-compact-list-border: lch(16.32% 1.48 272);
  --select-compact-list-hover: lch(14.777% 1.075 272);
  --menu: lch(12.72% 0.85 272);
  --overlay-surface: lch(12.72% 0.85 272);
  --modal-surface: lch(9.232% 0.85 272);
  --modal-scrim: rgba(0, 0, 0, 0.4);
  --foreground: lch(100% 0 272);
  --secondary-foreground: lch(90.451% 1.2 272);
  --muted-foreground: lch(66% 1.2 272);
  --disabled-foreground: lch(36.975% 1.2 272);
  --inverse-foreground: lch(5.52% 0.4 272);
  --border-subtle: lch(9.84% 1.48 272);
  --border: lch(14.16% 1.48 272);
  --border-segmented: lch(18.48% 1.48 272);
  --border-strong: lch(28.032% 1.48 272);
  --border-focus: #8b95e6;
  --border-selected: #8b95e6;
  --link-foreground: lch(80% 80 288.43);
  --border-invalid: lch(71.06% 38 22.22);
  --input: lch(30.833% 1.93 272);
  --overlay-border: lch(25.68% 1.93 272);
  --overlay-divider: lch(20.28% 1.93 272);
  --modal-border: lch(22.193% 1.93 272);
  --overlay-surface-in-modal: lch(16.433% 1.3 272);
  --overlay-border-in-modal: lch(29.393% 2.38 272);
  --overlay-divider-in-modal: lch(20.753% 2.38 272);
  --overlay-foreground-in-modal: lch(91.554% 1.65 272);
  --overlay-muted-in-modal: lch(66.215% 1.65 272);
  --overlay-foreground: lch(91.178% 1.425 272);
  --menu-muted: lch(64.714% 1.425 272);
  --menu-item-hover: lch(20.82% 1.3 272);
  --control-idle: lch(8.22% 1.1 272);
  --control-hover: lch(12.2% 1.1 272);
  --control-current: lch(13.845% 1.3 272);
  --control-selected: lch(13.845% 1.429 272);
  --control-checked: lch(47.918% 59.303 288.421);
  --control-open: lch(18.634% 1.075 272);
  --tab-current: lch(16.706% 0.979 272);
  --tab-idle: lch(10.149% 0.593 272);
  --tab-hover: lch(14.006% 0.593 272);
  --rail-item-hover: lch(8.445% 1.3 272);
  --rail-item-current: var(--control-current);
  --rail-control-idle: lch(10.149% 0.689 272);
  --rail-control-quiet-hover: lch(100 0 0 / 0.06);
  --rail-control-hover: lch(14.777% 1.075 272);
  --row-step-hover: 3.7%;
  --row-step-current: 5.7%;
  --row-step-selected: 14%;
  --row-step-selected-hover: 17%;
  --row-fill-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-hover: color-mix(in srgb, var(--foreground) var(--row-step-hover), var(--work-surface));
  }
  --row-fill-current: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-current: color-mix(in srgb, var(--foreground) var(--row-step-current), var(--work-surface));
  }
  --row-fill-selected: lch(12.141% 17.792 286.445);
  --row-fill-selected-hover: lch(15.966% 18.242 286.445);
  --segmented-track: var(--tab-current);
  --segmented-current: lch(20.418% 1.429 272);
  --segmented-option-current: lch(23.906% 1.429 272);
  --chip-current: lch(25.834% 1.525 272);
  --option-well: lch(17.349% 1.043 272);
  --option-well-hover: lch(21.206% 1.043 272);
  --select-well-hover: lch(21.977% 1.525 272);
  --select-open-border: lch(27.84% 1.93 272);
  --option-well-hover-foreground: var(--overlay-foreground);
  --switch-track-off: lch(48.247% 0.93 272);
  --switch-track-off-hover: lch(56.807% 1.019 272);
  --control-checked-hover: lch(52.418% 61.103 288.421);
  --switch-track-on-hover: lch(47.918% 70 288.421);
  --field: lch(9.232% 0.85 272);
  --field-border: lch(30.833% 1.93 272);
  --field-border-hover: lch(28.032% 6.93 272);
  --field-border-pressed: var(--field-border-hover);
  --primary: lch(47.918% 59.303 288.421);
  --primary-hover: lch(47.918% 70 288.421);
  --primary-pressed: var(--primary-hover);
  --primary-foreground: lch(100% 5 288.421);
  --destructive: #ff8583;
  --destructive-wash: lch(14.272% 13.438 19.784);
  --destructive-solid: lch(46% 70 29);
  --destructive-solid-hover: lch(50% 66 29);
  --destructive-solid-foreground: #fff;
  --invalid: lch(71.06% 38 22.22);
  --status-info: #60a5fa;
  --status-healthy: #34d399;
  --status-warning: #fbbf24;
  --status-error: #f87171;
  --status-idle: #a1a1aa;
  --status-stale: #c4b99f;
  --status-offline: #a1a1aa;
  --status-unknown: #a1a1aa;
  --status-soft-alpha: 15%;
  --entity-identity-graphite: oklch(0.7 0.018 270);
  --entity-identity-blue: oklch(0.72 0.105 250);
  --entity-identity-indigo: oklch(0.7 0.11 275);
  --entity-identity-violet: oklch(0.72 0.1 310);
  --entity-identity-magenta: oklch(0.72 0.1 340);
  --entity-identity-amber: oklch(0.76 0.1 78);
  --entity-identity-cyan: oklch(0.74 0.085 215);
  --entity-identity-teal: oklch(0.71 0.09 165);
  --celebrate-1: #8b95e6;
  --celebrate-2: #b4bbf7;
  --celebrate-3: #3fc1c9;
  --celebrate-4: #f6c445;
  --celebrate-5: #f2764b;
  --celebrate-6: #f0619a;
  --celebrate-7: #5bd9a4;
  --celebrate-8: #ffffff;
  --financial-positive: oklch(0.7729 0.1535 163.22);
  --financial-negative: oklch(0.7106 0.1661 22.22);
  --financial-neutral: #d4d4d8;
  --risk: oklch(0.7576 0.159 55.93);
  --chart-1: lch(58% 55 288);
  --chart-2: #46a758;
  --chart-3: #f4487e;
  --chart-4: #f1a10d;
  --chart-5: #bf7af0;
  --chart-composition-gross: #3987e5;
  --chart-composition-fee: #d95926;
  --chart-composition-funding: #199e70;
  --chart-axis-border: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-axis-border: color-mix(in srgb, var(--muted-foreground) 24%, transparent);
  }
  --chart-grid-line: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-grid-line: color-mix(in srgb, var(--muted-foreground) 16%, transparent);
  }
  --chart-crosshair-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-crosshair-line: color-mix(in srgb, var(--foreground) 42%, transparent);
  }
  --chart-zero-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-zero-line: color-mix(in srgb, var(--foreground) 40%, transparent);
  }
  --focus-ring-color: var(--border-focus);
  --scrollbar-thumb: lch(37.275% 1.2 272);
  --scrollbar-thumb-hover: lch(37.375% 1.2 272);
  --scrollbar-thumb-active: lch(36.975% 1.2 272);
  --shadow-main-surface: 0 0.5px 1px 1px rgba(0, 0, 0, 0.3);
  --shell-surface-border: lch(13.08% 1.48 272);
  --checkbox-border: lch(55.92% 1.93 272);
  --checkbox-border-standalone: lch(55.92% 1.93 272);
  --shadow-hairline: 0 0 0 0.5px lch(100% 0 272 / 0.148);
  --shadow-hairline-hover: 0 0 0 0.5px lch(100% 0 272 / 0.247);
  --chip-surface: lch(10.149% 0.689 272);
  --chip-surface-hover: lch(14.777% 1.075 272);
  --chip-surface-pressed: var(--control-open);
  --chip-ring: lch(100% 0 272 / 0.137);
  --chip-ring-strong: lch(100% 0 272 / 0.229);
  --shadow-raised: 0 0 0 0.5px var(--chip-ring), var(--shadow-main-surface);
  --shadow-raised-hover: 0 0 0 0.5px var(--chip-ring-strong), var(--shadow-main-surface);
  --shadow-raised-pressed: 0 0 0 0.5px var(--chip-ring-strong);
  --settings-section-border: var(--overlay-divider);
  --shadow-floating: 0 3px 8px rgba(0, 0, 0, 0.125),
    0 2px 5px rgba(0, 0, 0, 0.125),
    0 1px 1px rgba(0, 0, 0, 0.125);
  --shadow-dialog: 0 4px 40px rgba(0, 0, 0, 0.1),
    0 3px 20px rgba(0, 0, 0, 0.125),
    0 3px 12px rgba(0, 0, 0, 0.125),
    0 2px 8px rgba(0, 0, 0, 0.125),
    0 1px 1px rgba(0, 0, 0, 0.125);
}
:root, .dark {
  --status-info-soft: var(--status-info);
  @supports (color: color-mix(in lab, red, red)) {
    --status-info-soft: color-mix(in oklab, var(--status-info) 8%, transparent);
  }
  --status-healthy-soft: var(--status-healthy);
  @supports (color: color-mix(in lab, red, red)) {
    --status-healthy-soft: color-mix(in oklab, var(--status-healthy) var(--status-soft-alpha), transparent);
  }
  --status-warning-soft: var(--status-warning);
  @supports (color: color-mix(in lab, red, red)) {
    --status-warning-soft: color-mix(in oklab, var(--status-warning) var(--status-soft-alpha), transparent);
  }
  --status-error-soft: var(--status-error);
  @supports (color: color-mix(in lab, red, red)) {
    --status-error-soft: color-mix(in oklab, var(--status-error) var(--status-soft-alpha), transparent);
  }
  --status-idle-soft: var(--status-idle);
  @supports (color: color-mix(in lab, red, red)) {
    --status-idle-soft: color-mix(in oklab, var(--status-idle) var(--status-soft-alpha), transparent);
  }
  --status-stale-soft: var(--status-stale);
  @supports (color: color-mix(in lab, red, red)) {
    --status-stale-soft: color-mix(in oklab, var(--status-stale) var(--status-soft-alpha), transparent);
  }
  --status-offline-soft: var(--status-offline);
  @supports (color: color-mix(in lab, red, red)) {
    --status-offline-soft: color-mix(in oklab, var(--status-offline) var(--status-soft-alpha), transparent);
  }
  --status-unknown-soft: var(--status-unknown);
  @supports (color: color-mix(in lab, red, red)) {
    --status-unknown-soft: color-mix(in oklab, var(--status-unknown) var(--status-soft-alpha), transparent);
  }
  --financial-positive-soft: var(--financial-positive);
  @supports (color: color-mix(in lab, red, red)) {
    --financial-positive-soft: color-mix(in oklab, var(--financial-positive) 14%, transparent);
  }
  --financial-negative-soft: var(--financial-negative);
  @supports (color: color-mix(in lab, red, red)) {
    --financial-negative-soft: color-mix(in oklab, var(--financial-negative) 14%, transparent);
  }
  --risk-soft: var(--risk);
  @supports (color: color-mix(in lab, red, red)) {
    --risk-soft: color-mix(in oklab, var(--risk) 14%, transparent);
  }
  --chart-surface: var(--work-surface);
  --chart-brush-mask: var(--chart-surface);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-brush-mask: color-mix(in srgb, var(--chart-surface) 70%, transparent);
  }
  --chart-brush-window: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-brush-window: color-mix(in srgb, var(--primary) 12%, transparent);
  }
  --chart-axis-text: var(--muted-foreground);
  --chart-crosshair-label-background: var(--background);
  --chart-series-reference: var(--muted-foreground);
  --chart-series-open: var(--chart-4);
  --chart-series-funding: var(--chart-2);
  --chart-series-rebate: var(--chart-5);
  --chart-composition-rebate: var(--chart-composition-fee);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-composition-rebate: color-mix(in srgb, var(--chart-composition-fee) 48%, #ffffff);
  }
  --chart-composition-network: var(--chart-composition-fee);
  @supports (color: color-mix(in lab, red, red)) {
    --chart-composition-network: color-mix(in srgb, var(--chart-composition-fee) 70%, var(--foreground));
  }
  --data-alert-color: var(--status-error);
  --focus-ring-outline: var(--focus-ring-width) solid var(--focus-ring-color);
}
@layer base {
  :focus-visible {
    outline: var(--focus-ring-outline);
    outline-offset: var(--focus-offset-default);
  }
  :root {
    scrollbar-color: var(--scrollbar-thumb) transparent;
  }
  ::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
  }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    border: var(--scrollbar-thumb-border) solid transparent;
    border-radius: var(--radius-pill);
    background-color: var(--scrollbar-thumb);
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
  }
  ::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
  }
}
.base-ui-disable-scrollbar {
  scrollbar-width: none;
}
.base-ui-disable-scrollbar::-webkit-scrollbar {
  display: none;
}
:where( button, summary, a[href], input, select, textarea, [role="button"], [role="tab"], [role="link"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="combobox"] ):is( :hover, :active, [data-state="open"], [aria-expanded="true"], [aria-current="page"], [data-popup-open], [data-active="true"], [data-focused="true"] ) {
  --motion-control: var(--motion-in);
}
[aria-invalid="true"]:focus-visible {
  --focus-ring-color: var(--invalid);
}
html :is([data-slot="checkbox"], [data-slot="switch"]):focus-visible {
  outline: var(--focus-ring-outline);
  outline-offset: var(--focus-offset-inset);
}
html :is([data-slot="checkbox"], [data-slot="switch"])[aria-invalid="true"]:focus-visible {
  outline-color: var(--invalid);
}
@media (forced-colors: active) {
  html :is([data-slot="checkbox"], [data-slot="switch"]) {
    border-color: ButtonText;
    background: Canvas;
    color: ButtonText;
    forced-color-adjust: none;
  }
  html [data-slot="checkbox"]:is([data-checked], [data-indeterminate]) {
    border-color: Highlight;
    background: Highlight;
    color: HighlightText;
  }
  html [data-slot="switch"] > [data-slot="switch-thumb"] {
    background: ButtonText;
  }
  html [data-slot="switch"] {
    outline: var(--border-width-control) solid ButtonText;
    outline-offset: var(--focus-offset-inset);
  }
  html [data-slot="switch"][data-checked] {
    background: Highlight;
  }
  html [data-slot="switch"][data-checked] > [data-slot="switch-thumb"] {
    background: HighlightText;
  }
  html :is([data-slot="checkbox"], [data-slot="switch"])[aria-invalid="true"]:focus-visible {
    outline-color: Highlight;
  }
}
.zml-sidebar-footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  gap: 1px;
  padding-top: var(--space-inline-standard);
}
.zml-connection-summary {
  height: var(--control-standard);
  min-height: var(--control-standard);
  align-items: center;
  gap: 0.375rem;
  padding-inline: var(--space-inline-standard);
  border-radius: var(--radius-control);
  font-size: var(--type-workbench-secondary);
  line-height: var(--type-workbench-secondary-line);
  font-weight: var(--font-weight-regular);
}
@media (any-pointer: coarse) {
  .zml-connection-summary {
    height: auto;
    min-height: var(--hit-plane-coarse);
  }
}
.zml-connection-summary-compact {
  min-height: var(--control-standard);
  align-items: center;
}
.zml-sidebar-preview {
  position: fixed;
  block-size: auto;
  inset-block-start: var(--shell-bar-height);
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: var(--z-floating);
  width: calc(var(--shell-rail-width) - var(--shell-navigation-inset) - 1px - var(--scrollbar-size-rail));
  border-start-end-radius: var(--radius-floating);
  border-end-end-radius: var(--radius-floating);
  background: var(--work-surface);
  opacity: 1;
  transform: translateX(0);
  transition: opacity var(--motion-overlay) var(--ease-emphasized), transform var(--motion-overlay) var(--ease-emphasized);
}
@starting-style {
  .zml-sidebar-preview {
    opacity: 0;
    transform: translateX(-8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .zml-sidebar-preview {
    transition: none;
  }
}
.zml-sidebar-reveal-edge {
  position: fixed;
  inset-inline-start: 0;
  top: var(--shell-bar-height);
  bottom: 0;
  width: var(--shell-wide-inset);
  z-index: var(--z-navigation);
}
[data-slot="sidebar-mode-glyph"] [data-part] {
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity var(--motion-micro) var(--ease-standard), transform var(--motion-control) var(--ease-standard);
}
[data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="divider"] {
  opacity: 1;
  transform: none;
}
[data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="collapse"], [data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="expand"] {
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  [data-slot="sidebar-mode-button"]:hover [data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="divider"] {
    opacity: 0;
    transform: translateX(-2px);
  }
}
[data-slot="sidebar-mode-button"]:focus-visible [data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="divider"] {
  opacity: 0;
  transform: translateX(-2px);
}
[data-slot="sidebar-mode-button"]:is(:hover, :focus-visible) [data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="collapse"] {
  opacity: 1;
  transform: none;
}
[data-slot="sidebar-mode-button"]:is(:hover, :focus-visible) [data-slot="sidebar-mode-glyph"][data-pinned="true"] [data-part="expand"] {
  opacity: 0;
}
[data-slot="sidebar-mode-glyph"][data-pinned="false"] [data-part="divider"] {
  opacity: 0;
  transform: translateX(-2px);
}
[data-slot="sidebar-mode-glyph"][data-pinned="false"] [data-part="expand"] {
  opacity: 1;
  transform: none;
}
[data-slot="sidebar-mode-glyph"][data-pinned="false"] [data-part="collapse"] {
  opacity: 0;
}
[data-slot="sidebar-mode-button"]:is(:hover, :focus-visible) [data-slot="sidebar-mode-glyph"][data-pinned="false"] [data-part="divider"] {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-slot="sidebar-mode-glyph"] [data-part] {
    transition: none;
  }
}
[data-zml-frozen-surface] {
  --font-sans: "Inter Variable", Inter, "PingFang SC", "Microsoft YaHei",
    "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    sans-serif;
  --font-data: var(--font-sans);
  --font-feature-numeric: "tnum" 1, "kern" 1, "calt" 0;
  letter-spacing: normal;
  --type-workbench-primary: 13px;
  --type-workbench-primary-line: 18px;
  --type-workbench-secondary: 12px;
  --type-workbench-secondary-line: 16px;
  --type-row-title: 13px;
  --type-row-title-line: 18px;
  --row-single: 44px;
  --row-dual: 46px;
  --table-header: 32px;
  --cell-inline: 12px;
  --cell-gap: 8px;
  --data-message-row: 14px;
  --data-annotation-row: 20px;
  --data-matrix-inset: 10px;
  --data-header-coarse: 44px;
  --data-matrix-identity-default: 150px;
  --data-matrix-venue-default: 104px;
  --work-surface: lch(97.94% 0.5 282);
  --sub-surface: lch(96.8% 0.4 282);
  --foreground: lch(9.794% 0 282);
  --muted-foreground: lch(36% 1.25 282);
  --border-subtle: lch(95.24% 0 282);
  --border: lch(89.84% 0 282);
  --control-hover: lch(94.5% 0.157 282);
  --control-open: lch(87.36% 0.157 282);
  --control-selected: lch(91% 0 282);
  --motion-checkbox: var(--motion-control);
  --disabled-foreground: lch(61.803% 1.2 282);
  --focus-offset-default: 1px;
  --primary-hover: lch(47% 50.26 286.91);
  --menu-muted: lch(39.176% 1.25 282);
  --destructive: lch(45.5% 54 29);
  scrollbar-color: var(--foreground) transparent;
  @supports (color: color-mix(in lab, red, red)) {
    scrollbar-color: color-mix(in srgb, var(--foreground) 18%, transparent) transparent;
  }
}
.dark [data-zml-frozen-surface] {
  --work-surface: lch(5.52% 0.4 272);
  --sub-surface: lch(7.32% 0.85 272);
  --card: lch(8.22% 1.1 272);
  --foreground: lch(100% 0 272);
  --muted-foreground: lch(66% 1.2 272);
  --disabled-foreground: lch(35.024% 1.2 272);
  --border-subtle: lch(9.84% 1.48 272);
  --border: lch(14.16% 1.48 272);
  --control-hover: lch(12.2% 1.1 272);
  --control-open: lch(18.634% 1.075 272);
  --control-selected: lch(13.845% 1.429 272);
  --motion-checkbox: var(--motion-control);
  --focus-ring-color: var(--border-focus);
  --primary-hover: lch(44% 59.303 288.421);
  --menu-muted: lch(60.621% 1.2 272);
  --field-border-pressed: lch(32% 1.48 272);
  --destructive: lch(71.06% 38 22.22);
}
[data-combo-table-scroll]:has(> [data-zml-frozen-surface]) {
  scrollbar-color: color-mix(in srgb, lch(9.444% 0 282) 18%, transparent) transparent;
}
.dark [data-combo-table-scroll]:has(> [data-zml-frozen-surface]) {
  scrollbar-color: color-mix(in srgb, lch(100% 0 272) 18%, transparent) transparent;
}
[data-slot="main-surface"]:focus, #settings-main-content:focus {
  outline: none;
}
:is([data-zml-surface="data"], [data-slot="table-surface"]) {
  border: var(--border-width-hairline) solid var(--border);
  border-radius: var(--radius-data-surface);
}
:is([data-zml-surface="data"], [data-slot="table-surface"]) :is([data-zml-surface="data"], [data-slot="table-surface"]), [data-zml-surface="none"], [data-zml-surface="none"] :is([data-zml-surface="data"], [data-slot="table-surface"]) {
  border: 0;
  border-radius: 0;
}
[data-slot="management-body"] [data-slot="table-surface"] {
  border: 0;
  border-radius: 0;
}
@media (max-width: 479px) {
  [data-slot="table-surface"] {
    border-inline: 0;
    border-radius: 0;
  }
}
@container table (max-width: 479px) {
  [data-slot="table-surface"] > table {
    --table-column-asset: 80px;
    --table-column-venue: 112px;
    --table-column-status: 88px;
    --table-column-metric: 112px;
    --table-column-metric-wide: 128px;
    --table-column-identity: 128px;
    --table-column-time: 144px;
    --table-column-body: 160px;
    --table-column-fill: 128px;
    --table-column-amount: calc(var(--table-column-metric) - 2 * var(--cell-inline));
    --table-narrow-asset: var(--table-column-asset);
    --table-narrow-venue: var(--table-column-venue);
    --table-narrow-status: var(--table-column-status);
    --table-narrow-metric: var(--table-column-metric);
    --table-narrow-metric-wide: var(--table-column-metric-wide);
    --table-narrow-identity: var(--table-column-identity);
    --table-narrow-time: var(--table-column-time);
    --table-narrow-action: var(--table-column-action);
    --table-narrow-body: var(--table-column-body);
  }
}
.zml-virtual-row {
  contain: layout style paint;
}
[data-slot="table-surface"], [data-pattern="loading-anatomy"][data-anatomy="table"] {
  --zml-table-head-step: 7.5%;
  --zml-table-head-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-table-head-border: color-mix(in srgb, var(--foreground) var(--zml-table-head-step), var(--zml-table-host-surface));
  }
  --zml-table-host-surface: var(--zml-table-surface, var(--work-surface));
  --zml-table-stripe-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-table-stripe-surface: color-mix(in srgb, var(--foreground) 4.5%, var(--zml-table-host-surface));
  }
  --zml-table-row-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-table-row-line: color-mix(in srgb, var(--foreground) 3.5%, var(--zml-table-surface, var(--zml-table-host-surface)));
  }
}
[data-slot="table-surface"] > table > tbody > tr {
  --zml-row-base: var(--zml-table-surface, var(--zml-table-host-surface));
  --row-fill-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-hover: color-mix(in srgb, var(--foreground) var(--row-step-hover), var(--zml-row-base));
  }
  --row-fill-current: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-current: color-mix(in srgb, var(--foreground) var(--row-step-current), var(--zml-row-base));
  }
  --row-fill-selected: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-selected: color-mix(in srgb, var(--primary) var(--row-step-selected), var(--zml-row-base));
  }
  --row-fill-selected-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --row-fill-selected-hover: color-mix(in srgb, var(--primary) var(--row-step-selected-hover), var(--zml-row-base));
  }
}
[data-slot="table-surface"][data-overflow] > table > tbody > tr:not([data-state]):hover > :is(td, th) {
  background: var(--row-fill-hover);
}
.dark [data-slot="table-surface"], .dark [data-pattern="loading-anatomy"][data-anatomy="table"] {
  --zml-table-stripe-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-table-stripe-surface: color-mix(in srgb, var(--foreground) 3.5%, var(--zml-table-host-surface));
  }
  --zml-table-row-line: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-table-row-line: color-mix(in srgb, var(--foreground) 2.5%, var(--zml-table-surface, var(--zml-table-host-surface)));
  }
  --zml-table-head-step: 5.5%;
}
[data-slot="table-surface"]:not([data-combo-table-host]) > table > tbody > tr > :is(td, th) {
  border-bottom: var(--border-width-hairline) solid var(--zml-table-row-line);
}
[data-slot="table-surface"]:not([data-combo-table-host]) > table > tbody > tr:last-child > :is(td, th) {
  border-bottom: 0;
}
[data-slot="table-surface"][data-overflow][data-stripe=""] tr[data-stripe="odd"] {
  --zml-table-surface: var(--zml-table-stripe-surface);
}
[data-slot="table-surface"][data-overflow][data-stripe="auto"] tbody tr:nth-child(even) {
  --zml-table-surface: var(--zml-table-stripe-surface);
}
.zml-cell-lede {
  display: flex;
  min-width: 0;
  align-items: baseline;
}
.zml-cell-lede > .zml-cell-lede-mark {
  align-self: center;
  flex: none;
}
[data-slot="entity-mark"][data-mark-tier="compact"] {
  width: 14px;
  height: 14px;
  --zml-mark-monogram: 8px;
}
[data-slot="entity-mark"][data-mark-tier="row"] {
  width: 16px;
  height: 16px;
  --zml-mark-monogram: 9px;
}
[data-slot="entity-mark"][data-mark-tier="stacked"] {
  width: 20px;
  height: 20px;
  --zml-mark-monogram: 11px;
}
[data-slot="entity-mark"][data-mark-tier="profile"] {
  width: 32px;
  height: 32px;
  --zml-mark-monogram: 18px;
}
[data-slot="entity-mark"] > [data-mark-monogram] {
  font-size: var(--zml-mark-monogram);
}
.zml-entity-mark-pair[data-mark-tier="compact"] {
  --zml-mark-size: 14px;
  --zml-mark-overlap: 3px;
}
.zml-entity-mark-pair[data-mark-tier="row"] {
  --zml-mark-size: 16px;
  --zml-mark-overlap: 3px;
}
.zml-entity-mark-pair[data-mark-tier="stacked"] {
  --zml-mark-size: 20px;
  --zml-mark-overlap: 4px;
}
.zml-entity-mark-pair[data-mark-tier="profile"] {
  --zml-mark-size: 32px;
  --zml-mark-overlap: 5px;
}
.zml-entity-mark-pair {
  display: inline-flex;
  flex: none;
  align-items: center;
  vertical-align: middle;
}
.zml-entity-mark-pair > :is([data-mark-slot="middle"], [data-mark-slot="secondary"]) {
  margin-inline-start: calc(var(--zml-mark-overlap) * -1);
  z-index: var(--z-raised);
}
.zml-entity-mark-pair[hidden] {
  display: none;
}
.zml-entity-mark-pair > [data-mark-slot="secondary"][hidden] {
  display: none;
}
.zml-entity-mark-pair[data-mark-notch="true"] > :is([data-mark-slot="primary"], [data-mark-slot="middle"]) {
  --zml-mark-notch-radius: calc(var(--zml-mark-size) / 2 + 1.5px);
  --zml-mark-notch-center: calc(var(--zml-mark-size) * 1.5 - var(--zml-mark-overlap));
  -webkit-mask-image: radial-gradient(circle var(--zml-mark-notch-radius) at var(--zml-mark-notch-center) 50%, transparent 100%, #000 100%);
  mask-image: radial-gradient(circle var(--zml-mark-notch-radius) at var(--zml-mark-notch-center) 50%, transparent 100%, #000 100%);
}
.zml-entity-mark-pair[data-mark-notch="true"]:dir(rtl) > :is([data-mark-slot="primary"], [data-mark-slot="middle"]) {
  --zml-mark-notch-center: calc(var(--zml-mark-overlap) - var(--zml-mark-size) / 2);
}
[data-slot="table-surface"] > table > thead {
  border-bottom: 1px solid var(--zml-table-head-border);
}
[data-combo-table-host] [data-combo-column-head] {
  border-bottom: 1px solid var(--zml-combo-head-border);
}
[data-combo-table-host] {
  --zml-combo-head-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-head-border: color-mix(in srgb, var(--foreground) 12%, var(--zml-table-host-surface, var(--work-surface)));
  }
  --zml-combo-family-gap: 8px;
}
.dark [data-combo-table-host] {
  --zml-combo-head-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-head-border: color-mix(in srgb, var(--foreground) 11%, var(--zml-table-host-surface, var(--work-surface)));
  }
}
:is([data-slot="table-surface"], [data-scroll-x-owner]) {
  scroll-padding-inline-start: var(--zml-table-frozen-inline, 0px);
}
[data-slot="table-surface"][data-frozen-first-column] > table > :is(thead, tbody) > tr > :first-child:not([colspan]) {
  position: sticky;
  inset-inline-start: 0;
  z-index: 1;
}
[data-slot="table-edge"] {
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  z-index: calc(var(--z-sticky) + 1);
  height: 0;
  pointer-events: none;
}
[data-slot="table-edge"] > [data-edge] {
  position: absolute;
  top: 0;
  width: calc(var(--space-inline-standard) + var(--space-section-standard));
  height: var(--zml-table-port-height, 0px);
  opacity: 0;
  transition: opacity var(--motion-control) var(--ease-standard);
}
[data-slot="table-edge"] > [data-edge="start"] {
  inset-inline-start: 0;
  background: linear-gradient(to right, var(--zml-table-host-surface, var(--zml-table-surface, var(--work-surface))) var(--space-inline-standard), transparent);
}
[data-slot="table-edge"] > [data-edge="end"] {
  --zml-table-edge-gutter: 0px;
  --zml-table-edge-solid: calc(max(var(--space-inline-standard), var(--zml-table-edge-cover, 0px)) + var(--zml-table-edge-gutter));
  inset-inline-end: calc(var(--zml-table-frozen-inline-end, 0px) - var(--zml-table-edge-gutter));
  width: calc(max(var(--space-inline-standard) + var(--space-section-standard), var(--zml-table-edge-cover, 0px)) + var(--zml-table-edge-gutter));
  background: linear-gradient(to left, var(--zml-table-host-surface, var(--zml-table-surface, var(--work-surface))) var(--zml-table-edge-solid), transparent);
}
:is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow]:not([data-at-end]) [data-slot="table-edge"] > [data-edge="end"] {
  --zml-table-edge-gutter: var(--zml-table-gutter, 0px);
}
:is([data-slot="table-surface"], [data-scroll-x-owner]):dir(rtl) [data-slot="table-edge"] > [data-edge="start"] {
  background: linear-gradient(to left, var(--zml-table-host-surface, var(--zml-table-surface, var(--work-surface))) var(--space-inline-standard), transparent);
}
:is([data-slot="table-surface"], [data-scroll-x-owner]):dir(rtl) [data-slot="table-edge"] > [data-edge="end"] {
  background: linear-gradient(to right, var(--zml-table-host-surface, var(--zml-table-surface, var(--work-surface))) var(--zml-table-edge-solid), transparent);
}
:is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow][data-scrolled]:not([data-frozen-start]) [data-edge="start"], :is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow]:not([data-at-end]) [data-edge="end"] {
  opacity: 1;
}
[data-edge-cut="2"] > table > * > tr > :nth-child(2), [data-edge-cut="3"] > table > * > tr > :nth-child(3), [data-edge-cut="4"] > table > * > tr > :nth-child(4), [data-edge-cut="5"] > table > * > tr > :nth-child(5), [data-edge-cut="6"] > table > * > tr > :nth-child(6), [data-edge-cut="7"] > table > * > tr > :nth-child(7), [data-edge-cut="8"] > table > * > tr > :nth-child(8), [data-edge-cut="9"] > table > * > tr > :nth-child(9), [data-edge-cut="10"] > table > * > tr > :nth-child(10), [data-edge-cut="11"] > table > * > tr > :nth-child(11), [data-edge-cut="12"] > table > * > tr > :nth-child(12), [data-edge-cut="13"] > table > * > tr > :nth-child(13), [data-edge-cut="14"] > table > * > tr > :nth-child(14), [data-edge-cut="15"] > table > * > tr > :nth-child(15), [data-edge-cut="16"] > table > * > tr > :nth-child(16), [data-edge-cut="17"] > table > * > tr > :nth-child(17), [data-edge-cut="18"] > table > * > tr > :nth-child(18), [data-edge-cut="19"] > table > * > tr > :nth-child(19), [data-edge-cut="20"] > table > * > tr > :nth-child(20), [data-edge-cut="21"] > table > * > tr > :nth-child(21), [data-edge-cut="22"] > table > * > tr > :nth-child(22), [data-edge-cut="23"] > table > * > tr > :nth-child(23), [data-edge-cut="24"] > table > * > tr > :nth-child(24) {
  color: transparent;
}
[data-edge-cut="2"] > table > * > tr > :nth-child(2) > *, [data-edge-cut="3"] > table > * > tr > :nth-child(3) > *, [data-edge-cut="4"] > table > * > tr > :nth-child(4) > *, [data-edge-cut="5"] > table > * > tr > :nth-child(5) > *, [data-edge-cut="6"] > table > * > tr > :nth-child(6) > *, [data-edge-cut="7"] > table > * > tr > :nth-child(7) > *, [data-edge-cut="8"] > table > * > tr > :nth-child(8) > *, [data-edge-cut="9"] > table > * > tr > :nth-child(9) > *, [data-edge-cut="10"] > table > * > tr > :nth-child(10) > *, [data-edge-cut="11"] > table > * > tr > :nth-child(11) > *, [data-edge-cut="12"] > table > * > tr > :nth-child(12) > *, [data-edge-cut="13"] > table > * > tr > :nth-child(13) > *, [data-edge-cut="14"] > table > * > tr > :nth-child(14) > *, [data-edge-cut="15"] > table > * > tr > :nth-child(15) > *, [data-edge-cut="16"] > table > * > tr > :nth-child(16) > *, [data-edge-cut="17"] > table > * > tr > :nth-child(17) > *, [data-edge-cut="18"] > table > * > tr > :nth-child(18) > *, [data-edge-cut="19"] > table > * > tr > :nth-child(19) > *, [data-edge-cut="20"] > table > * > tr > :nth-child(20) > *, [data-edge-cut="21"] > table > * > tr > :nth-child(21) > *, [data-edge-cut="22"] > table > * > tr > :nth-child(22) > *, [data-edge-cut="23"] > table > * > tr > :nth-child(23) > *, [data-edge-cut="24"] > table > * > tr > :nth-child(24) > * {
  visibility: hidden;
}
:is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow][data-edge-cut] > [data-slot="table-edge"] > [data-edge="end"] {
  opacity: 0;
}
[data-slot="table-edge"] > [data-slot="table-reach"] {
  position: absolute;
  top: 0;
  inset-inline-end: calc(var(--zml-table-frozen-inline-end, 0px) + var(--space-inline-compact));
  display: none;
  height: var(--zml-table-header);
  align-items: center;
  pointer-events: auto;
}
:is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow]:not([data-at-end]) [data-slot="table-reach"] {
  display: flex;
}
@media (pointer: coarse) {
  :is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow] {
    scroll-snap-type: x proximity;
  }
  :is([data-slot="table-surface"], [data-scroll-x-owner])[data-overflow] :is(th, td, [role="gridcell"], [role="columnheader"]) {
    scroll-snap-align: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-slot="table-edge"] > [data-edge] {
    transition: none;
  }
}
@media (forced-colors: active) {
  [data-slot="table-edge"] > [data-edge] {
    display: none;
  }
}
:root[dir="rtl"] [data-icon-rtl-mirror] {
  transform: scaleX(-1);
}
.zml-data-row {
  background-color: var(--zml-data-row-surface, var(--work-surface));
}
.zml-combo-row[data-row-stripe="odd"] {
  --zml-combo-base-surface: var(--zml-combo-stripe-surface);
}
.zml-combo-row {
  --zml-combo-stripe-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-stripe-surface: color-mix(in srgb, var(--foreground) 9%, var(--zml-table-host-surface, var(--work-surface)));
  }
  --zml-combo-base-surface: var(--zml-table-host-surface, var(--work-surface));
  --zml-data-row-surface: var(--zml-combo-base-surface);
  --zml-combo-hover-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-hover-surface: color-mix(in srgb, var(--foreground) var(--row-step-hover), var(--zml-combo-base-surface));
  }
  --zml-combo-current-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-current-surface: color-mix(in srgb, var(--foreground) var(--row-step-current), var(--zml-combo-base-surface));
  }
  --zml-combo-selected-surface: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-selected-surface: color-mix(in srgb, var(--primary) var(--row-step-selected), var(--zml-combo-base-surface));
  }
  --zml-combo-selected-hover-surface: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-selected-hover-surface: color-mix(in srgb, var(--primary) var(--row-step-selected-hover), var(--zml-combo-base-surface));
  }
  --zml-combo-row-surface: var(--zml-data-row-surface, var(--work-surface));
  --zml-combo-column-step: 18%;
  --zml-combo-column-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-column-border: color-mix(in srgb, var(--foreground) var(--zml-combo-column-step), var(--zml-combo-row-surface));
  }
  --zml-combo-frozen-step: 34%;
  --zml-combo-frozen-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-frozen-border: color-mix(in srgb, var(--foreground) var(--zml-combo-frozen-step), var(--zml-combo-row-surface));
  }
}
[data-combo-table-host] :is(thead, [data-combo-column-head]) {
  --zml-combo-row-surface: var(--zml-table-host-surface, var(--work-surface));
  --zml-combo-column-step: 18%;
  --zml-combo-column-border: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-column-border: color-mix(in srgb, var(--foreground) var(--zml-combo-column-step), var(--zml-combo-row-surface));
  }
}
.dark [data-combo-table-host] :is(thead, [data-combo-column-head]) {
  --zml-combo-column-step: 12%;
}
.dark .zml-combo-row {
  --zml-combo-stripe-surface: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-combo-stripe-surface: color-mix(in srgb, var(--foreground) 8%, var(--zml-table-host-surface, var(--work-surface)));
  }
  --zml-combo-column-step: 12%;
  --zml-combo-frozen-step: 26%;
}
.zml-combo-row > :is(th, td) {
  border-bottom-width: 0;
  border-inline-end: 1px solid var(--zml-combo-column-border);
}
.zml-combo-row :is([role="cell"], [role="gridcell"]):not(.zml-combo-drawer-band *)::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: 1px;
  background: var(--zml-combo-column-border);
  pointer-events: none;
}
.zml-combo-row :is([role="cell"], [role="gridcell"])[data-combo-frozen-edge="true"]::after {
  background: var(--zml-combo-frozen-border);
}
[data-combo-table-host] [data-combo-column-head] {
  border-inline-end: 1px solid var(--zml-combo-column-border);
}
.zml-combo-row > :is(th, td)[data-combo-column-end="true"], [data-combo-table-host] [data-combo-column-head][data-combo-column-end="true"] {
  border-inline-end-color: transparent;
}
.zml-combo-row :is([role="cell"], [role="gridcell"])[data-combo-column-end="true"]::after {
  content: none;
}
.zml-combo-row > [data-combo-alert-band="true"] {
  border-inline-end: 0;
}
.zml-combo-row > [data-combo-family-end="true"], .zml-combo-row :is([role="cell"], [role="gridcell"])[data-combo-family-end="true"]:not(.zml-combo-drawer-band *) {
  padding-inline-end: calc(var(--zml-cell-inline, var(--cell-inline)) + var(--zml-combo-family-gap, 8px));
}
[data-combo-table-host] [data-combo-column-head][data-combo-family-end="true"] {
  padding-inline-end: var(--zml-combo-family-gap, 8px);
}
[data-combo-scrolled-x="true"] [data-combo-frozen-edge="true"] {
  box-shadow: 6px 0 6px -6px var(--border-strong);
}
[data-combo-scrolled-x="true"] [data-combo-frozen-edge="true"]:dir(rtl) {
  box-shadow: -6px 0 6px -6px var(--border-strong);
}
[data-frozen-columns="idle"] .zml-combo-row [data-combo-sticky], [data-frozen-columns="idle"] > table > tbody > tr > [data-combo-sticky], [data-frozen-columns="idle"][data-frozen-first-column] > table > tbody > tr > :first-child:not([colspan]) {
  position: relative !important;
  inset: auto !important;
}
[data-combo-table-scroll][data-combo-snap="true"] {
  scroll-snap-type: x proximity;
  scroll-padding-inline-start: var(--zml-combo-frozen-width, 0px);
}
[data-combo-table-scroll][data-combo-snap="true"] thead th:not([data-sticky]) {
  scroll-snap-align: start;
}
.zml-combo-row > .zml-combo-drawer-band {
  grid-column: 1 / -1;
  padding: 0;
  border-inline-end: 0;
  overflow: visible;
}
.zml-row-drawer-band {
  box-sizing: border-box;
  padding: 6px 8px;
  padding-inline-start: 6px;
  border-inline-start: 2px solid var(--primary);
  background: var(--sub-surface);
  color: var(--foreground);
}
.zml-row-drawer {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: 6px 8px;
  padding-inline-start: 10px;
  background: var(--card);
  color: var(--foreground);
  box-shadow: inset 0 1px 0 var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--foreground) 5%, transparent);
  }
}
.zml-combo-drawer {
  position: sticky;
  inset-inline-start: 0;
  width: var(--zml-combo-viewport-width, 100%);
  max-width: 100%;
}
.zml-combo-drawer-band:not([data-combo-drawer-ready="true"]) {
  visibility: hidden;
}
@media (hover: hover) {
  .zml-combo-row:not([aria-selected="true"], [data-selected="true"], [data-combo-expanded="true"], [data-combo-confirmed="true"]):hover {
    --zml-data-row-surface: var(--zml-combo-hover-surface);
  }
  .zml-combo-row:is([aria-selected="true"], [data-selected="true"]):hover {
    --zml-data-row-surface: var(--zml-combo-selected-hover-surface);
  }
}
.zml-combo-row:is([data-combo-expanded="true"], [data-combo-confirmed="true"]):not([aria-selected="true"], [data-selected="true"]) {
  --zml-data-row-surface: var(--zml-combo-current-surface);
}
.zml-combo-row:is([aria-selected="true"], [data-selected="true"]) {
  --zml-data-row-surface: var(--zml-combo-selected-surface);
}
.zml-combo-row:focus-visible {
  outline: var(--border-width-focus) solid var(--ring);
  outline-offset: calc(-1 * var(--border-width-focus));
}
.zml-data-message-cell {
  --zml-message-line: var(--data-message-row);
  grid-template-rows: repeat(2, var(--zml-message-line));
  align-content: center;
  padding-block: 0;
  overflow: hidden;
  font-size: var(--type-workbench-secondary);
  line-height: var(--zml-message-line);
}
.zml-data-message-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  overflow-wrap: anywhere;
  max-height: var(--zml-message-line);
}
@keyframes zml-fill-flash-a {
  from {
    background-color: color-mix(in srgb, var(--primary) 28%, transparent);
  }
  to {
    background-color: transparent;
  }
}
@keyframes zml-fill-flash-b {
  from {
    background-color: color-mix(in srgb, var(--primary) 28%, transparent);
  }
  to {
    background-color: transparent;
  }
}
[data-zml-flash] {
  border-radius: var(--radius-micro, 2px);
}
[data-zml-flash="a"] {
  animation: zml-fill-flash-a var(--motion-event-flash) linear;
}
[data-zml-flash="b"] {
  animation: zml-fill-flash-b var(--motion-event-flash) linear;
}
@media (prefers-reduced-motion: reduce) {
  [data-zml-flash] {
    animation: none;
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--primary) 18%, transparent);
    }
  }
}
@keyframes zml-chart-reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
[data-chart-reveal="play"] {
  animation: zml-chart-reveal var(--motion-chart-reveal) var(--ease-emphasized) both;
}
@media (prefers-reduced-motion: reduce) {
  [data-chart-reveal="play"] {
    animation: none;
  }
}
html[data-pointer-drag] {
  user-select: none;
  -webkit-user-select: none;
}
html[data-pointer-drag="col-resize"], html[data-pointer-drag="col-resize"] * {
  cursor: col-resize !important;
}
html[data-pointer-drag="grabbing"], html[data-pointer-drag="grabbing"] * {
  cursor: grabbing !important;
}
.zml-column-resize-handle {
  position: absolute;
  inset-block: 0;
  inset-inline-end: calc(-1 * var(--zml-column-handle-width, 8px) / 2);
  width: var(--zml-column-handle-width, 8px);
  z-index: var(--z-raised);
  cursor: col-resize;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.zml-column-resize-handle::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1px);
  width: 2px;
  background: var(--border-strong);
  opacity: 0;
  transition: opacity var(--motion-micro) var(--ease-standard);
}
.zml-column-resize-handle:hover::after, .zml-column-resize-handle[data-dragging="true"]::after {
  opacity: 1;
}
@media (any-pointer: coarse) {
  .zml-column-resize-handle {
    --zml-column-handle-width: 16px;
  }
}
.zml-column-guide {
  position: fixed;
  top: 0;
  left: 0;
  width: 2px;
  pointer-events: none;
  z-index: var(--z-floating);
  background: var(--foreground);
  will-change: transform;
}
[data-column-drag-source="true"] {
  opacity: 0.4;
}
.zml-column-ghost {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: var(--z-floating);
  opacity: 0.92;
  background: var(--work-surface);
  box-shadow: var(--shadow-floating);
  border-radius: var(--radius-control);
  will-change: transform;
  overflow: hidden;
}
@media (forced-colors: active) {
  .zml-column-resize-handle::after, .zml-column-guide {
    background: Highlight;
  }
  .zml-column-ghost {
    outline: var(--border-width-control) solid CanvasText;
  }
}
[data-row-rail]::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: var(--zml-row-rail-width, 2px);
  background: var(--zml-row-rail-color, transparent);
  pointer-events: none;
}
@media (forced-colors: active) {
  [data-row-rail]::before {
    forced-color-adjust: none;
    background: var(--zml-row-rail-forced, transparent);
  }
}
.zml-combo-row[data-combo-control="reduce"] {
  --zml-row-rail-color: var(--risk);
  --zml-row-rail-forced: CanvasText;
}
.zml-combo-row[data-combo-control="stop"] {
  --zml-row-rail-color: var(--muted-foreground);
  --zml-row-rail-forced: CanvasText;
}
.zml-combo-row[data-combo-control="error"] {
  --zml-row-rail-color: var(--status-error);
  --zml-row-rail-forced: CanvasText;
}
.zml-combo-row[data-alert="true"][data-combo-control] {
  --zml-row-rail-width: 5px;
}
.zml-data-message-text[hidden] {
  display: none;
}
@property --zml-data-row-alert-mix {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 0%;
}
.zml-data-row, .zml-combo-row {
  --zml-data-row-alert-mix: 0%;
  --zml-data-row-alert-fill: var(--data-alert-color);
  @supports (color: color-mix(in lab, red, red)) {
    --zml-data-row-alert-fill: color-mix(in srgb, var(--data-alert-color) var(--zml-data-row-alert-mix), transparent);
  }
}
.zml-data-row[data-alert], .zml-combo-row[data-alert] > :is(th, td) {
  background-image: linear-gradient(var(--zml-data-row-alert-fill), var(--zml-data-row-alert-fill));
}
.zml-data-row[data-alert="false"], .zml-combo-row[data-alert="false"] {
  animation: zml-data-row-alert-release var(--motion-out) var(--ease-move) both;
}
.zml-data-row[data-alert="true"], .zml-combo-row[data-alert="true"] {
  --zml-data-row-alert-mix: 12%;
  animation: zml-data-row-alert-ignite var(--motion-alert-ignite) var(--ease-emphasized) both;
}
@keyframes zml-data-row-alert-ignite {
  from {
    --zml-data-row-alert-mix: 0%;
  }
  to {
    --zml-data-row-alert-mix: 12%;
  }
}
@keyframes zml-data-row-alert-release {
  from {
    --zml-data-row-alert-mix: 12%;
  }
  to {
    --zml-data-row-alert-mix: 0%;
  }
}
.zml-data-row-alert {
  print-color-adjust: exact;
}
.zml-data-row[data-alert="true"] .zml-data-row-alert, .zml-combo-row[data-alert="true"] .zml-data-row-alert {
  animation: zml-alert-rail-ignite var(--motion-alert-ignite) var(--ease-emphasized) both, zml-alert-rail-breathe var(--motion-pulse-slow) var(--ease-move) var(--motion-alert-ignite) infinite;
}
.zml-data-row[data-alert="false"] .zml-data-row-alert, .zml-combo-row[data-alert="false"] .zml-data-row-alert {
  animation: zml-alert-rail-release var(--motion-out) var(--ease-move) both;
}
@keyframes zml-alert-rail-ignite {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zml-alert-rail-breathe {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
@keyframes zml-alert-rail-release {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .zml-data-row[data-alert], .zml-combo-row[data-alert] {
    animation: none;
  }
  .zml-data-row[data-alert="true"] .zml-data-row-alert, .zml-combo-row[data-alert="true"] .zml-data-row-alert {
    animation: none;
    opacity: 1;
  }
  .zml-data-row[data-alert="false"] .zml-data-row-alert, .zml-combo-row[data-alert="false"] .zml-data-row-alert {
    animation: none;
    opacity: 0;
  }
}
@media (forced-colors: active) {
  .zml-data-row[data-alert], .zml-combo-row[data-alert] > :is(th, td) {
    background-image: none;
  }
  .zml-data-row[data-alert] .zml-data-row-alert, .zml-combo-row[data-alert] .zml-data-row-alert {
    animation: none;
  }
  .zml-data-row[data-alert="true"] .zml-data-row-alert, .zml-combo-row[data-alert="true"] .zml-data-row-alert {
    background: CanvasText;
    opacity: 1;
  }
  .zml-data-row[data-alert="false"] .zml-data-row-alert, .zml-combo-row[data-alert="false"] .zml-data-row-alert {
    opacity: 0;
  }
  .zml-data-row[data-alert="true"], .zml-combo-row[data-alert="true"] > :is(th, td) {
    background-image: none;
  }
}
.zml-data-row[data-focused="true"] {
  outline: var(--focus-ring-outline);
  outline-offset: var(--focus-offset-clipped);
}
.zml-data-row[data-stale="true"] .zml-data-numeric {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--status-stale);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb, var(--status-stale) 45%, transparent);
  }
  text-underline-offset: var(--space-inline-compact);
}
.dark .zml-data-row[data-stale="true"] .zml-data-numeric {
  text-decoration-color: var(--status-stale);
}
@media (forced-colors: active) {
  .zml-combo-row :is([role="cell"], [role="gridcell"]):not(.zml-combo-drawer-band *)::after {
    forced-color-adjust: none;
    background: GrayText;
  }
  .zml-combo-row :is([role="cell"], [role="gridcell"])[data-combo-frozen-edge="true"]::after {
    background: CanvasText;
  }
  .zml-combo-row {
    --zml-data-row-surface: Canvas;
  }
  .zml-combo-row:is([aria-selected="true"], [data-selected="true"], [data-combo-confirmed="true"]) {
    --zml-data-row-surface: Highlight;
    forced-color-adjust: none;
    color: HighlightText;
  }
  .zml-combo-row:is([aria-selected="true"], [data-selected="true"], [data-combo-confirmed="true"]) > :is(th, td) {
    background: linear-gradient(Highlight, Highlight) Canvas;
  }
  .zml-combo-row:is([aria-selected="true"], [data-selected="true"], [data-combo-confirmed="true"]) > :is(th, td) :where(*):not(.zml-data-row-alert) {
    color: HighlightText;
    background-color: transparent !important;
  }
  .zml-combo-row:is([aria-selected="true"], [data-selected="true"], [data-combo-confirmed="true"]) .zml-data-row-alert {
    background-color: HighlightText;
  }
  .zml-data-row, .zml-data-row[data-row-stripe] {
    background-color: Canvas;
  }
  .zml-data-row[aria-selected="true"] {
    background-color: Highlight;
    color: HighlightText;
  }
  .zml-data-row[aria-selected="true"] :where(*) {
    color: HighlightText;
  }
  .zml-data-row-alert {
    background-color: CanvasText;
  }
  .zml-data-row[aria-selected="true"] .zml-data-row-alert {
    background-color: HighlightText;
  }
  .zml-data-row[data-stale="true"] .zml-data-numeric {
    text-decoration-color: CanvasText;
  }
  .zml-data-row[aria-selected="true"][data-stale="true"] .zml-data-numeric {
    text-decoration-color: HighlightText;
  }
  :root {
    --focus-ring-width: 2px;
    --focus-ring-color: Highlight;
  }
  :is(a, button)[aria-current="page"] {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
  :is(a, button)[aria-current="page"] :where(*) {
    color: HighlightText;
  }
  [data-status][aria-hidden="true"], [data-status-dot-mark] {
    background: CanvasText;
    box-shadow: none !important;
  }
  [data-status="active"][aria-hidden="true"] {
    outline: 1px dotted CanvasText;
    outline-offset: 1px;
  }
  [data-status="error"][aria-hidden="true"], [data-status-dot-mark][data-status-dot-tone="danger"] {
    outline: 1px solid CanvasText;
    outline-offset: 1px;
  }
  [data-status="warning"][aria-hidden="true"], [data-status-dot-mark][data-status-dot-tone="warning"] {
    background: Canvas;
    outline: 1px dashed CanvasText;
    outline-offset: 1px;
  }
  [data-status="offline"][aria-hidden="true"] {
    background: Canvas;
    outline: 1px solid CanvasText;
    outline-offset: 1px;
  }
  [data-status="stale"][aria-hidden="true"] {
    background: Canvas;
    outline: 1px dashed GrayText;
    outline-offset: 1px;
  }
  [data-status="idle"][aria-hidden="true"], [data-status-dot-mark][data-status-dot-tone="muted"] {
    background: Canvas;
    outline: 1px solid GrayText;
    outline-offset: 1px;
  }
  [data-status="unknown"][aria-hidden="true"], [data-status-dot-mark][data-status-dot-tone="unknown"] {
    background: Canvas;
    outline: 1px dotted GrayText;
    outline-offset: 1px;
  }
  [data-status]:not([aria-hidden="true"]) {
    border-color: CanvasText;
    border-style: solid;
  }
  [data-status="active"]:not([aria-hidden="true"]) {
    border-style: dotted;
  }
  [data-status="warning"]:not([aria-hidden="true"]) {
    border-style: dashed;
  }
  [data-status="error"]:not([aria-hidden="true"]), [data-status="offline"]:not([aria-hidden="true"]) {
    outline: 1px solid CanvasText;
    outline-offset: 1px;
  }
  [data-status="offline"]:not([aria-hidden="true"]) {
    border-style: dashed;
  }
  [data-status="stale"]:not([aria-hidden="true"]) {
    border-color: GrayText;
    border-style: dashed;
  }
  [data-status="idle"]:not([aria-hidden="true"]) {
    border-color: GrayText;
    color: GrayText;
  }
  [data-status="unknown"]:not([aria-hidden="true"]) {
    border-color: GrayText;
    border-style: dotted;
    color: GrayText;
  }
}
html[data-theme-transition="suppressed"], html[data-theme-transition="suppressed"] *, html[data-theme-transition="suppressed"] *::before, html[data-theme-transition="suppressed"] *::after {
  transition-delay: 0s !important;
  transition-duration: 0s !important;
}
@media (prefers-contrast: more) {
  :root {
    --focus-ring-width: 2px;
  }
}
.zml-form-section {
  container: zml-form / inline-size;
  display: grid;
  gap: var(--form-section-content-gap);
}
[data-slot="field-grid"] > [data-slot="field-cluster"] {
  display: grid;
  grid-column: span var(--field-cluster-span, 2);
  grid-template-columns: subgrid;
}
@container zml-form (width < 15.5rem) {
  [data-slot="field-grid"] > [data-slot="field-cluster"] {
    display: contents;
  }
}
.zml-form-section[data-divided] {
  border-block-start: 1px solid var(--overlay-divider);
  padding-block-start: var(--space-section-compact);
}
.zml-form-section-header {
  display: grid;
  grid-template-areas: "title actions";
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: var(--space-inline-standard);
}
.zml-form-section-header[data-has-presets="true"] {
  grid-template-areas: "title actions" "presets presets";
}
.zml-form-section-title {
  grid-area: title;
}
.zml-form-section-presets {
  grid-area: presets;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-inline-compact);
}
.zml-form-section-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: var(--space-inline-compact);
}
.zml-form-section-body {
  display: grid;
  min-width: 0;
  gap: var(--form-section-content-gap);
}
.zml-form-live-region {
  margin: 0;
  min-height: 0;
}
.zml-form-section-body > .zml-form-live-region:empty:not(:first-child) {
  margin-block-start: calc(-1*var(--form-section-content-gap));
}
@container zml-form (min-width: 36rem) {
  .zml-form-section-header[data-has-presets="true"] {
    grid-template-areas: "title presets actions";
    grid-template-columns: auto minmax(0,1fr) auto;
  }
}
.zml-data-matrix {
  --data-heat-quiet: 0%;
  --data-heat-medium: 4%;
  --data-heat-strong: 8%;
  --data-heat-extreme: 12%;
  --data-heat-maximum: 16%;
}
.zml-data-matrix [data-funding-row] {
  --funding-row-fill: var(--work-surface);
  background-color: transparent;
}
.zml-data-matrix [data-funding-row], .zml-data-matrix [data-funding-identity] {
  border-bottom: 0;
}
.zml-data-matrix [data-funding-identity] {
  isolation: isolate;
  background-color: var(--zml-table-surface, var(--work-surface));
  border-inline-end: var(--border-width-hairline) solid var(--border);
}
.zml-data-matrix-seam {
  border-inline-end: var(--border-width-hairline) solid var(--border);
}
.zml-data-matrix [data-funding-row]::before, .zml-data-matrix [data-funding-identity]::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: var(--space-inline-standard);
  z-index: -1;
  pointer-events: none;
  border-radius: var(--radius-control);
  background: var(--row-fill-hover);
  opacity: 0;
}
.zml-data-matrix [data-funding-identity]::before {
  inset-inline-end: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.zml-data-matrix [data-hovered="true"] {
  --funding-row-fill: var(--row-fill-hover);
}
.zml-data-matrix [data-hovered="true"]::before {
  opacity: 1;
}
@media (hover: hover) {
  .zml-data-matrix [data-funding-row]:hover, .zml-data-matrix [data-funding-identity]:hover {
    --funding-row-fill: var(--row-fill-hover);
  }
  .zml-data-matrix [data-funding-row]:hover::before, .zml-data-matrix [data-funding-identity]:hover::before {
    opacity: 1;
  }
}
.zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"] {
  --funding-row-fill: var(--row-fill-selected);
}
.zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"]::before {
  background: var(--row-fill-selected);
  opacity: 1;
}
.zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"][data-hovered="true"] {
  --funding-row-fill: var(--row-fill-selected-hover);
}
.zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"][data-hovered="true"]::before {
  background: var(--row-fill-selected-hover);
}
@media (hover: hover) {
  .zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"]:hover {
    --funding-row-fill: var(--row-fill-selected-hover);
  }
  .zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"]:hover::before {
    background: var(--row-fill-selected-hover);
  }
}
.zml-data-matrix-heading {
  padding-inline: clamp(0px,calc(var(--funding-venue-width)/4),var(--space-inline-compact));
  font-size: var(--type-workbench-secondary);
  line-height: var(--type-workbench-secondary-line);
  font-weight: var(--font-weight-medium);
}
.zml-data-matrix-cell {
  --data-matrix-content-height: var(--type-workbench-secondary-line);
  --funding-heat-pct: var(--data-heat-quiet);
  box-sizing: border-box;
  display: block;
  padding-inline: clamp(0px,calc(var(--funding-venue-width)/4),var(--cell-inline-dense));
  padding-top: calc((var(--funding-row-height) - var(--data-matrix-content-height))/2);
}
[data-funding-stat-lines="1"] .zml-data-matrix-cell {
  --data-matrix-content-height: calc(2*var(--type-workbench-secondary-line));
}
[data-funding-stat-lines="2"] .zml-data-matrix-cell {
  --data-matrix-content-height: calc(3*var(--type-workbench-secondary-line));
}
[data-funding-stat-lines="3"] .zml-data-matrix-cell {
  --data-matrix-content-height: calc(4*var(--type-workbench-secondary-line));
}
.zml-data-matrix-cell[data-funding-heat] {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--primary) var(--funding-heat-pct),transparent);
  }
}
.zml-data-matrix-cell[data-funding-heat="1"] {
  --funding-heat-pct: var(--data-heat-medium);
}
.zml-data-matrix-cell[data-funding-heat="2"] {
  --funding-heat-pct: var(--data-heat-strong);
}
.zml-data-matrix-cell[data-funding-heat="3"] {
  --funding-heat-pct: var(--data-heat-extreme);
}
.zml-data-matrix-cell[data-funding-heat="4"] {
  --funding-heat-pct: var(--data-heat-maximum);
}
.zml-data-matrix-cell[data-funding-adornment] {
  box-shadow: none;
}
.zml-data-matrix-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.zml-data-matrix-value[data-funding-tone="foreground"] {
  color: var(--foreground);
}
.zml-data-matrix-value[data-funding-tone="muted"] {
  color: var(--muted-foreground);
}
[data-funding-basis-suspect]::before {
  content: attr(data-funding-basis-suspect);
  margin-inline-end: var(--space-inline-compact);
  color: var(--status-warning);
  font-size: var(--type-workbench-secondary);
}
.zml-data-matrix-interval, .zml-data-matrix-value[data-funding-interval]::before {
  margin-inline-end: var(--space-inline-compact);
  color: var(--muted-foreground);
  font-size: var(--type-workbench-secondary);
}
.zml-data-matrix-value[data-funding-interval]::before {
  content: attr(data-funding-interval);
}
.zml-data-matrix-cell[data-funding-stats]::after {
  content: attr(data-funding-stats);
  display: none;
}
.zml-data-matrix-stats, .zml-data-matrix-cell[data-funding-stats]::after {
  box-sizing: border-box;
  width: 100%;
  margin-top: 0;
  color: var(--muted-foreground);
  font-size: var(--type-workbench-secondary);
  font-weight: var(--font-weight-regular);
  font-variant-numeric: tabular-nums;
  line-height: var(--type-workbench-secondary-line);
  text-align: right;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-funding-stat-lines="0"] .zml-data-matrix-stats, [data-funding-stat-lines="0"] .zml-data-matrix-cell[data-funding-stats]::after {
  display: none;
  height: 0;
}
[data-funding-stat-lines="1"] .zml-data-matrix-stats, [data-funding-stat-lines="1"] .zml-data-matrix-cell[data-funding-stats]::after {
  display: block;
  height: var(--type-workbench-secondary-line);
}
[data-funding-stat-lines="2"] .zml-data-matrix-stats, [data-funding-stat-lines="2"] .zml-data-matrix-cell[data-funding-stats]::after {
  display: block;
  height: calc(2*var(--type-workbench-secondary-line));
}
[data-funding-stat-lines="3"] .zml-data-matrix-stats, [data-funding-stat-lines="3"] .zml-data-matrix-cell[data-funding-stats]::after {
  display: block;
  height: calc(3*var(--type-workbench-secondary-line));
}
@media (forced-colors: active) {
  .zml-data-matrix-cell[data-funding-heat] {
    background-color: Canvas;
  }
  .zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"] {
    --funding-row-fill: Highlight;
    color: HighlightText;
    background-color: Highlight;
  }
  .zml-data-matrix :is([data-funding-row],[data-funding-identity])[aria-selected="true"] :where(*) {
    color: HighlightText;
  }
  .zml-data-matrix [data-funding-row][aria-selected="true"] .zml-data-matrix-cell {
    background-color: Highlight;
  }
  .zml-data-matrix-value[data-funding-tone="muted"] {
    color: GrayText;
  }
  .zml-data-matrix-cell[data-funding-adornment~="best-long"] {
    border-inline-start: var(--focus-ring-width) solid CanvasText;
  }
  .zml-data-matrix-cell[data-funding-adornment~="best-short"] {
    border-inline-end: var(--focus-ring-width) solid CanvasText;
  }
  .zml-data-matrix [data-funding-row][aria-selected="true"] .zml-data-matrix-cell {
    border-color: HighlightText;
  }
}
.zml-column-record-list {
  container: zml-column-record-list / inline-size;
  width: 100%;
  min-width: 0;
}
[data-slot="column-record-grid"] {
  display: grid;
  grid-template-columns: minmax(0,1fr) max-content;
  column-gap: var(--space-section-compact);
  min-width: 0;
}
.zml-column-record-row {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: start;
  column-gap: inherit;
  row-gap: var(--space-stack-compact);
  min-width: 0;
  min-height: var(--row-single);
  padding: var(--space-stack-standard) var(--cell-inline);
  color: var(--muted-foreground);
  font-size: var(--type-workbench-secondary);
  line-height: var(--type-workbench-secondary-line);
}
.zml-column-record-row::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: var(--space-inline-standard);
  z-index: -1;
  border-radius: var(--radius-control);
  background: var(--row-fill-hover);
  opacity: 0;
}
.zml-column-record-row[data-interactive]:hover {
  cursor: pointer;
}
.zml-column-record-row[data-interactive]:hover::before {
  opacity: 1;
}
[data-slot="column-record-identity"] {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  gap: var(--space-inline-standard);
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--foreground);
  font-size: var(--type-workbench-primary);
  line-height: var(--type-workbench-primary-line);
  font-weight: var(--font-weight-medium);
}
.zml-column-record-row:not([data-has-actions]) > [data-slot="column-record-identity"] {
  grid-column: 1 / -1;
}
[data-slot="column-record-actions"] {
  grid-area: 1 / 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: var(--space-inline-compact);
  max-width: 100%;
}
[data-slot="column-record-cells"] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-stack-compact) var(--space-inline-wide);
  grid-column: 1 / -1;
  min-width: 0;
}
[data-slot="column-record-cell"] {
  min-width: 0;
  overflow-wrap: anywhere;
}
[data-slot="column-record-cell"][data-full-width] {
  flex-basis: 100%;
}
[data-slot="column-record-footer"] {
  grid-column: 1 / -1;
  min-width: 0;
}
@container zml-column-record-list (min-width: 56rem) {
  [data-slot="column-record-grid"] {
    grid-template-columns: var(--record-columns);
  }
  .zml-column-record-row {
    align-items: center;
  }
  .zml-column-record-row > [data-slot="column-record-identity"], .zml-column-record-row:not([data-has-actions]) > [data-slot="column-record-identity"], [data-slot="column-record-actions"] {
    grid-area: auto;
  }
  [data-slot="column-record-cells"] {
    display: contents;
  }
  [data-slot="column-record-cell"][data-align="end"] {
    justify-self: end;
    text-align: end;
  }
}
@container overlay-frame (max-width: 767.98px) {
  [data-settings-window][data-narrow-view="rail"] [aria-current="page"]:not(:hover) {
    background-color: transparent;
  }
}
[data-overlay-frame] {
  isolation: isolate;
  overscroll-behavior: none;
}
[data-overlay-frame][data-closed] {
  pointer-events: none;
}
[data-overlay-frame] [data-scroll-y-owner] {
  overflow-anchor: none;
  overscroll-behavior-y: contain;
  scroll-padding-block: var(--space-section-compact);
}
:is([data-overlay-frame] > [data-scroll-y-owner], [data-overlay-frame] [data-overlay-primary-scroll]) {
  --overlay-keyboard-inset: var(--keyboard-occlusion);
}
@keyframes zml-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-reveal] {
  animation: zml-reveal var(--motion-reveal) var(--ease-emphasized) both;
}
[data-refreshing] {
  opacity: var(--opacity-refreshing);
  transition: opacity var(--motion-control) var(--ease-standard);
}
[data-loading-skeleton="true"] {
  transition: visibility 0s linear var(--wait-quiet);
}
@starting-style {
  [data-loading-skeleton="true"] {
    visibility: hidden;
  }
}
[data-inline-status-slot] > :not(:empty) ~ * {
  display: none;
}
[data-inline-status-slot] > :empty {
  display: none;
}
[data-inline-status-slot]:not(:has(> :not(:empty))) {
  display: none;
}
@keyframes zml-dither {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
[data-slot="brand-mark"][data-motion="dither"] [data-dither-cell] {
  opacity: 0;
  animation: zml-dither var(--motion-brand-loop) step-end infinite;
  animation-delay: calc(var(--motion-brand-loop) * var(--zml-dither-order) / -16);
}
[data-dither-order="0"] {
  --zml-dither-order: 0;
}
[data-dither-order="1"] {
  --zml-dither-order: 1;
}
[data-dither-order="2"] {
  --zml-dither-order: 2;
}
[data-dither-order="3"] {
  --zml-dither-order: 3;
}
[data-dither-order="4"] {
  --zml-dither-order: 4;
}
[data-dither-order="5"] {
  --zml-dither-order: 5;
}
[data-dither-order="6"] {
  --zml-dither-order: 6;
}
[data-dither-order="7"] {
  --zml-dither-order: 7;
}
[data-dither-order="8"] {
  --zml-dither-order: 8;
}
[data-dither-order="9"] {
  --zml-dither-order: 9;
}
[data-dither-order="10"] {
  --zml-dither-order: 10;
}
[data-dither-order="11"] {
  --zml-dither-order: 11;
}
[data-dither-order="12"] {
  --zml-dither-order: 12;
}
[data-dither-order="13"] {
  --zml-dither-order: 13;
}
[data-dither-order="14"] {
  --zml-dither-order: 14;
}
[data-dither-order="15"] {
  --zml-dither-order: 15;
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  [data-slot="brand-mark"][data-motion="dither"] [data-dither-cell] {
    animation: none;
    opacity: 0;
  }
}
@keyframes zml-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
.zml-loader {
  transform-origin: center;
  animation: zml-loader-spin var(--motion-loop) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .zml-loader {
    animation: none;
  }
}
@keyframes zml-pulse {
  50% {
    opacity: 0.5;
  }
}
[data-loading-skeleton="true"]::before, [data-loading-skeleton="true"]::after {
  content: none;
  animation: none;
  transform: none;
  background-image: none;
}
[data-progress-semantic="progress"][data-progress-state="indeterminate"] [data-slot="progress-rail-indicator"] {
  position: absolute;
  inset-inline-start: -36%;
  width: 36%;
  animation: zml-progress-rail-indeterminate var(--motion-loop) linear infinite;
}
@keyframes zml-progress-rail-indeterminate {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(378%);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-slot="progress-rail-indicator"] {
    transition: none;
  }
  [data-progress-semantic="progress"][data-progress-state="indeterminate"] [data-slot="progress-rail-indicator"] {
    inset-inline-start: 0;
    width: 100%;
    opacity: 0.4;
    transform: none;
    animation: none !important;
  }
}
@media (forced-colors: active) {
  [data-slot="progress-rail-track"] {
    background: Canvas !important;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
  [data-slot="progress-rail-indicator"] {
    background: Highlight !important;
  }
  [data-progress-semantic="progress"][data-progress-state="indeterminate"] [data-slot="progress-rail-indicator"] {
    inset-inline-start: 0;
    width: 100%;
    opacity: 0.4;
    transform: none;
    animation: none !important;
  }
  [data-loading-skeleton="true"] {
    background: Canvas !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px;
  }
}
@keyframes zml-auth-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
[data-slot="auth-content"] {
  animation: zml-auth-enter var(--motion-overlay) var(--ease-emphasized) both;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-micro: 0ms;
    --motion-floating: 0ms;
    --motion-disclosure: 0ms;
    --motion-out: 0ms;
    --motion-move: 0ms;
    --motion-switch: 0ms;
    --motion-switch-thumb: 0ms;
    --motion-switch-thumb-delay: 0ms;
    --motion-overlay: var(--motion-reduced-duration);
    --motion-overlay-exit: var(--motion-reduced-duration);
    --motion-popup-enter: var(--motion-reduced-duration);
    --motion-popup-exit: var(--motion-reduced-duration);
    --motion-popup-scale: var(--motion-reduced-duration);
    --motion-dialog: var(--motion-reduced-duration);
    --motion-panel: var(--motion-reduced-duration);
    --motion-pulse-slow: 0ms;
    --motion-swap: 0ms;
    --motion-swap-offset: 0px;
    --motion-checkbox: 0ms;
    --motion-loop: 0ms;
    --motion-reveal: 0ms;
    --motion-brand-loop: 0ms;
    --motion-express-hover: 0ms;
    --motion-express-swap: 0ms;
    --motion-express-enter: 0ms;
    --motion-express-enter-offset: 0px;
    --motion-express-stagger: 0ms;
    --motion-express-glide: 0ms;
    --motion-express-scrub: 0ms;
    --motion-express-spot: 0ms;
    --motion-express-ambient-flow: 0ms;
    --motion-express-ambient-flow-step: 0ms;
    --motion-express-ambient-breathe: 0ms;
    --motion-express-ambient-drift: 0ms;
    --motion-express-ambient-drift-alt: 0ms;
    --motion-express-ambient-marquee: 0ms;
    --motion-express-word: 0ms;
    --motion-express-word-stagger: 0ms;
    --motion-express-count: 0ms;
    --motion-express-roll: 0ms;
    --motion-express-page-out: 0ms;
    --motion-express-page-in: 0ms;
    --marketing-reveal: 0ms;
    --motion-alert-ignite: 0ms;
    --motion-floating-offset: 0px;
  }
  [data-slot="auth-content"] {
    animation: none;
  }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-delay: 0s !important;
    animation-duration: var(--motion-reduced-duration) !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: var(--motion-reduced-duration) !important;
  }
}
[data-settings-window] {
  --card: var(--overlay-surface);
}
[data-fx-armed] {
  opacity: 0;
  translate: 0 var(--motion-express-enter-offset);
  transition: opacity var(--motion-express-enter) var(--ease-express-enter), translate var(--motion-express-enter) var(--ease-express-enter);
  transition-delay: calc(var(--fx-i, 0) * var(--motion-express-stagger));
}
[data-fx-armed][data-fx-in] {
  opacity: 1;
  translate: none;
}
.zml-fx-pending [data-fx~="words"]:not([data-fx-in]), .zml-fx-pending [data-fx~="enter"] {
  opacity: 0;
}
.zml-fx-word {
  display: inline-block;
  white-space: pre;
}
.zml-fx-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.zml-fx-scrub .zml-fx-word {
  opacity: 0.28;
  transition: opacity var(--motion-express-scrub) var(--ease-express-hover);
}
.zml-fx-scrub .zml-fx-word.zml-fx-lit {
  opacity: 1;
}
.zml-fx-slot {
  display: inline-block;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  vertical-align: -0.06em;
  font-variant-numeric: tabular-nums;
}
.zml-fx-slot-col {
  display: block;
  white-space: pre;
  line-height: 1;
}
.zml-fx-glide-host {
  position: relative;
  isolation: isolate;
}
.zml-fx-glide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 9999px;
  background: var(--control-hover);
  opacity: 0;
  pointer-events: none;
  transition: transform var(--motion-express-glide) var(--ease-spring), width var(--motion-express-glide) var(--ease-spring), height var(--motion-express-glide) var(--ease-spring), opacity var(--motion-express-swap) var(--ease-express-hover);
}
.zml-fx-glide[data-instant] {
  transition: none;
}
[data-fx~="spot"] {
  position: relative;
  isolation: isolate;
}
[data-fx~="spot"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(420px circle at var(--fx-mx, 50%) var(--fx-my, 0%), var(--foreground), transparent 60%);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(420px circle at var(--fx-mx, 50%) var(--fx-my, 0%), color-mix(in srgb, var(--foreground) 7%, transparent), transparent 60%);
  }
  transition: opacity var(--motion-express-spot) var(--ease-express-hover);
}
[data-fx~="spot"][data-fx-active]::before {
  opacity: 1;
}
[data-fx~="tilt"] {
  position: relative;
  transform-style: preserve-3d;
}
[data-fx~="tilt"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(360px circle at var(--fx-gx, 50%) var(--fx-gy, 50%), var(--foreground), transparent 55%);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(360px circle at var(--fx-gx, 50%) var(--fx-gy, 50%), color-mix(in srgb, var(--foreground) 9%, transparent), transparent 55%);
  }
  transition: opacity var(--motion-express-spot) var(--ease-express-hover);
}
[data-fx~="tilt"][data-fx-active]::after {
  opacity: 1;
}
@media (forced-colors: active) {
  [data-fx~="spot"]::before, [data-fx~="tilt"]::after {
    display: none;
  }
  .zml-fx-glide {
    forced-color-adjust: none;
    background: Highlight;
  }
}
@media (prefers-contrast: more) {
  .zml-fx-scrub .zml-fx-word {
    opacity: 1;
  }
}
@media print {
  [data-fx-armed] {
    opacity: 1 !important;
    translate: none !important;
  }
  .zml-fx-scrub .zml-fx-word {
    opacity: 1 !important;
  }
  .zml-fx-pending [data-fx] {
    opacity: 1 !important;
  }
}
:is( [data-slot="input"], [data-slot="combobox-chip-input"], [data-slot="textarea"] ):is(:autofill, :-webkit-autofill) {
  caret-color: var(--foreground);
  box-shadow: inset 0 0 0 1000px var(--z-autofill-surface, var(--field));
  -webkit-text-fill-color: var(--foreground);
}
@media (forced-colors: active) {
  :is( [data-slot="input"], [data-slot="combobox-chip-input"], [data-slot="textarea"] ):is(:autofill, :-webkit-autofill) {
    caret-color: CanvasText;
    box-shadow: none;
    -webkit-text-fill-color: CanvasText;
  }
}
@media (pointer: coarse) {
  :is( input:not([type="button"], [type="checkbox"], [type="color"], [type="file"], [type="hidden"], [type="image"], [type="radio"], [type="range"], [type="reset"], [type="submit"]), textarea, select, [contenteditable]:not([contenteditable="false"]) ) {
    font-size: var(--type-input-touch);
  }
}
[data-slot="avatar-crop-frame"] {
  box-shadow: 0 0 0 100vmax color-mix(in srgb, #000 55%, transparent), inset 0 0 0 1px color-mix(in srgb, #fff 70%, transparent);
}
@media (forced-colors: active) {
  [data-slot="avatar-crop-frame"] {
    box-shadow: none;
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
}
[data-slot="segmented"][data-appearance="joined"] {
  height: auto;
  gap: var(--space-inline-compact);
  padding: var(--space-inline-compact);
  border-radius: var(--radius-control);
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 4%, var(--modal-surface));
  }
}
[data-slot="segmented"][data-appearance="joined"] [data-slot="segmented-option"] {
  height: var(--control-form);
  border-color: transparent;
  border-radius: var(--radius-control);
  background: transparent;
  font-size: var(--type-control);
  line-height: var(--type-control-line);
}
[data-slot="segmented"][data-appearance="joined"] [data-slot="segmented-option"]::before {
  box-shadow: none;
}
[data-slot="segmented"][data-appearance="joined"] [data-slot="segmented-option"][data-checked] {
  background: var(--segmented-option-current);
}
[data-slot="dialog-content"]:has(> [data-slot="dialog-body"] > [data-wallet-directory]), [data-slot="dialog-content"]:has(> [data-account-mutation-window] > [data-slot="dialog-body"] > [data-wallet-directory]) {
  height: min(680px, calc(100dvh - 2 * var(--space-section-compact)));
}
:root {
  color-scheme: light;
  --asset-soft-alpha: 8%;
  --asset-border-alpha: 18%;
  --asset-unknown-border-alpha: 16%;
  --card-foreground: var(--foreground);
  --popover-foreground: var(--foreground);
  --secondary: var(--sub-surface);
  --muted: var(--sub-surface);
  --accent: var(--control-hover);
  --accent-foreground: var(--foreground);
  --ring: var(--border-focus);
  --control-room-nav-height: calc(var(--shell-bar-height) + 0.5px);
  --control-height-main: var(--control-standard);
  --control-height-secondary: var(--control-compact);
  --control-height-chrome: var(--control-height-main);
  --control-room-coarse-control-size: var(--hit-plane-coarse);
  --zml-monitor-controls: var(--z-workbench-controls);
  --page-padding: 0.5rem;
  --section-gap: 0.5rem;
  --content-max-width: 88rem;
  --announcement-category-column: 344px;
  --announcement-category-column-compact: 96px;
  --material-page: var(--background);
  --material-surface: var(--work-surface);
  --material-panel: var(--card);
  --material-panel-muted: var(--sub-surface);
  --material-popover: var(--popover);
  --material-field: var(--field);
  --material-field-border: var(--field-border);
  --material-field-border-hover: var(--field-border-hover);
  --material-border: var(--border-subtle);
  --material-border-strong: var(--border-strong);
  --material-control-hover: var(--control-hover);
  --material-control-hover-text: var(--foreground);
  --material-control-rail: var(--sub-surface);
  --material-control-current: var(--control-current);
  --material-focus-border: var(--border-focus);
  --material-control-selected: var(--control-selected);
  --material-control-selected-hover: var(--control-selected);
  --material-emphasis-brand: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --material-emphasis-brand: color-mix(
    in srgb,
    var(--primary) 34%,
    var(--material-control-current)
  );
  }
  --material-shadow-outline: var(--shadow-hairline);
  --material-shadow-popover: var(--shadow-floating);
  --material-radius: var(--radius-control);
  --color-asset-crypto: var(--muted-foreground);
  --color-asset-crypto-soft: transparent;
  --color-asset-crypto-border: transparent;
  --color-asset-equity: #087a55;
  --color-asset-etf: #0f766e;
  --color-asset-commodity: #946200;
  --color-asset-fx: #7440b8;
  --color-asset-index: #2367ad;
  --color-asset-government-security: #3d6b78;
  --color-asset-real-estate: #a83b67;
  --color-asset-other: #6c625a;
  --color-asset-unknown: #77746f;
  --color-asset-equity-soft: var(--color-asset-equity);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-equity-soft: color-mix(
    in srgb,
    var(--color-asset-equity) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-equity-border: var(--color-asset-equity);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-equity-border: color-mix(
    in srgb,
    var(--color-asset-equity) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-etf-soft: var(--color-asset-etf);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-etf-soft: color-mix(
    in srgb,
    var(--color-asset-etf) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-etf-border: var(--color-asset-etf);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-etf-border: color-mix(
    in srgb,
    var(--color-asset-etf) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-commodity-soft: var(--color-asset-commodity);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-commodity-soft: color-mix(
    in srgb,
    var(--color-asset-commodity) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-commodity-border: var(--color-asset-commodity);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-commodity-border: color-mix(
    in srgb,
    var(--color-asset-commodity) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-fx-soft: var(--color-asset-fx);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-fx-soft: color-mix(
    in srgb,
    var(--color-asset-fx) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-fx-border: var(--color-asset-fx);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-fx-border: color-mix(
    in srgb,
    var(--color-asset-fx) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-index-soft: var(--color-asset-index);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-index-soft: color-mix(
    in srgb,
    var(--color-asset-index) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-index-border: var(--color-asset-index);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-index-border: color-mix(
    in srgb,
    var(--color-asset-index) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-government-security-soft: var(--color-asset-government-security);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-government-security-soft: color-mix(
    in srgb,
    var(--color-asset-government-security) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-government-security-border: var(--color-asset-government-security);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-government-security-border: color-mix(
    in srgb,
    var(--color-asset-government-security) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-real-estate-soft: var(--color-asset-real-estate);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-real-estate-soft: color-mix(
    in srgb,
    var(--color-asset-real-estate) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-real-estate-border: var(--color-asset-real-estate);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-real-estate-border: color-mix(
    in srgb,
    var(--color-asset-real-estate) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-other-soft: var(--color-asset-other);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-other-soft: color-mix(
    in srgb,
    var(--color-asset-other) var(--asset-soft-alpha),
    transparent
  );
  }
  --color-asset-other-border: var(--color-asset-other);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-other-border: color-mix(
    in srgb,
    var(--color-asset-other) var(--asset-border-alpha),
    transparent
  );
  }
  --color-asset-unknown-soft: transparent;
  --color-asset-unknown-border: var(--color-asset-unknown);
  @supports (color: color-mix(in lab, red, red)) {
    --color-asset-unknown-border: color-mix(
    in srgb,
    var(--color-asset-unknown) var(--asset-unknown-border-alpha),
    transparent
  );
  }
}
.dark {
  color-scheme: dark;
  --asset-soft-alpha: 14%;
  --asset-border-alpha: 27%;
  --asset-unknown-border-alpha: 22%;
  --color-asset-equity: #48c78e;
  --color-asset-etf: #45c7bd;
  --color-asset-commodity: #e6a93a;
  --color-asset-fx: #c18cf0;
  --color-asset-index: #70a7ef;
  --color-asset-government-security: #73bdc8;
  --color-asset-real-estate: #ef83ac;
  --color-asset-other: #b4a698;
  --color-asset-unknown: #9b9891;
  --color-interval-4h: #a78bfa;
  --color-favorite: #fbbf24;
  --material-shadow-outline: var(--shadow-hairline);
  --material-shadow-popover: var(--shadow-floating);
}
@media (min-width: 640px) {
  :root, .dark {
    --page-padding: 0.5rem;
    --section-gap: 0.625rem;
  }
}
@media (min-width: 768px) {
  :root, .dark {
    --page-padding: 0.5rem;
    --section-gap: 0.625rem;
  }
}
@media (min-width: 1024px) {
  :root, .dark {
    --page-padding: 0.625rem;
    --section-gap: 0.75rem;
  }
}
@media (min-width: 1536px) {
  :root, .dark {
    --page-padding: 0.75rem;
    --section-gap: 0.875rem;
  }
}
@media (prefers-contrast: more) {
  :root, .dark {
    --focus-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --focus-ring-color: color-mix(in srgb, var(--ring) 70%, var(--foreground));
    }
    --muted-foreground: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --muted-foreground: color-mix(
      in srgb,
      var(--foreground) 76%,
      var(--background)
    );
    }
    --material-border: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --material-border: color-mix(in srgb, var(--foreground) 34%, transparent);
    }
    --border: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --border: color-mix(in srgb, var(--foreground) 46%, transparent);
    }
    --material-border-strong: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --material-border-strong: color-mix(
      in srgb,
      var(--foreground) 58%,
      transparent
    );
    }
    --material-focus-border: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --material-focus-border: color-mix(
      in srgb,
      var(--primary) 70%,
      var(--foreground)
    );
    }
    --material-emphasis-brand: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --material-emphasis-brand: color-mix(
      in srgb,
      var(--primary) 82%,
      var(--foreground)
    );
    }
  }
}
@layer utilities {
  .zm-data-table-sticky-left > [data-slot="table"] > thead tr > *:first-child {
    position: sticky;
    z-index: var(--z-workbench-controls);
  }
  .zm-data-table-sticky-left > [data-slot="table"] > tbody tr > *:first-child:not([colspan]) {
    position: sticky;
    z-index: var(--z-sticky);
  }
  .zm-data-table-sticky-left > [data-slot="table"] > thead tr > *:first-child, .zm-data-table-sticky-left > [data-slot="table"] > tbody tr > *:first-child:not([colspan]) {
    left: 0;
  }
  .zm-monitor-third-line-pill {
    --monitor-third-line-pill-border: var(--material-border);
    --monitor-third-line-pill-bg: var(--material-panel-muted);
    --monitor-third-line-pill-color: var(--muted-foreground);
    border: 1px solid var(--monitor-third-line-pill-border);
    border-radius: var(--radius-micro);
    background: var(--monitor-third-line-pill-bg);
    color: var(--monitor-third-line-pill-color);
  }
  .zm-monitor-third-line-pill-danger {
    --monitor-third-line-pill-border: var(--color-status-error);
    @supports (color: color-mix(in lab, red, red)) {
      --monitor-third-line-pill-border: color-mix(
      in srgb,
      var(--color-status-error) 35%,
      transparent
    );
    }
    --monitor-third-line-pill-bg: var(--color-status-error-soft);
    --monitor-third-line-pill-color: var(--color-status-error);
  }
  .zm-monitor-third-line-pill-warning {
    --monitor-third-line-pill-border: var(--color-status-warning);
    @supports (color: color-mix(in lab, red, red)) {
      --monitor-third-line-pill-border: color-mix(
      in srgb,
      var(--color-status-warning) 35%,
      transparent
    );
    }
    --monitor-third-line-pill-bg: var(--color-status-warning-soft);
    --monitor-third-line-pill-color: var(--color-status-warning);
  }
  .zm-monitor-third-line-pill-accent {
    --monitor-third-line-pill-border: var(--color-status-active);
    @supports (color: color-mix(in lab, red, red)) {
      --monitor-third-line-pill-border: color-mix(
      in srgb,
      var(--color-status-active) 35%,
      transparent
    );
    }
    --monitor-third-line-pill-bg: var(--color-status-active-soft);
    --monitor-third-line-pill-color: var(--color-status-active);
  }
  .zm-monitor-third-line-pill-neutral {
    --monitor-third-line-pill-border: var(--material-border);
    --monitor-third-line-pill-bg: var(--material-panel-muted);
    --monitor-third-line-pill-color: var(--muted-foreground);
  }
  @media (hover: hover) {
    .zm-monitor-third-line-pill-clickable-warning:hover {
      --monitor-third-line-pill-border: var(--color-status-warning);
      @supports (color: color-mix(in lab, red, red)) {
        --monitor-third-line-pill-border: color-mix(
        in srgb,
        var(--color-status-warning) 50%,
        transparent
      );
      }
      --monitor-third-line-pill-bg: var(--color-status-warning-soft);
    }
    .zm-monitor-third-line-pill-clickable-accent:hover {
      --monitor-third-line-pill-border: var(--color-status-active);
      @supports (color: color-mix(in lab, red, red)) {
        --monitor-third-line-pill-border: color-mix(
        in srgb,
        var(--color-status-active) 50%,
        transparent
      );
      }
      --monitor-third-line-pill-bg: var(--color-status-active-soft);
    }
    .zm-monitor-third-line-pill-clickable-danger:hover {
      --monitor-third-line-pill-border: var(--color-status-error);
      @supports (color: color-mix(in lab, red, red)) {
        --monitor-third-line-pill-border: color-mix(
        in srgb,
        var(--color-status-error) 50%,
        transparent
      );
      }
      --monitor-third-line-pill-bg: var(--color-status-error-soft);
    }
    .zm-monitor-column-resize-handle:hover::before {
      background: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--primary) 70%, transparent);
      }
    }
  }
}
@media (forced-colors: active) {
  .zm-monitor-third-line-pill {
    border-color: CanvasText;
    border-style: solid;
    background: Canvas;
    color: CanvasText;
  }
  .zm-monitor-third-line-pill-accent {
    border-style: dotted;
  }
  .zm-monitor-third-line-pill-warning {
    border-style: dashed;
  }
  .zm-monitor-third-line-pill-danger {
    outline: 1px solid CanvasText;
    outline-offset: 1px;
  }
  .zm-monitor-third-line-pill-neutral {
    border-color: GrayText;
    color: GrayText;
  }
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-feature-settings: "tnum" 1, "zero" 1;
  src: url("/@fs/Users/zhoupengpeng/Code/zml/node_modules/.pnpm/@fontsource-variable+geist-mono@5.3.0/node_modules/@fontsource-variable/geist-mono/files/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer base {
  body {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    font-weight: var(--font-weight-regular);
  }
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  html {
    height: 100%;
    background: var(--background);
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    background-color: var(--background);
    font-family: var(--font-sans);
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100dvh;
    overflow-x: clip;
    font-variant-numeric: proportional-nums;
    font-feature-settings: normal;
  }
  * {
    scrollbar-width: thin;
  }
}
.scrollbar-always-visible::-webkit-scrollbar-thumb {
  background-color: var(--border);
}
.scrollbar-always-visible::-webkit-scrollbar-thumb:hover {
  background-color: var(--muted-foreground);
}
.scrollbar-always-visible {
  scrollbar-color: var(--border) transparent;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.local-scroll-performance {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
}
@media (any-pointer: coarse) {
  [data-auth-boundary="true"] [data-slot="auth-field"] input {
    min-height: var(--control-auth);
  }
  [data-auth-boundary="true"] [data-slot="auth-action"] {
    min-height: var(--control-auth);
    min-width: var(--control-auth);
  }
}
@layer utilities {
  .material-elevation-outline {
    box-shadow: var(--material-shadow-outline);
  }
  .material-elevation-popover {
    box-shadow: var(--material-shadow-popover);
  }
  .material-elevation-inset {
    box-shadow: inset 0 1px 0 var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 color-mix(in srgb, var(--foreground) 5%, transparent);
    }
  }
  :root {
    --scroll-fade-stop-default: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --scroll-fade-stop-default: color-mix(
      in srgb,
      var(--background) 80%,
      transparent
    );
    }
    --scroll-fade-stop-strong: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --scroll-fade-stop-strong: color-mix(
      in srgb,
      var(--background) 70%,
      transparent
    );
    }
  }
}
[data-slot="select"]:focus-visible {
  outline-offset: var(--focus-offset-inset);
}
:is( [data-slot="input"], [data-slot="textarea"], [data-slot="combobox-input"], [data-slot="tabs-trigger"], [data-slot="line-choice-item"], [data-slot="table-row"], [data-slot="workspace-tab-carrier"], [data-slot="chip"], [data-slot="segmented-option"] ):focus-visible {
  outline-offset: var(--focus-offset-clipped);
}
[data-slot="combobox-input-group"]:has( [data-slot="combobox-input"]:focus-visible ) {
  outline: var(--focus-ring-outline);
  outline-offset: var(--focus-offset-clipped);
}
[data-slot="combobox-input-group"] [data-slot="combobox-input"]:focus-visible {
  outline: none;
}
[data-slot="radio-card-option"] :is([data-slot="radio-card-control"], [data-slot="checkbox"]):focus-visible {
  outline: none;
}
[data-slot="radio-card-option"]:has(:focus-visible) {
  outline: var(--focus-ring-outline);
  outline-offset: var(--focus-offset-standalone);
}
@media (any-pointer: coarse) {
  [data-coarse-hit] {
    touch-action: manipulation;
  }
  [data-coarse-hit]:not(.absolute):not(.sr-only) {
    position: relative;
  }
  [data-coarse-hit]:not(.sr-only)::before {
    position: absolute;
    inset-inline: 0;
    top: 50%;
    block-size: var(--control-room-coarse-control-size);
    content: "";
    transform: translateY(-50%);
  }
  [data-coarse-hit="square"]::before {
    inset-inline: auto;
    inset-inline-start: 50%;
    inline-size: max(100%, var(--control-room-coarse-control-size));
    transform: translate(-50%, -50%);
  }
}
@media (forced-colors: active) {
  [aria-invalid="true"]:focus-visible {
    outline-style: dashed;
  }
  [data-slot="combobox-input-group"]:has([aria-invalid="true"]):has( [data-slot="combobox-input"]:focus-visible ) {
    outline-style: dashed;
  }
  [data-slot="table-row"][data-selected="true"] > :is(th, td) {
    color: HighlightText;
    background: Highlight;
  }
  [data-slot="table-row"][data-selected="true"] > :is(th, td) :where(*) {
    color: HighlightText;
  }
  [data-slot="table-row"]:is( [aria-current="true"], :has([aria-expanded="true"]) ):not(:focus-visible) {
    outline: 2px dashed CanvasText;
    outline-offset: -2px;
  }
  [data-slot="table-row"][data-selected="true"]:is( [aria-current="true"], :has([aria-expanded="true"]) ):not(:focus-visible) {
    outline-color: HighlightText;
  }
  [data-slot="table-row"][data-selected="true"]:focus-visible {
    outline-color: HighlightText;
  }
}
@media (forced-colors: active) and (hover: hover) {
  [data-slot="table-row"][data-interactive="true"]:hover:not( :focus-visible ):not([aria-current="true"]):not(:has([aria-expanded="true"])) {
    outline: 1px dotted CanvasText;
    outline-offset: -1px;
  }
}
@media (forced-colors: active) {
  [data-slot="checkbox"][data-disabled] {
    border-color: GrayText;
    color: GrayText;
  }
  [data-slot="switch"][data-disabled] {
    outline-color: GrayText;
  }
  [data-slot="switch"][data-disabled] [data-slot="switch-thumb"] {
    background: GrayText;
  }
  :is([data-slot="select-item"], [data-slot="combobox-item"])[data-highlighted] {
    color: HighlightText;
    background: Highlight;
  }
  [data-slot="tabs-trigger"][data-active], [data-slot="tabs-trigger"][data-active] *, button[aria-pressed="true"], button[aria-pressed="true"] * {
    color: HighlightText;
  }
  [data-slot="tabs-trigger"][data-active], button[aria-pressed="true"] {
    background: Highlight;
    forced-color-adjust: none;
  }
  [data-slot="line-choice-item"][data-checked]::after {
    background: Highlight;
  }
  [data-slot="alert"] {
    border-color: CanvasText;
    border-style: solid;
  }
  [data-slot="alert"][role="status"] {
    border-style: dashed;
  }
  [data-slot="alert"][role="alert"] {
    outline: 1px solid CanvasText;
    outline-offset: 1px;
  }
  [data-slot="missing-value"] {
    color: GrayText;
  }
  .material-elevation-outline, .material-elevation-popover, .material-elevation-inset {
    box-shadow: none;
  }
  .material-elevation-outline, .material-elevation-popover {
    outline: 1px solid CanvasText;
    outline-offset: -1px;
  }
}
.site {
  --site-max: var(--marketing-grid-max);
  --site-gutter: var(--marketing-gutter-wide);
  --site-prose: var(--marketing-measure);
  --site-header: var(--marketing-nav-wide);
  --site-section: var(--marketing-rhythm-wide);
  --site-text: var(--foreground);
  --site-text-2: var(--secondary-foreground);
  --site-text-3: var(--muted-foreground);
  --site-line: var(--border);
  --site-line-soft: var(--border-subtle);
  --site-panel: var(--card);
  --site-display: var(--marketing-display-wide);
  --site-display-line: 1;
  --site-display-track: var(--marketing-tracking);
  --site-h1: var(--marketing-hero-wide);
  --site-h1-line: 1;
  --site-h1-track: var(--marketing-tracking);
  --site-h2: var(--marketing-heading-wide);
  --site-h2-line: 1;
  --site-h2-track: var(--marketing-tracking);
  --site-h3: var(--marketing-title);
  --site-h3-line: 1.33;
  --site-h3-track: var(--marketing-tracking-title);
  --site-h4: var(--marketing-subtitle);
  --site-h4-line: 1.33;
  --site-h4-track: var(--marketing-tracking-title);
  --site-lead: var(--marketing-lead);
  --site-lead-line: 1.33;
  --site-lead-track: var(--marketing-tracking-title);
  --site-body: var(--marketing-body);
  --site-body-line: 1.6;
  --site-body-track: var(--marketing-tracking-body);
  --site-small: var(--marketing-small);
  --site-small-line: 1.5;
  --site-small-track: var(--marketing-tracking-small);
  --site-micro: var(--marketing-micro);
  --site-tag: var(--marketing-tag);
  --site-w-regular: var(--font-weight-regular);
  --site-w-medium: var(--marketing-hero-weight);
  --site-w-semibold: var(--marketing-heading-weight);
  --site-hover: var(--motion-express-hover) var(--ease-express-hover);
  --site-swap: var(--motion-express-swap) var(--ease-express-hover);
  --site-nudge: calc(var(--motion-express-magnet) * 1px);
  font-family: var(--font-sans);
  font-feature-settings: "cv01", "ss03";
  scroll-padding-top: calc(var(--site-header) + 24px);
}
@media (width < 1024px) {
  .site {
    --site-gutter: var(--marketing-gutter-medium);
    --site-section: var(--marketing-rhythm-medium);
    --site-display: var(--marketing-display-medium);
    --site-h1: var(--marketing-hero-medium);
    --site-h2: var(--marketing-heading-medium);
    --site-lead: var(--marketing-lead-medium);
  }
}
@media (width < 640px) {
  .site {
    --site-gutter: var(--marketing-gutter-narrow);
    --site-section: var(--marketing-rhythm-narrow);
    --site-header: var(--marketing-nav-narrow);
    --site-display: var(--marketing-display-narrow);
    --site-h1: var(--marketing-hero-narrow);
    --site-h1-line: 1.1;
    --site-h2: var(--marketing-heading-narrow);
    --site-h2-line: 1.33;
    --site-h3: var(--marketing-title-narrow);
    --site-lead: var(--marketing-lead-narrow);
    --site-lead-line: 1.5;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
@media (any-pointer: coarse) {
  :where(.site a[href], .site button) {
    position: relative;
  }
  :where(.site a[href], .site button)::after {
    content: "";
    position: absolute;
    inset-block: min(0px, calc(50% - var(--hit-plane-coarse) / 2));
    inset-inline: min(0px, calc(50% - var(--hit-plane-coarse) / 2));
  }
}
html {
  -webkit-text-size-adjust: 100%;
}
body.site {
  margin: 0;
  background: var(--background);
  color: var(--site-text);
  font-size: var(--site-body);
  line-height: var(--site-body-line);
  letter-spacing: var(--site-body-track);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
:where(.site) :is(h1, h2, h3, h4, p, figure, ul, ol, dl, dd) {
  margin: 0;
  padding: 0;
}
:where(.site) :is(ul, ol) {
  list-style: none;
}
:where(.site) a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
:where(.site) :is(img, svg) {
  max-width: 100%;
}
.site [hidden] {
  display: none !important;
}
.site ::selection {
  background: var(--primary);
  color: var(--primary-foreground);
}
.site :focus-visible {
  outline: var(--focus-ring-outline);
  outline-offset: 3px;
  border-radius: 4px;
}
.s-wrap {
  width: min(var(--site-max), 100% - var(--site-gutter) * 2);
  margin-inline: auto;
}
.s-prose {
  max-width: var(--site-prose);
}
.s-section {
  padding-block: var(--site-section);
}
.s-rule {
  border-top: 1px solid var(--site-line-soft);
}
.s-display {
  font-size: var(--site-display);
  line-height: var(--site-display-line);
  letter-spacing: var(--site-display-track);
  font-weight: var(--site-w-medium);
  text-wrap: balance;
}
.s-h1 {
  font-size: var(--site-h1);
  line-height: var(--site-h1-line);
  letter-spacing: var(--site-h1-track);
  font-weight: var(--site-w-medium);
  text-wrap: balance;
}
.s-hl {
  display: block;
}
:is(:lang(zh), :lang(ja), :lang(ko)) :is(.s-display, .s-h1, .s-h2, .s-h3) {
  word-break: keep-all;
  line-break: strict;
  overflow-wrap: anywhere;
}
.s-h2 {
  font-size: var(--site-h2);
  line-height: var(--site-h2-line);
  letter-spacing: var(--site-h2-track);
  font-weight: var(--site-w-medium);
  text-wrap: balance;
}
.s-h3 {
  font-size: var(--site-h3);
  line-height: var(--site-h3-line);
  letter-spacing: var(--site-h3-track);
  font-weight: var(--site-w-semibold);
}
.s-h4 {
  font-size: var(--site-h4);
  line-height: var(--site-h4-line);
  letter-spacing: var(--site-h4-track);
  font-weight: var(--site-w-semibold);
  color: var(--site-text-2);
}
.s-lead {
  font-size: var(--site-lead);
  line-height: var(--site-lead-line);
  letter-spacing: var(--site-lead-track);
  color: var(--site-text-2);
  text-wrap: pretty;
}
.s-body {
  color: var(--site-text-3);
  text-wrap: pretty;
}
.s-small {
  font-size: var(--site-small);
  line-height: var(--site-small-line);
  letter-spacing: var(--site-small-track);
  color: var(--site-text-3);
}
.s-micro {
  font-size: var(--site-micro);
  line-height: 1.4;
  color: var(--site-text-3);
}
.s-tag {
  font-family: var(--font-mono);
  font-size: var(--site-tag);
  letter-spacing: var(--marketing-tracking-tag);
  text-transform: uppercase;
  color: var(--site-text-3);
}
.s-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: var(--font-feature-numeric);
}
:is(:lang(zh), :lang(ja), :lang(ko), :lang(th), :lang(hi), :lang(ar)) :is(.s-display, .s-h1, .s-h2) {
  letter-spacing: -0.005em;
  line-height: 1.2;
}
:is(:lang(zh), :lang(ja), :lang(ko), :lang(th), :lang(hi), :lang(ar)) .s-tag {
  text-transform: none;
  letter-spacing: 0;
  font-family: inherit;
}
.s-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: var(--z-navigation, 50);
  height: var(--site-header);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--foreground) 8%, transparent);
  }
  background: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in lch, var(--background) 80%, transparent);
  }
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.s-header-row {
  display: flex;
  align-items: center;
  gap: 24px;
}
.s-brand {
  display: inline-flex;
  align-items: center;
  flex: none;
  border-radius: 6px;
}
.s-brand img {
  display: block;
  height: 24px;
  width: auto;
}
.s-nav {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}
.s-nav a, .s-ghost {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-inline: 12px;
  border-radius: 9999px;
  font-size: var(--site-small);
  color: var(--site-text-3);
  transition: color var(--site-hover), background-color var(--site-hover);
  white-space: nowrap;
}
.s-nav a:hover, .s-ghost:hover, .s-nav a[aria-current="page"] {
  color: var(--site-text);
}
.s-header-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline-start: 16px;
  margin-inline-start: 8px;
  border-inline-start: 1px solid var(--site-line);
}
.s-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding-inline: 14px;
  border-radius: 9999px;
  font-size: var(--site-small);
  font-weight: var(--site-w-medium);
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in lch, var(--foreground) 90%, var(--background));
  }
  color: var(--background);
  transition: background-color var(--site-hover);
  white-space: nowrap;
}
.s-pill:hover {
  background: var(--foreground);
}
.s-pill {
  min-width: 0;
}
.s-pill[data-size="lg"] {
  height: 40px;
  padding-inline: 18px;
  font-size: var(--marketing-control-large);
}
.s-pill[data-tone="quiet"] {
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 6%, transparent);
  }
  color: var(--site-text);
  box-shadow: inset 0 0 0 1px var(--site-line);
}
.s-pill[data-tone="quiet"]:hover {
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 10%, transparent);
  }
}
.s-menu {
  position: relative;
}
.s-menu > summary {
  list-style: none;
  cursor: pointer;
}
.s-menu > summary::-webkit-details-marker {
  display: none;
}
.s-menu-panel {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  min-width: 200px;
  max-height: min(70vh, 480px);
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--site-line);
  border-radius: 12px;
  background: var(--popover, var(--site-panel));
  box-shadow: 0 16px 48px rgb(0 0 0 / 0.5);
  display: grid;
}
.s-menu-panel a {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: var(--site-small);
  color: var(--site-text-2);
  transition: background-color var(--site-hover);
}
.s-menu-panel a:hover, .s-menu-panel a[aria-current] {
  background: var(--control-hover);
  color: var(--site-text);
}
.s-burger {
  display: none;
}
@media (width < 1024px) {
  .s-nav, .s-header-tools .s-ghost {
    display: none;
  }
  .s-header-tools {
    border: 0;
    padding: 0;
    margin-inline-start: auto;
  }
  .s-burger {
    display: block;
  }
  .s-burger > summary {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 9999px;
    color: var(--site-text-2);
  }
  .s-burger .s-menu-panel {
    position: fixed;
    inset: var(--site-header) 0 0 0;
    max-height: none;
    height: calc(100dvh - var(--site-header));
    overflow-y: auto;
    overscroll-behavior: contain;
    align-content: start;
    border-radius: 0;
    border: 0;
    min-width: 0;
    padding: 12px var(--site-gutter) calc(24px + env(safe-area-inset-bottom, 0px));
    background: var(--background);
  }
  html:has(.s-burger[open]) {
    overflow: hidden;
  }
  .s-burger .s-menu-panel a {
    min-height: 44px;
    font-size: var(--site-body);
  }
}
.s-main {
  padding-top: var(--site-header);
}
.s-skip {
  position: absolute;
  inset-inline-start: 16px;
  top: -64px;
  z-index: var(--z-skip-link, 100);
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--foreground);
  color: var(--background);
  font-size: var(--site-small);
}
.s-skip:focus {
  top: 16px;
}
.s-hero {
  padding-block: 128px 64px;
}
.s-hero-copy {
  display: grid;
  gap: 32px;
  max-width: 900px;
}
.s-hero-copy .s-body {
  font-size: var(--site-body);
  max-width: 560px;
}
.s-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
@media (width < 640px) {
  .s-hero {
    padding-block: 72px 40px;
  }
  .s-hero-copy {
    gap: 24px;
  }
}
.s-frame {
  position: relative;
  border: 1px solid var(--site-line);
  border-radius: 16px;
  background: var(--site-panel);
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--foreground), 0 40px 120px -40px rgb(0 0 0 / 0.8);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 3%, transparent), 0 40px 120px -40px rgb(0 0 0 / 0.8);
  }
}
.s-spacer {
  margin-inline-start: auto;
}
.s-app-body {
  display: grid;
  grid-template-columns: 216px minmax(0, 1fr);
  min-height: 560px;
}
.s-app-rail {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 10px;
  border-inline-end: 1px solid var(--site-line-soft);
  background: var(--site-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in lch, var(--site-panel) 60%, var(--background));
  }
}
.s-app-owner {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding-inline: 8px;
  font-size: var(--site-small);
}
.s-app-owner strong {
  font-weight: var(--site-w-medium);
}
.s-app-rail nav {
  display: grid;
  gap: 2px;
}
.s-app-rail nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  padding-inline: 8px;
  border-radius: 8px;
  font-size: var(--site-small);
  color: var(--site-text-3);
  transition: background-color var(--site-hover), color var(--site-hover);
}
.s-app-rail nav a:hover {
  color: var(--site-text);
  background: var(--control-hover);
}
.s-app-rail nav a[aria-current] {
  color: var(--site-text);
  background: var(--control-current);
}
.s-app-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.s-app-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding-inline: 16px;
  border-bottom: 1px solid var(--site-line-soft);
  font-size: var(--site-small);
}
.s-app-title strong {
  font-weight: var(--site-w-medium);
}
.s-frame-scope {
  color: var(--site-text-3);
}
.s-app-views {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--site-line-soft);
  overflow-x: auto;
}
.s-app-views button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding-inline: 12px;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: var(--site-text-3);
  font: inherit;
  font-size: var(--site-small);
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--site-hover);
}
.s-app-views button:not(:disabled):hover, .s-app-views button[aria-pressed="true"] {
  color: var(--site-text);
}
.s-app-views button:disabled {
  color: var(--site-text-3);
  cursor: default;
}
.s-app-views button em {
  font-style: normal;
  font-size: var(--site-tag);
  color: var(--site-text-3);
}
.s-app-views .zml-fx-glide {
  background: var(--control-selected);
}
.site:not(.zml-fx) .s-app-views button[aria-pressed="true"] {
  background: var(--control-selected);
}
.s-app-rail nav .s-app-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  padding-inline: 8px;
  border-radius: 8px;
  font-size: var(--site-small);
  color: var(--site-text-3);
}
.s-app-rail nav .s-app-item[aria-current] {
  color: var(--site-text);
  background: var(--control-current);
}
.s-app-views > span {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding-inline: 12px;
  border-radius: 9999px;
  font-size: var(--site-small);
  color: var(--site-text-3);
  white-space: nowrap;
}
.s-app-views > span[data-on] {
  color: var(--site-text);
  background: var(--control-selected);
}
.s-sim {
  font-size: var(--site-tag);
  padding: 2px 8px;
  border-radius: 9999px;
  border: 1px solid var(--site-line);
  color: var(--site-text-3);
  white-space: nowrap;
}
.s-board .s-dim {
  color: var(--site-text-3);
}
.s-board td[data-row-rail] {
  position: relative;
}
.s-board tr:is([data-state="running"], [aria-selected="true"]) {
  --zml-row-rail-color: var(--primary);
  --zml-row-rail-forced: Highlight;
}
.s-app-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: auto 0 0 !important;
  padding: 12px 16px;
  border-top: 1px solid var(--site-line-soft);
  font-size: var(--site-small);
}
.s-app-summary > div {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.s-app-summary dt {
  color: var(--site-text-3);
}
.s-app-summary dd {
  color: var(--site-text);
}
.s-app-summary [data-sign="pos"] {
  color: var(--financial-positive);
}
.s-board-scroll {
  overflow-x: auto;
  --zml-table-host-surface: var(--site-panel);
}
[data-showcase-board] .s-board-scroll {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
[data-showcase-board] .s-board th {
  white-space: normal;
  line-height: 1.25;
  text-wrap: balance;
}
[data-showcase-board] .s-board :is(th, td) {
  unicode-bidi: isolate;
}
.s-board {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--site-small);
  min-width: 720px;
}
.s-board th {
  text-align: start;
  font-weight: var(--site-w-regular);
  color: var(--site-text-3);
  height: 36px;
  padding: 0 16px;
  border-bottom: 1px solid var(--site-line-soft);
  white-space: nowrap;
}
.s-board td {
  height: 52px;
  padding: 0 16px;
  border-bottom: 1px solid var(--site-line-soft);
  color: var(--site-text-2);
  white-space: nowrap;
  vertical-align: middle;
}
.s-board tbody tr:nth-child(even of :not([hidden])) td {
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 1.6%, transparent);
  }
}
.s-board tbody tr {
  transition: background-color var(--site-hover);
}
.s-board tbody tr:hover td {
  background: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--foreground) 4%, transparent);
  }
}
.s-board :is(th, td).s-end {
  text-align: end;
}
.s-board .s-line {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 20px;
}
.s-board .s-end .s-line {
  justify-content: flex-end;
}
.s-board .s-line em {
  font-style: normal;
  color: var(--site-text-3);
}
.s-board .s-pair {
  color: var(--site-text);
}
.s-board .s-venue em {
  font-size: var(--site-tag);
}
.s-board [data-sign="pos"] {
  color: var(--financial-positive);
}
.s-board [data-sign="neg"] {
  color: var(--financial-negative);
}
.s-frame-foot {
  padding: 10px 16px;
  border-top: 1px solid var(--site-line-soft);
  margin-top: auto !important;
}
.s-frame-empty {
  display: grid;
  gap: 16px;
  place-items: center;
  text-align: center;
  padding: 96px 24px;
  color: var(--site-text-3);
}
@media (width < 768px) {
  .s-app-body {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .s-app-rail {
    display: none;
  }
  .s-frame-scope {
    display: none;
  }
}
.s-app-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  flex: 1;
  min-height: 0;
}
[data-showcase-board][data-interactive="true"] .s-board tbody tr {
  cursor: pointer;
}
.s-board tbody tr[aria-selected="true"] td {
  background: var(--control-selected);
}
.s-board tbody tr:focus-visible {
  outline: 0;
}
.s-board tbody tr:focus-visible td {
  background: var(--control-hover);
  box-shadow: inset 0 1px 0 var(--border-focus), inset 0 -1px 0 var(--border-focus);
}
.s-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-inline-start: 1px solid var(--site-line-soft);
  font-size: var(--site-small);
}
.s-detail header {
  display: grid;
  gap: 4px;
}
.s-detail header strong {
  font-size: var(--site-h4);
  font-weight: var(--site-w-semibold);
  letter-spacing: var(--site-h4-track);
}
.s-detail section {
  display: grid;
  gap: 2px;
  padding: 12px;
  border: 1px solid var(--site-line-soft);
  border-radius: 10px;
  border-inline-start-width: 2px;
}
.s-detail section[data-side="long"] {
  border-inline-start-color: var(--financial-positive);
}
.s-detail section[data-side="short"] {
  border-inline-start-color: var(--financial-negative);
}
.s-detail-label {
  font-size: var(--site-tag);
  color: var(--site-text-3);
}
.s-detail-venue {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--site-text);
  font-weight: var(--site-w-medium);
}
.s-detail-sub {
  color: var(--site-text-3);
  font-size: var(--site-micro);
  direction: ltr;
  unicode-bidi: isolate;
}
.s-detail-price {
  margin-top: 6px !important;
  font-size: var(--marketing-emphasis);
  color: var(--site-text);
}
.s-detail dl {
  display: grid;
  gap: 8px;
}
.s-detail dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.s-detail dt {
  color: var(--site-text-3);
}
.s-detail dd {
  color: var(--site-text);
}
.s-detail [data-sign="pos"] {
  color: var(--financial-positive);
}
.s-detail [data-sign="neg"] {
  color: var(--financial-negative);
}
.s-detail .s-pill {
  margin-top: auto;
}
@media (width < 1280px) {
  .s-app-split {
    grid-template-columns: 1fr;
  }
  .s-detail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-inline-start: 0;
    border-block-start: 1px solid var(--site-line-soft);
  }
  .s-detail > :is(header, dl, .s-pill) {
    grid-column: 1 / -1;
  }
  .s-detail section {
    min-width: 0;
  }
}
.s-venues {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.s-venues li img {
  border-radius: 50%;
}
.s-venues li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  border: 1px solid var(--site-line);
  font-size: var(--site-small);
  color: var(--site-text-2);
}
.s-main {
  overflow-x: clip;
}
.s-venue-strip {
  margin-top: 72px;
  display: grid;
  gap: 20px;
}
.s-marquee {
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.s-marquee ul {
  display: flex;
  flex: none;
  gap: 40px;
  padding-inline-end: 40px;
  animation: s-marquee var(--motion-express-ambient-marquee) linear infinite;
}
.s-marquee:hover ul, .s-marquee:focus-within ul {
  animation-play-state: paused;
}
.s-marquee li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: var(--site-body);
  color: var(--site-text-3);
  transition: color var(--site-hover);
}
.s-marquee li:hover {
  color: var(--site-text);
}
.s-marquee img {
  border-radius: 50%;
  filter: grayscale(1) brightness(1.4);
  opacity: 0.8;
  transition: filter var(--site-swap), opacity var(--site-swap);
}
.s-marquee li:hover img {
  filter: none;
  opacity: 1;
}
@keyframes s-marquee {
  to {
    transform: translateX(-100%);
  }
}
[dir="rtl"] .s-marquee ul {
  animation-name: s-marquee-rtl;
}
@keyframes s-marquee-rtl {
  to {
    transform: translateX(100%);
  }
}
.s-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--site-line-soft);
}
.s-stats > div {
  padding: 32px 0;
  display: grid;
  gap: 4px;
}
.s-stats > div + div {
  padding-inline-start: 32px;
  border-inline-start: 1px solid var(--site-line-soft);
}
.s-stats dt {
  order: 2;
}
.s-stats dd {
  font-size: var(--marketing-stat);
  line-height: 1.1;
  letter-spacing: var(--marketing-tracking-figure);
  font-weight: var(--site-w-medium);
}
@media (width < 640px) {
  .s-stats > div + div {
    padding-inline-start: 16px;
  }
  .s-stats > div {
    padding: 20px 0;
  }
}
.s-manifesto {
  font-size: var(--site-h2);
  line-height: 1.04;
  letter-spacing: var(--site-h2-track);
  font-weight: var(--site-w-medium);
  color: var(--site-text-3);
  max-width: 1180px;
  text-wrap: pretty;
}
.s-manifesto strong {
  color: var(--site-text);
  font-weight: inherit;
}
:is(:lang(zh), :lang(ja), :lang(ko), :lang(th), :lang(hi), :lang(ar)) .s-manifesto {
  letter-spacing: 0;
  line-height: 1.35;
}
.s-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 96px;
}
.s-pillars > li {
  padding: 0;
  padding-inline-end: 32px;
  display: grid;
  gap: 12px;
  align-content: start;
}
.s-pillars > li + li {
  padding-inline-start: 32px;
  border-inline-start: 1px solid var(--site-line-soft);
}
.s-pillars :is(h2, h3) {
  font-size: var(--site-body);
  font-weight: var(--site-w-medium);
  color: var(--site-text);
  margin-top: 24px;
}
.s-fig {
  display: block;
  width: min(100%, 300px);
  height: auto;
  margin-top: 24px;
  color: var(--site-text-3);
  overflow: visible;
}
.s-fig-dim {
  opacity: 0.45;
}
.s-fig-node {
  fill: var(--background);
  stroke: var(--site-text-3);
}
.s-fig-flow {
  stroke: var(--primary);
  stroke-width: 1.5;
  stroke-dasharray: 26 400;
  stroke-dashoffset: 26;
  animation: s-flow var(--motion-express-ambient-flow) linear infinite;
}
.s-fig-flow[data-flow-step="1"] {
  animation-delay: var(--motion-express-ambient-flow-step);
}
.s-fig-flow[data-flow-step="2"] {
  animation-delay: calc(var(--motion-express-ambient-flow-step) * 2);
}
.s-fig-flow[data-flow-step="3"] {
  animation-delay: calc(var(--motion-express-ambient-flow-step) * 3);
}
.s-fig-accent {
  stroke: var(--site-text);
  transform-box: fill-box;
  transform-origin: center;
  animation: s-breathe var(--motion-express-ambient-breathe) ease-in-out infinite;
}
@keyframes s-flow {
  to {
    stroke-dashoffset: -426;
  }
}
@keyframes s-breathe {
  50% {
    opacity: 0.55;
  }
}
@media (width < 768px) {
  .s-pillars {
    grid-template-columns: 1fr;
    margin-top: 48px;
    gap: 32px;
  }
  .s-pillars > li + li {
    padding-inline-start: 0;
    border: 0;
  }
  .s-pillars :is(h2, h3) {
    margin-top: 16px;
  }
  .s-fig {
    width: 220px;
  }
}
.s-feature-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  margin-bottom: 72px;
}
.s-feature-head .s-lead {
  max-width: 566px;
}
.s-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  font-size: var(--site-small);
  color: var(--site-text-3);
  transition: color var(--site-hover);
}
.s-more:hover {
  color: var(--site-text);
}
.s-more span {
  --s-more-dx: var(--site-nudge);
  transition: translate var(--site-swap);
}
[dir="rtl"] .s-more span {
  --s-more-dx: calc(var(--site-nudge) * -1);
  scale: -1 1;
}
@media (hover: hover) {
  .s-more:hover span {
    translate: var(--s-more-dx);
  }
}
.s-index {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--site-line-soft);
}
@media (width < 768px) {
  .s-feature-head {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 40px;
  }
}
.s-table-scroll {
  overflow-x: auto;
}
.s-matrix {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--site-small);
  min-width: 640px;
}
.s-matrix th, .s-matrix td {
  text-align: start;
  padding: 14px 16px;
  border-bottom: 1px solid var(--site-line-soft);
  vertical-align: top;
}
.s-matrix thead th {
  color: var(--site-text);
  font-weight: var(--site-w-medium);
  font-size: var(--site-body);
  border-bottom-color: var(--site-line);
}
.s-matrix tbody th {
  font-weight: var(--site-w-regular);
  color: var(--site-text-3);
  width: 32%;
  padding-inline-start: 0;
}
.s-matrix td {
  color: var(--site-text-2);
  border-inline-start: 1px solid var(--site-line-soft);
}
.s-matrix td[data-v="no"] {
  color: var(--site-text-3);
}
.s-matrix td[data-v="yes"] svg, .s-matrix td[data-v="no"] svg {
  display: inline-block;
  margin-inline-end: 8px;
  vertical-align: -2px;
}
.s-plans {
  display: grid;
  gap: 0;
  border: 1px solid var(--site-line);
  border-radius: 16px;
  overflow: hidden;
}
.s-plans[data-cols="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-plans[data-cols="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-plan {
  padding: 32px;
  display: grid;
  gap: 16px;
  align-content: start;
  background: var(--site-panel);
}
.s-plan + .s-plan {
  border-inline-start: 1px solid var(--site-line-soft);
}
.s-plan[data-featured] {
  background: var(--site-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in lch, var(--site-panel) 88%, var(--foreground));
  }
}
.s-plan-price {
  display: grid;
  gap: 2px;
  font-size: var(--site-body);
  color: var(--site-text-2);
}
.s-plan-price b {
  display: inline-block;
  font-size: var(--marketing-price);
  letter-spacing: var(--marketing-tracking-figure);
  color: var(--site-text);
  font-weight: var(--site-w-medium);
}
.s-plan-metric {
  display: grid;
  gap: 2px;
}
.s-plan-metric b {
  font-size: var(--marketing-metric);
  line-height: var(--marketing-metric-line);
  letter-spacing: var(--marketing-tracking-figure);
  font-weight: var(--site-w-medium);
  color: var(--site-text);
  direction: ltr;
  unicode-bidi: isolate;
}
.s-plan-metric span {
  font-size: var(--site-micro);
  color: var(--site-text-3);
}
.s-plan-metric + .s-plan-price b {
  font-size: var(--site-h4);
}
.s-plan-badge {
  justify-self: start;
  font-size: var(--site-tag);
  padding: 2px 8px;
  border-radius: 9999px;
  border: 1px solid var(--site-line);
  color: var(--site-text-2);
}
.s-plan ul {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--site-line-soft);
}
.s-plan li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: var(--site-small);
  color: var(--site-text-3);
}
.s-plan li b {
  font-weight: var(--site-w-regular);
  color: var(--site-text-2);
  text-align: end;
}
@media (width < 1024px) {
  .s-plans[data-cols] {
    grid-template-columns: 1fr;
  }
  .s-plan + .s-plan {
    border-inline-start: 0;
    border-top: 1px solid var(--site-line-soft);
  }
}
.s-toggle {
  display: inline-flex;
  padding: 2px;
  border-radius: 9999px;
  border: 1px solid var(--site-line);
}
.s-toggle button {
  height: 28px;
  padding-inline: 14px;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: var(--site-text-3);
  font: inherit;
  font-size: var(--site-small);
  cursor: pointer;
  transition: color var(--site-hover), background-color var(--site-swap);
}
.s-toggle button[aria-pressed="true"] {
  background: var(--control-selected);
  color: var(--site-text);
}
.s-reading {
  padding-block: 96px var(--site-section);
  display: grid;
  gap: 64px;
}
.s-reading-head {
  display: grid;
  gap: 20px;
  max-width: 800px;
}
.s-articles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--site-line-soft);
}
.s-articles > article {
  padding: 32px 0;
  padding-inline-end: 32px;
  border-bottom: 1px solid var(--site-line-soft);
  display: grid;
  gap: 12px;
  align-content: start;
}
.s-articles > article:nth-child(even) {
  padding-inline: 32px 0;
  border-inline-start: 1px solid var(--site-line-soft);
}
.s-articles > article:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  padding-inline-end: 0;
}
.s-articles > article:last-child:nth-child(odd) > :is(p, ul) {
  max-width: 68ch;
}
.s-articles ul {
  display: grid;
  gap: 8px;
}
.s-articles li {
  position: relative;
  padding-inline-start: 18px;
  color: var(--site-text-3);
}
.s-articles li::before {
  content: "";
  position: absolute;
  inset-inline-start: 4px;
  top: 0.72em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--site-text-3);
}
@media (width < 768px) {
  .s-articles {
    grid-template-columns: 1fr;
  }
  .s-articles > article, .s-articles > article:nth-child(even) {
    padding: 24px 0;
    border-inline-start: 0;
  }
}
.s-terms {
  display: grid;
  gap: 40px;
  max-width: var(--site-prose);
  counter-reset: term;
}
.s-terms section {
  display: grid;
  gap: 8px;
}
.s-faq details {
  border-bottom: 1px solid var(--site-line-soft);
}
.s-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  min-height: 64px;
  cursor: pointer;
  list-style: none;
  font-size: var(--marketing-emphasis);
  color: var(--site-text);
}
.s-faq summary::-webkit-details-marker {
  display: none;
}
.s-faq summary::after {
  content: "+";
  color: var(--site-text-3);
  font-size: var(--site-h4);
  transition: transform var(--site-swap);
}
.s-faq details[open] summary::after {
  transform: rotate(45deg);
}
.s-faq details p {
  padding-bottom: 24px;
  max-width: var(--site-prose);
  color: var(--site-text-3);
}
.s-log {
  display: grid;
}
.s-log > li {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 24px;
  padding: 24px 0;
  border-top: 1px solid var(--site-line-soft);
}
.s-log time {
  color: var(--site-text-3);
  font-size: var(--site-small);
}
@media (width < 640px) {
  .s-log > li {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.s-closing {
  padding-block: 160px;
  text-align: center;
  display: grid;
  gap: 32px;
  justify-items: center;
}
.s-closing .s-body {
  max-width: 520px;
}
@media (width < 640px) {
  .s-closing {
    padding-block: 96px;
  }
}
.s-footer {
  border-top: 1px solid var(--site-line);
  padding-block: 64px 48px;
}
.s-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr));
  gap: 32px;
}
.s-footer h3 {
  font-size: var(--site-small);
  font-weight: var(--site-w-medium);
  color: var(--site-text);
  margin-bottom: 16px;
}
.s-footer li + li {
  margin-top: 10px;
}
.s-footer a {
  font-size: var(--site-small);
  color: var(--site-text-3);
  transition: color var(--site-hover);
}
.s-footer a:hover {
  color: var(--site-text);
}
.s-footer-end {
  margin-top: 64px;
  padding-top: 24px;
  border-top: 1px solid var(--site-line-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  justify-content: space-between;
}
@media (width < 768px) {
  .s-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s-footer-grid > :first-child {
    grid-column: 1 / -1;
  }
}
.s-feature-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.s-feature-cards .s-card {
  padding: 0 0 28px;
  overflow: hidden;
}
.s-feature-cards .s-card > :not(.s-mini) {
  padding-inline: 28px;
}
.s-feature-cards .s-h4 {
  color: var(--site-text);
  margin-top: 8px;
}
.s-mini {
  display: grid;
  align-content: center;
  gap: 10px;
  height: 300px;
  overflow: hidden;
  padding: 24px 28px;
  border-bottom: 1px solid var(--site-line-soft);
  background: var(--site-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in lch, var(--site-panel) 55%, var(--background));
  }
  font-size: var(--site-micro);
  color: var(--site-text-3);
}
.s-mini-pair {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 2px 10px;
  align-items: center;
  padding-block: 8px;
  border-bottom: 1px solid var(--site-line-soft);
}
.s-mini-pair:last-child {
  border-bottom: 0;
}
.s-mini-pair strong {
  grid-row: span 2;
  color: var(--site-text);
  font-weight: var(--site-w-medium);
  font-size: var(--site-small);
}
.s-mini-pair em {
  grid-row: 1 / span 2;
  grid-column: 3;
  font-style: normal;
  font-size: var(--site-small);
}
.s-mini-leg {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.s-mini-leg::before {
  content: "";
  width: 2px;
  height: 10px;
  border-radius: 1px;
  flex: none;
  background: var(--financial-positive);
}
.s-mini-leg[data-side="short"]::before {
  background: var(--financial-negative);
}
.s-mini-leg img {
  border-radius: 50%;
  flex: none;
}
.s-mini-leg span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-mini-leg b {
  margin-inline-start: auto;
  font-weight: var(--site-w-regular);
  color: var(--site-text-2);
}
.s-mini-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 4px 10px;
  align-items: center;
}
.s-mini-bar span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-mini-bar b {
  font-weight: var(--site-w-regular);
  text-align: end;
}
.s-mini-bar svg {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  height: 3px;
  overflow: visible;
}
.s-mini-bar svg:dir(rtl) {
  transform: scaleX(-1);
}
.s-mini-bar rect {
  fill: var(--financial-positive);
  opacity: 0.85;
}
.s-mini-bar svg[data-sign="neg"] rect {
  fill: var(--financial-negative);
}
.s-mini [data-sign="pos"] {
  color: var(--financial-positive);
}
.s-mini [data-sign="neg"] {
  color: var(--financial-negative);
}
.s-mini-kinds {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 8px;
}
.s-mini-kinds span {
  padding: 6px 12px;
  border-radius: 9999px;
  border: 1px solid var(--site-line);
  color: var(--site-text-2);
  font-size: var(--site-small);
}
@media (width < 1024px) {
  .s-feature-cards {
    grid-template-columns: 1fr;
  }
  .s-mini {
    height: auto;
  }
}
.s-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.s-card {
  position: relative;
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 32px;
  border: 1px solid var(--site-line);
  border-radius: 16px;
  background: var(--site-panel);
}
@media (width < 768px) {
  .s-steps {
    grid-template-columns: 1fr;
  }
}
.s-hero {
  position: relative;
  isolation: isolate;
}
.s-aurora {
  position: absolute;
  inset: -120px -10% auto -10%;
  height: 620px;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent);
  mask-image: linear-gradient(to bottom, #000 40%, transparent);
}
.s-aurora::before, .s-aurora::after {
  content: "";
  position: absolute;
  width: 60%;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0.5;
}
.s-aurora::before {
  inset-inline-start: 8%;
  top: -30%;
  background: radial-gradient(closest-side, var(--primary), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(closest-side, color-mix(in lch, var(--primary) 26%, transparent), transparent);
  }
  animation: s-drift-a var(--motion-express-ambient-drift) ease-in-out infinite alternate;
}
.s-aurora::after {
  inset-inline-end: 4%;
  top: -46%;
  background: radial-gradient(closest-side, var(--foreground), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(closest-side, color-mix(in srgb, var(--foreground) 7%, transparent), transparent);
  }
  animation: s-drift-b var(--motion-express-ambient-drift-alt) ease-in-out infinite alternate;
}
@keyframes s-drift-a {
  to {
    transform: translate3d(12%, 10%, 0) scale(1.12);
  }
}
@keyframes s-drift-b {
  to {
    transform: translate3d(-14%, 8%, 0) scale(0.92);
  }
}
.s-stage {
  perspective: 1600px;
}
.s-header {
  transition: background-color var(--site-swap), border-color var(--site-swap);
  view-transition-name: site-header;
}
@view-transition {
  navigation: auto;
}
::view-transition-old(root) {
  animation: var(--motion-express-page-out) var(--ease-express-hover) both s-vt-out;
}
::view-transition-new(root) {
  animation: var(--motion-express-page-in) var(--ease-express-enter) both s-vt-in;
}
@keyframes s-vt-out {
  to {
    opacity: 0;
  }
}
@keyframes s-vt-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@supports (interpolate-size: allow-keywords) {
  .site {
    interpolate-size: allow-keywords;
  }
  .s-faq details::details-content {
    block-size: 0;
    overflow: clip;
    transition: block-size var(--motion-express-glide) var(--ease-spring), content-visibility var(--motion-express-glide) allow-discrete;
  }
  .s-faq details[open]::details-content {
    block-size: auto;
  }
}
.s-num, .s-board .s-line, .s-board [data-value], .s-plan-price, .s-stats dd {
  direction: ltr;
  unicode-bidi: isolate;
}
:is(:lang(zh), :lang(ja), :lang(ko)) :is(.s-display, .s-h1, .s-h2, .s-manifesto) {
  font-weight: var(--font-weight-medium);
}
:is(:lang(zh), :lang(ja), :lang(ko)) .s-h1 {
  font-size: calc(var(--site-h1) * 0.92);
}
.s-menu-label {
  padding: 12px 10px 4px;
  font-size: var(--site-micro);
  color: var(--site-text-3);
}
.s-menu-langs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
}
.s-menu-panel a[aria-current="true"] {
  color: var(--site-text);
  background: var(--control-current);
}
@media (width < 640px) {
  .s-board {
    font-size: var(--site-micro);
  }
  .s-board th, .s-board td {
    padding-inline: 6px;
  }
  .s-board th:first-child, .s-board td:first-child {
    padding-inline-start: 12px;
  }
  .s-board th:last-child, .s-board td:last-child {
    padding-inline-end: 12px;
  }
  .s-board .s-venue .s-line > span {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .s-app .s-board-scroll {
    min-height: 0;
  }
  .s-matrix {
    min-width: 0;
    font-size: var(--site-micro);
  }
  .s-matrix th, .s-matrix td {
    padding: 10px 8px;
  }
  .s-matrix tbody th {
    width: 40%;
  }
  .s-matrix td[data-v]::before {
    margin-inline-end: 4px;
  }
  .s-stats dd {
    font-size: var(--marketing-stat-narrow);
    white-space: nowrap;
  }
  .s-reading .s-h2 {
    font-size: var(--marketing-reading-heading-narrow);
    line-height: 1.1;
  }
  .s-footer a {
    display: inline-block;
    padding-block: 6px;
  }
  .s-more {
    padding-block: 10px;
  }
}
@media (width >= 1280px) {
  .site {
    --site-gutter: var(--marketing-gutter-max);
  }
}
@media print {
  .s-header, .s-aurora {
    display: none;
  }
  .s-main {
    padding-top: 0;
  }
}
.site [data-ambient-paused]::before, .site [data-ambient-paused]::after, .site [data-ambient-paused] * {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .s-aurora::before, .s-aurora::after {
    animation: none;
  }
  .s-fig-flow {
    animation: none;
    stroke-dasharray: none;
    opacity: 0.5;
  }
  .s-fig-accent {
    animation: none;
  }
  .s-marquee {
    overflow-x: auto;
  }
  .s-marquee ul {
    animation: none;
  }
  .s-marquee ul[aria-hidden] {
    display: none;
  }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) {
    animation: none !important;
  }
  .site * {
    scroll-behavior: auto !important;
  }
}
.s-text-strong {
  color: var(--site-text) !important;
}
.s-text-muted {
  color: var(--site-text-3) !important;
}
.s-flush-top {
  margin-top: 0 !important;
}
.s-flush-bottom {
  margin-bottom: 0 !important;
}
.s-mt-16 {
  margin-top: 16px !important;
}
.s-mt-32 {
  margin-top: 32px !important;
}
.s-mt-64 {
  margin-top: 64px !important;
}
.s-mb-40 {
  margin-bottom: 40px !important;
}
.s-mb-48 {
  margin-bottom: 48px !important;
}
.s-mb-96 {
  margin-bottom: 96px !important;
}
.s-gap-8 {
  gap: 8px !important;
}
.s-stack-6 {
  display: grid !important;
  gap: 6px !important;
}
.s-stack-8 {
  display: grid !important;
  gap: 8px !important;
}
.s-stack-24 {
  display: grid !important;
  gap: 24px !important;
}
.s-row-10 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.s-code-block {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 12px !important;
  overflow: auto !important;
  background: var(--site-panel) !important;
  color: var(--site-text-2) !important;
  font-family: var(--font-mono) !important;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :root, :host {
      --zml-data-row-alert-mix: 0%;
    }
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-content: "";
      --tw-border-style: solid;
    }
  }
}