/* tokens.css - GENERATED by tools/gen-tokens-css.py from tokens.json v2.2.0-proposed. NON-SHIPPING. */
:root{
  /* brand */
  --brand: #851935;
  --brand-deep: #5e1226;
  --brand-bright: #a72147;
  --brand-rose: #b1264c;
  --brand-ink: #fff;
  --brand-soft: rgba(133,25,53,.07);
  --brand-soft-2: rgba(133,25,53,.13);
  --brand-line: rgba(133,25,53,.22);
  --brand-on-ink: #e88ea4;
  --brand-umbra: #3a0d1c;
  /* sidebar */
  --side: #1c1417;
  --side-2: #241a1e;
  --side-line: rgba(255,255,255,.07);
  --side-ink: #ece7e8;
  --side-ink-2: #a59ea1;
  --side-ink-3: #6f676a;
  --side-ink-nav: #c8c1c3;
  --brand-rose-on-dark: #ec9db4;
  /* surface */
  --bg: #f7f2f2;
  --surface: #ffffff;
  --surface-2: #faf6f6;
  --surface-warm: #fbf7f7;
  --line: #eee7e7;
  --line-2: #e5dcdc;
  --gray-soft: #f0f0f3;
  --input-line: #7d8694;
  /* text */
  --ink: #1c1417;
  --ink-2: #5b697e;
  --ink-3: #627084;
  --ink-band: #221619;
  --ink-band-2: #2c1d21;
  --band-ink: #f4edee;
  --band-ink-2: #b7a8ac;
  /* status */
  --green-ink: #167d4e;
  --green-graphic: #14875a;
  --green-decor: #1faf6e;
  --green-soft: #e6f7ef;
  --green-line: #2f9e6c;
  --amber-ink: #986315;
  --amber-graphic: #9a6a11;
  --amber-decor: #e0921f;
  --amber-soft: #fdf3e3;
  --amber-line: #b27a14;
  --red-ink: #c82e46;
  --red-graphic: #d23a52;
  --red-soft: #fceaed;
  --blue-ink: #2c64de;
  --blue-graphic: #3b6fe0;
  --blue-soft: #eaf0fc;
  --violet-ink: #7351d9;
  --violet-graphic: #7c5cdb;
  --violet-soft: #f0ebfb;
  /* semantic-states */
  --state-pending: var(--blue-ink);
  --state-pending-fill: var(--blue-soft);
  --state-pending-glyph: "◔";
  --state-pending-encoding: "open-progress circle + label";
  --state-unknown: var(--ink-2);
  --state-unknown-fill: var(--gray-soft);
  --state-unknown-glyph: "?";
  --state-unknown-encoding: "dashed circle + ? + label";
  --state-cannot-tell: var(--ink-2);
  --state-cannot-tell-fill: var(--gray-soft);
  --state-cannot-tell-glyph: "⌀";
  --state-cannot-tell-encoding: "dashed circle + instrument-missing label";
  --state-refused: var(--amber-ink);
  --state-refused-fill: var(--amber-soft);
  --state-refused-glyph: "⛔";
  --state-refused-encoding: "octagon glyph + label";
  --state-failed: var(--red-ink);
  --state-failed-fill: var(--red-soft);
  --state-failed-glyph: "✕";
  --state-failed-encoding: "filled square + ✕ + label";
  --state-stale: var(--amber-ink);
  --state-stale-fill: var(--amber-soft);
  --state-stale-glyph: "◑";
  --state-stale-encoding: "half-filled circle + last-heard timestamp";
  --state-recovered: var(--green-ink);
  --state-recovered-fill: var(--green-soft);
  --state-recovered-glyph: "↻";
  --state-recovered-encoding: "outline circle + ↻ + interval";
  --state-successful: var(--green-ink);
  --state-successful-fill: var(--green-soft);
  --state-successful-glyph: "✓";
  --state-successful-encoding: "filled ✓ + label; evidence link when the surface carries evidence";
  /* type-scale */
  --t-display: 2.125rem;
  --t-h1: 1.5rem;
  --t-h2: 1.1875rem;
  --t-h3: 1rem;
  --t-body: 0.875rem;
  --t-sm: 0.8125rem;
  --t-xs: 0.75rem;
  --t-2xs: 0.6875rem;
  --t-display-2: 2.875rem;
  --t-display-3: 3.5rem;
  --font: 'Inter','Inter Fallback','Inter Fallback Android',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --num-track: -0.022em;
  /* type-weight-leading */
  --lh-tight: 1.1;
  --lh-snug: 1.35;
  --lh-base: 1.55;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 800;
  /* spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  /* radius */
  --r: 16px;
  --r-2: 12px;
  --r-3: 9px;
  /* elevation */
  --e1: inset 0 0 0 1px var(--line);
  --e2: 0 1px 2px rgba(28,20,23,.05), 0 3px 10px rgba(28,20,23,.04);
  --e3: 0 2px 4px rgba(28,20,23,.06), 0 12px 32px rgba(28,20,23,.09);
  --e4: 0 6px 16px rgba(28,20,23,.10), 0 24px 64px rgba(28,20,23,.16);
  --shadow: 0 1px 2px rgba(28,20,23,.04), 0 4px 14px rgba(28,20,23,.04);
  --shadow-md: 0 2px 6px rgba(28,20,23,.05), 0 10px 28px rgba(28,20,23,.06);
  --shadow-lg: 0 10px 34px rgba(28,20,23,.10);
  --lift: translateY(-1px);
  /* motion */
  --dur-fast: .12s;
  --dur: .2s;
  --dur-slow: .32s;
  --dur-draw: .6s;
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  /* layout */
  --sidebar-w: 250px;
  --topbar-h: 62px;
  /* focus */
  --focus-ring: 2px solid #851935;
  --focus-ring-offset: 2px;
  --focus-on-dark: 2px solid #ffffff;
  /* z-index */
  --z-base: 0;
  --z-raised: 20;
  --z-sticky: 40;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 1000;
  /* breakpoints */
  --bp-portal-min: 320px;
  --bp-phone: 390px;
  --bp-tablet: 768px;
  --bp-desktop: 1440px;
  --bp-desktop-height: 900px;
  /* touch-a11y */
  --touch-target-console: 44px;
  --touch-target-portal: 48px;
  --text-zoom-max: 200%;
  --portal-input-font-size: 16px;
  /* charts */
  --series-1: #851935;
  --series-1-dash: none;
  --series-1-marker: "circle";
  --series-2: #2c64de;
  --series-2-dash: 6 3;
  --series-2-marker: "square";
  --series-3: #167d4e;
  --series-3-dash: 2 3;
  --series-3-marker: "triangle";
  --series-4: #7351d9;
  --series-4-dash: 8 3 2 3;
  --series-4-marker: "diamond";
  --chart-grid: var(--line);
  --chart-fill-alpha: 0.18;
  /* alpha-overlays */
  --on-dark-ink: #ffffff;
  --on-dark-hairline: rgba(255,255,255,.22);
  --on-dark-spinner: rgba(255,255,255,.4);
  --on-dark-line-strong: rgba(255,255,255,.5);
  --scrim-wash: rgba(28,20,23,.45);
  --ink-wash-04: rgba(28,20,23,.04);
  --ink-wash-05: rgba(28,20,23,.05);
  --ink-wash-06: rgba(28,20,23,.06);
  --ink-wash-09: rgba(28,20,23,.09);
  --ink-wash-10: rgba(28,20,23,.10);
  --ink-wash-16: rgba(28,20,23,.16);
  --brand-wash-07: rgba(133,25,53,.07);
  --brand-wash-13: rgba(133,25,53,.13);
  --brand-wash-22: rgba(133,25,53,.22);
  --on-dark-wash-07: rgba(255,255,255,.07);
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}