/* Generated from packages/design/tokens.json by packages/design/scripts/build.mjs. Do not edit; change the token and run the generator. */

/* Light, on the root and on any element that declares a light backdrop. */
:root,
[data-scheme="light"] {
  color-scheme: light;
  --accent: #0071E3;
  --accent-ink: #0066CC;
  --accent-soft: #E8F2FE;
  --agent-hiring: #4F5BD5;
  --agent-poker: #2E8B57;
  --agent-tutor: #1F8A8A;
  --attention: #C77700;
  --bubble-tint-alpha: 0.1;
  --control: #C7C7CC;
  --danger: #C20013;
  --danger-fill: #D70015;
  --dim: rgb(0 0 0 / .20);
  --fill-1: rgb(29 29 31 / .04);
  --fill-2: rgb(29 29 31 / .08);
  --fill-3: rgb(29 29 31 / .14);
  --focus: #0071E3;
  --ground: #FFFFFF;
  --hairline: #E3E3E8;
  --ink: #1D1D1F;
  --muted: #636368;
  --on-accent: #FFFFFF;
  --raised: #FFFFFF;
  --shadow-1: 0 1px 2px rgb(0 0 0 / .06);
  --shadow-2: 0 4px 12px rgb(0 0 0 / .10);
  --soft: #E8E8ED;
  --success: #1B7431;
  --surface: #F5F5F7;
  --warning: #8F5400;
  --button-disabled-opacity: 0.4;
  --button-gap: 8px;
  --button-icon-plate: 32px;
  --button-icon-plate-small: 28px;
  --button-large-height: 52px;
  --button-padding-x: 20px;
  --button-press-scale: 0.97;
  --button-small-height: 36px;
  --card-padding: 16px;
  --card-padding-wide: 20px;
  --composer-height: 48px;
  --composer-inset: 6px;
  --composer-max-lines: 6;
  --composer-scroll-fade: 12px;
  --composer-send: 36px;
  --field-border: 1px;
  --field-padding-x: 16px;
  --menu-padding: 8px;
  --message-max-width: 0.8;
  --message-padding-y: 9px;
  --notice-padding-x: 16px;
  --notice-padding-y: 14px;
  --pill-height: 22px;
  --pill-padding-x: 9px;
  --pill-padding-y: 2px;
  --placeholder-on-glass-opacity: 0.6;
  --row-padding-x: 16px;
  --row-padding-y: 12px;
  --row-separator-inset: 16px;
  --section-header-above: 24px;
  --section-header-below: 8px;
  --section-header-inset: 16px;
  --seg-gap: 2px;
  --seg-height: 30px;
  --seg-padding: 3px;
  --sheet-grabber-height: 5px;
  --sheet-grabber-width: 36px;
  --sheet-inset: 8px;
  --sheet-padding: 16px;
  --switch-height: 26px;
  --switch-knob: 20px;
  --switch-padding: 3px;
  --switch-width: 44px;
  --tab-bar-height: 56px;
  --toast-hold: 4s;
  --toast-padding: 16px;
  --face-blur-factor: 0.0125;
  --face-blur-floor: 2px;
  --face-box: 0.8;
  --face-contrast-ring-large: 2px;
  --face-contrast-ring-large-from: 150px;
  --face-contrast-ring-medium: 1.5px;
  --face-contrast-ring-medium-from: 60px;
  --face-contrast-ring-small: 1px;
  --face-eye-height: 16;
  --face-eye-left-x: 10;
  --face-eye-radius: 2;
  --face-eye-right-x: 25;
  --face-eye-width: 5;
  --face-eye-y: 12;
  --face-flat-max: 16px;
  --face-grid: 40;
  --face-in-glass-rim: 0.6;
  --face-lens-factor: 0.16;
  --face-lens-inner: 0.7;
  --face-rim-16: 0px;
  --face-rim-28: 1px;
  --face-rim-36: 1px;
  --face-rim-44: 1px;
  --face-rim-88: 1.5px;
  --face-rim-240: 2px;
  --face-rim-system-glass: 1.5px;
  --face-ring: 0.12;
  --face-shade-start: 0.7;
  --face-shadow-blur: 0.27;
  --face-shadow-y: 0.09;
  --face-size-bar: 28px;
  --face-size-composer: 36px;
  --face-size-favicon: 16px;
  --face-size-header: 88px;
  --face-size-hero: 240px;
  --face-size-row: 44px;
  --face-spec-feather: 0.008;
  --face-spec-length: 0.5;
  --face-spec-min: 44px;
  --face-spec-width: 0.06;
  --glass-blur-container: 20px;
  --glass-blur-sheet: 40px;
  --glass-clear-blur: 12px;
  --glass-clear-dim: rgb(0 0 0 / .35);
  --glass-clear-fill: rgb(255 255 255 / .18);
  --glass-face-edge: rgb(29 29 31 / .10);
  --glass-face-rim-a: 0.7;
  --glass-face-rim-b: 0.25;
  --glass-face-spec: 0.85;
  --glass-fill-container: rgb(255 255 255 / .72);
  --glass-fill-face: rgb(255 255 255 / .42);
  --glass-less-fill-alpha: 0.92;
  --glass-materialize-scale: 0.92;
  --glass-press-fill: 0.06;
  --glass-press-rim: 0.15;
  --glass-press-scale: 0.96;
  --glass-rim: 1px;
  --glass-rim-a: 0.55;
  --glass-rim-angle: 135deg;
  --glass-rim-b: 0.2;
  --glass-saturate: 1.6;
  --glass-saturate-sheet: 1;
  --glass-shade: rgb(29 29 31 / .06);
  --glass-shadow-a: 0.12;
  --glass-shadow-blur: 24px;
  --glass-shadow-y: 8px;
  --sheen-1: oklch(84% 0.11 230);
  --sheen-2: oklch(82% 0.12 300);
  --sheen-3: oklch(86% 0.10 350);
  --sheen-4: oklch(82% 0.12 300);
  --sheen-5: oklch(84% 0.11 230);
  --sheen-6: oklch(88% 0.09 150);
  --sheen-7: oklch(84% 0.11 230);
  --glass-sheen-film-a: 0.35;
  --glass-sheen-film-hole: 0.3;
  --glass-sheen-film-max-a: 0.55;
  --glass-sheen-film-min-a: 0.3;
  --glass-sheen-ring-a: 0.7;
  --glass-sheen-ring-container: 6px;
  --glass-sheen-ring-container-a: 0.4;
  --glass-sheen-ring-pressed-a: 0.6;
  --glass-solid: #FFFFFF;
  --glass-spec: 0.4;
  --glass-spec-height: 0.24;
  --glass-thick: rgb(0 0 0 / .06);
  --glass-tint-alpha: 0.12;
  --glass-tint-alpha-composite: 0.12;
  --layout-chat-max: 560px;
  --layout-chat-min: 340px;
  --layout-chat-width: 400px;
  --layout-stage-min: 560px;
  --breathe-duration: 1600ms;
  --drift-duration: 12s;
  --fade-fast-duration: 120ms;
  --fade-slow-duration: 320ms;
  --fade-standard-duration: 200ms;
  --morph-content-delay: 300ms;
  --morph-hold: 400ms;
  --morph-level-smoothing: 120ms;
  --reveal-blur: 8px;
  --reveal-stagger: 30ms;
  --spring-morph-bounce: 0.2;
  --spring-morph-duration: 550ms;
  --ease-morph: linear(0 0%, 0.0113 2.5%, 0.0417 5%, 0.0862 7.5%, 0.1406 10%, 0.2017 12.5%, 0.2666 15%, 0.3331 17.5%, 0.3993 20%, 0.4638 22.5%, 0.5257 25%, 0.5842 27.5%, 0.6387 30%, 0.689 32.5%, 0.7348 35%, 0.7763 37.5%, 0.8134 40%, 0.8463 42.5%, 0.8753 45%, 0.9005 47.5%, 0.9223 50%, 0.941 52.5%, 0.9567 55%, 0.97 57.5%, 0.9809 60%, 0.9898 62.5%, 0.997 65%, 1.0026 67.5%, 1.0069 70%, 1.0101 72.5%, 1.0124 75%, 1.0139 77.5%, 1.0148 80%, 1.0151 82.5%, 1.0151 85%, 1.0147 87.5%, 1.0141 90%, 1.0133 92.5%, 1.0124 95%, 1.0115 97.5%, 1 100%);
  --spring-quick-bounce: 0;
  --spring-quick-duration: 250ms;
  --ease-quick: cubic-bezier(.2, .8, .2, 1);
  --spring-standard-bounce: 0.15;
  --spring-standard-duration: 400ms;
  --ease-standard: cubic-bezier(.22, 1, .36, 1);
  --spring-toggle-bounce: 0.18;
  --spring-toggle-duration: 360ms;
  --ease-toggle: linear(0 0%, 0.0113 2.5%, 0.0415 5%, 0.0857 7.5%, 0.1397 10%, 0.2001 12.5%, 0.2641 15%, 0.3296 17.5%, 0.3947 20%, 0.4582 22.5%, 0.5191 25%, 0.5765 27.5%, 0.6301 30%, 0.6796 32.5%, 0.7248 35%, 0.7657 37.5%, 0.8024 40%, 0.835 42.5%, 0.8638 45%, 0.8891 47.5%, 0.911 50%, 0.9298 52.5%, 0.9459 55%, 0.9596 57.5%, 0.971 60%, 0.9804 62.5%, 0.9881 65%, 0.9944 67.5%, 0.9993 70%, 1.0031 72.5%, 1.006 75%, 1.0081 77.5%, 1.0096 80%, 1.0105 82.5%, 1.011 85%, 1.0111 87.5%, 1.011 90%, 1.0106 92.5%, 1.0101 95%, 1.0095 97.5%, 1 100%);
  --tooltip-delay: 350ms;
  --tooltip-follow: 140ms;
  --tooltip-linger: 250ms;
  --radius-floor: 4px;
  --radius-message: 20px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --radius-sheet: 28px;
  --radius-small: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-bar: 52px;
  --space-focus-ring: 2px;
  --space-hairline: 1px;
  --space-measure: 640px;
  --space-row: 52px;
  --space-touch: 44px;
  --tint-ambre: #F0B429;
  --tint-bleu: #3B93F0;
  --tint-brun: #8B5E3C;
  --tint-creme: transparent;
  --tint-encre: transparent;
  --tint-gris: transparent;
  --tint-orange: #F08A24;
  --tint-rose: #E152B0;
  --tint-rouge: #E8483F;
  --tint-turquoise: #2FBFA0;
  --tint-vert: #3ECF8E;
  --tint-violet: #8B5CF6;
  --type-badge-weight: 600;
  --type-body-line: 22px;
  --type-body-size: 17px;
  --type-body-rem: 1rem;
  --type-body-tracking: 0;
  --type-body-weight: 400;
  --type-family: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-family-rounded: ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;
  --type-family-serif: ui-serif, "New York", Georgia, "Times New Roman", serif;
  --type-footnote-line: 18px;
  --type-footnote-size: 13px;
  --type-footnote-rem: 0.765rem;
  --type-footnote-tracking: 0;
  --type-footnote-weight: 400;
  --type-headline-line: 22px;
  --type-headline-size: 17px;
  --type-headline-rem: 1rem;
  --type-headline-tracking: 0;
  --type-headline-weight: 600;
  --type-large-title-line: 41px;
  --type-large-title-size: 34px;
  --type-large-title-rem: 2rem;
  --type-large-title-tracking: -0.01em;
  --type-large-title-weight: 700;
  --type-subhead-line: 20px;
  --type-subhead-size: 15px;
  --type-subhead-rem: 0.882rem;
  --type-subhead-tracking: 0;
  --type-subhead-weight: 400;
  --type-title-line: 28px;
  --type-title-size: 22px;
  --type-title-rem: 1.294rem;
  --type-title-tracking: -0.005em;
  --type-title-weight: 700;
  --spring-morph: var(--spring-morph-duration) var(--ease-morph);
  --spring-quick: var(--spring-quick-duration) var(--ease-quick);
  --spring-standard: var(--spring-standard-duration) var(--ease-standard);
  --spring-toggle: var(--spring-toggle-duration) var(--ease-toggle);
  --fade-fast: var(--fade-fast-duration) ease-out;
  --fade-slow: var(--fade-slow-duration) ease-out;
  --fade-standard: var(--fade-standard-duration) ease-out;
  --drift: var(--drift-duration) linear infinite;
}

/* Dark: the viewer's choice on the root, or an element that declares a dark backdrop. */
[data-scheme="dark"] {
  color-scheme: dark;
  --accent: #0071E3;
  --accent-ink: #4DA3FF;
  --accent-soft: #12283F;
  --attention: #F5A524;
  --bubble-tint-alpha: 0.22;
  --control: #48484E;
  --danger: #FF6B63;
  --danger-fill: #D12730;
  --dim: rgb(0 0 0 / .45);
  --fill-1: rgb(245 245 247 / .06);
  --fill-2: rgb(245 245 247 / .10);
  --fill-3: rgb(245 245 247 / .16);
  --focus: #4DA3FF;
  --ground: #101012;
  --hairline: #2C2C31;
  --ink: #F5F5F7;
  --muted: #A1A1A8;
  --on-accent: #FFFFFF;
  --raised: #1E1E21;
  --shadow-1: 0 1px 2px rgb(0 0 0 / .30);
  --shadow-2: 0 4px 12px rgb(0 0 0 / .40);
  --soft: #2A2A2E;
  --success: #3DD16A;
  --surface: #161618;
  --warning: #F2B04C;
  --glass-face-edge: rgb(245 245 247 / .10);
  --glass-face-rim-a: 0.35;
  --glass-face-rim-b: 0.08;
  --glass-face-spec: 0.35;
  --glass-fill-container: rgb(28 28 31 / .72);
  --glass-fill-face: rgb(94 96 94 / .46);
  --glass-rim-a: 0.32;
  --glass-rim-b: 0.08;
  --glass-saturate: 1.4;
  --glass-shade: rgb(245 245 247 / .08);
  --glass-shadow-a: 0.4;
  --sheen-1: oklch(70% 0.11 230);
  --sheen-2: oklch(70% 0.12 300);
  --sheen-3: oklch(70% 0.10 350);
  --sheen-4: oklch(70% 0.12 300);
  --sheen-5: oklch(70% 0.11 230);
  --sheen-6: oklch(70% 0.09 150);
  --sheen-7: oklch(70% 0.11 230);
  --glass-solid: #000000;
  --glass-spec: 0.24;
  --glass-thick: rgb(0 0 0 / .30);
  --glass-tint-alpha-composite: 0.16;
}

/* Dark: the system's choice when the viewer has not chosen. */
@media (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) {
    color-scheme: dark;
    --accent: #0071E3;
    --accent-ink: #4DA3FF;
    --accent-soft: #12283F;
    --attention: #F5A524;
    --bubble-tint-alpha: 0.22;
    --control: #48484E;
    --danger: #FF6B63;
    --danger-fill: #D12730;
    --dim: rgb(0 0 0 / .45);
    --fill-1: rgb(245 245 247 / .06);
    --fill-2: rgb(245 245 247 / .10);
    --fill-3: rgb(245 245 247 / .16);
    --focus: #4DA3FF;
    --ground: #101012;
    --hairline: #2C2C31;
    --ink: #F5F5F7;
    --muted: #A1A1A8;
    --on-accent: #FFFFFF;
    --raised: #1E1E21;
    --shadow-1: 0 1px 2px rgb(0 0 0 / .30);
    --shadow-2: 0 4px 12px rgb(0 0 0 / .40);
    --soft: #2A2A2E;
    --success: #3DD16A;
    --surface: #161618;
    --warning: #F2B04C;
    --glass-face-edge: rgb(245 245 247 / .10);
    --glass-face-rim-a: 0.35;
    --glass-face-rim-b: 0.08;
    --glass-face-spec: 0.35;
    --glass-fill-container: rgb(28 28 31 / .72);
    --glass-fill-face: rgb(94 96 94 / .46);
    --glass-rim-a: 0.32;
    --glass-rim-b: 0.08;
    --glass-saturate: 1.4;
    --glass-shade: rgb(245 245 247 / .08);
    --glass-shadow-a: 0.4;
    --sheen-1: oklch(70% 0.11 230);
    --sheen-2: oklch(70% 0.12 300);
    --sheen-3: oklch(70% 0.10 350);
    --sheen-4: oklch(70% 0.12 300);
    --sheen-5: oklch(70% 0.11 230);
    --sheen-6: oklch(70% 0.09 150);
    --sheen-7: oklch(70% 0.11 230);
    --glass-solid: #000000;
    --glass-spec: 0.24;
    --glass-thick: rgb(0 0 0 / .30);
    --glass-tint-alpha-composite: 0.16;
  }
}

/* The six type styles (2.2). Sizes in rem from the 17 px root base.css sets. */
.t-large { font-size: var(--type-large-title-rem); line-height: var(--type-large-title-line); font-weight: var(--type-large-title-weight); letter-spacing: var(--type-large-title-tracking); }
.t-title { font-size: var(--type-title-rem); line-height: var(--type-title-line); font-weight: var(--type-title-weight); letter-spacing: var(--type-title-tracking); }
.t-head { font-size: var(--type-headline-rem); line-height: var(--type-headline-line); font-weight: var(--type-headline-weight); letter-spacing: var(--type-headline-tracking); }
.t-body { font-size: var(--type-body-rem); line-height: var(--type-body-line); font-weight: var(--type-body-weight); letter-spacing: var(--type-body-tracking); }
.t-sub { font-size: var(--type-subhead-rem); line-height: var(--type-subhead-line); font-weight: var(--type-subhead-weight); letter-spacing: var(--type-subhead-tracking); }
.t-foot { font-size: var(--type-footnote-rem); line-height: var(--type-footnote-line); font-weight: var(--type-footnote-weight); letter-spacing: var(--type-footnote-tracking); }

/* Raw pairs under the token paths, for the consumer client until its primitives move to the names above. */
:root {
  --rails-color-accent-light: #0071E3;
  --rails-color-accent-dark: #0071E3;
  --rails-color-accent-ink-light: #0066CC;
  --rails-color-accent-ink-dark: #4DA3FF;
  --rails-color-accent-soft-light: #E8F2FE;
  --rails-color-accent-soft-dark: #12283F;
  --rails-color-agent-hiring: #4F5BD5;
  --rails-color-agent-poker: #2E8B57;
  --rails-color-agent-tutor: #1F8A8A;
  --rails-color-attention-light: #C77700;
  --rails-color-attention-dark: #F5A524;
  --rails-color-bubble-tint-alpha-light: 0.1;
  --rails-color-bubble-tint-alpha-dark: 0.22;
  --rails-color-control-light: #C7C7CC;
  --rails-color-control-dark: #48484E;
  --rails-color-danger-light: #C20013;
  --rails-color-danger-dark: #FF6B63;
  --rails-color-danger-fill-light: #D70015;
  --rails-color-danger-fill-dark: #D12730;
  --rails-color-dim-light: rgb(0 0 0 / .20);
  --rails-color-dim-dark: rgb(0 0 0 / .45);
  --rails-color-fill-1-light: rgb(29 29 31 / .04);
  --rails-color-fill-1-dark: rgb(245 245 247 / .06);
  --rails-color-fill-2-light: rgb(29 29 31 / .08);
  --rails-color-fill-2-dark: rgb(245 245 247 / .10);
  --rails-color-fill-3-light: rgb(29 29 31 / .14);
  --rails-color-fill-3-dark: rgb(245 245 247 / .16);
  --rails-color-focus-light: #0071E3;
  --rails-color-focus-dark: #4DA3FF;
  --rails-color-ground-light: #FFFFFF;
  --rails-color-ground-dark: #101012;
  --rails-color-hairline-light: #E3E3E8;
  --rails-color-hairline-dark: #2C2C31;
  --rails-color-ink-light: #1D1D1F;
  --rails-color-ink-dark: #F5F5F7;
  --rails-color-muted-light: #636368;
  --rails-color-muted-dark: #A1A1A8;
  --rails-color-on-accent-light: #FFFFFF;
  --rails-color-on-accent-dark: #FFFFFF;
  --rails-color-raised-light: #FFFFFF;
  --rails-color-raised-dark: #1E1E21;
  --rails-color-shadow-1-light: 0 1px 2px rgb(0 0 0 / .06);
  --rails-color-shadow-1-dark: 0 1px 2px rgb(0 0 0 / .30);
  --rails-color-shadow-2-light: 0 4px 12px rgb(0 0 0 / .10);
  --rails-color-shadow-2-dark: 0 4px 12px rgb(0 0 0 / .40);
  --rails-color-soft-light: #E8E8ED;
  --rails-color-soft-dark: #2A2A2E;
  --rails-color-success-light: #1B7431;
  --rails-color-success-dark: #3DD16A;
  --rails-color-surface-light: #F5F5F7;
  --rails-color-surface-dark: #161618;
  --rails-color-warning-light: #8F5400;
  --rails-color-warning-dark: #F2B04C;
  --rails-motion-breathe: 1600ms;
  --rails-motion-drift: 12s;
  --rails-motion-fade-fast: 120ms;
  --rails-motion-fade-slow: 320ms;
  --rails-motion-fade-standard: 200ms;
  --rails-motion-morph-content-delay: 300ms;
  --rails-motion-morph-hold: 400ms;
  --rails-motion-morph-level-smoothing: 120ms;
  --rails-motion-reveal-blur: 8px;
  --rails-motion-reveal-stagger: 30ms;
  --rails-motion-spring-morph-bounce: 0.2;
  --rails-motion-spring-morph-duration: 550ms;
  --rails-motion-spring-morph-web: linear(0 0%, 0.0113 2.5%, 0.0417 5%, 0.0862 7.5%, 0.1406 10%, 0.2017 12.5%, 0.2666 15%, 0.3331 17.5%, 0.3993 20%, 0.4638 22.5%, 0.5257 25%, 0.5842 27.5%, 0.6387 30%, 0.689 32.5%, 0.7348 35%, 0.7763 37.5%, 0.8134 40%, 0.8463 42.5%, 0.8753 45%, 0.9005 47.5%, 0.9223 50%, 0.941 52.5%, 0.9567 55%, 0.97 57.5%, 0.9809 60%, 0.9898 62.5%, 0.997 65%, 1.0026 67.5%, 1.0069 70%, 1.0101 72.5%, 1.0124 75%, 1.0139 77.5%, 1.0148 80%, 1.0151 82.5%, 1.0151 85%, 1.0147 87.5%, 1.0141 90%, 1.0133 92.5%, 1.0124 95%, 1.0115 97.5%, 1 100%);
  --rails-motion-spring-quick-bounce: 0;
  --rails-motion-spring-quick-duration: 250ms;
  --rails-motion-spring-quick-web: cubic-bezier(.2, .8, .2, 1);
  --rails-motion-spring-standard-bounce: 0.15;
  --rails-motion-spring-standard-duration: 400ms;
  --rails-motion-spring-standard-web: cubic-bezier(.22, 1, .36, 1);
  --rails-motion-spring-toggle-bounce: 0.18;
  --rails-motion-spring-toggle-duration: 360ms;
  --rails-motion-spring-toggle-web: linear(0 0%, 0.0113 2.5%, 0.0415 5%, 0.0857 7.5%, 0.1397 10%, 0.2001 12.5%, 0.2641 15%, 0.3296 17.5%, 0.3947 20%, 0.4582 22.5%, 0.5191 25%, 0.5765 27.5%, 0.6301 30%, 0.6796 32.5%, 0.7248 35%, 0.7657 37.5%, 0.8024 40%, 0.835 42.5%, 0.8638 45%, 0.8891 47.5%, 0.911 50%, 0.9298 52.5%, 0.9459 55%, 0.9596 57.5%, 0.971 60%, 0.9804 62.5%, 0.9881 65%, 0.9944 67.5%, 0.9993 70%, 1.0031 72.5%, 1.006 75%, 1.0081 77.5%, 1.0096 80%, 1.0105 82.5%, 1.011 85%, 1.0111 87.5%, 1.011 90%, 1.0106 92.5%, 1.0101 95%, 1.0095 97.5%, 1 100%);
  --rails-motion-tooltip-delay: 350ms;
  --rails-motion-tooltip-follow: 140ms;
  --rails-motion-tooltip-linger: 250ms;
  --rails-radius-floor: 4px;
  --rails-radius-message: 20px;
  --rails-radius-panel: 16px;
  --rails-radius-pill: 999px;
  --rails-radius-sheet: 28px;
  --rails-radius-small: 8px;
  --rails-space-1: 4px;
  --rails-space-2: 8px;
  --rails-space-3: 12px;
  --rails-space-4: 16px;
  --rails-space-5: 20px;
  --rails-space-6: 24px;
  --rails-space-8: 32px;
  --rails-space-12: 48px;
  --rails-space-16: 64px;
  --rails-space-bar: 52px;
  --rails-space-focus-ring: 2px;
  --rails-space-hairline: 1px;
  --rails-space-measure: 640px;
  --rails-space-row: 52px;
  --rails-space-touch: 44px;
  --rails-type-badge-weight: 600;
  --rails-type-body-line: 22px;
  --rails-type-body-size: 17px;
  --rails-type-body-tracking: 0;
  --rails-type-body-weight: 400;
  --rails-type-family: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rails-type-family-rounded: ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;
  --rails-type-family-serif: ui-serif, "New York", Georgia, "Times New Roman", serif;
  --rails-type-footnote-line: 18px;
  --rails-type-footnote-size: 13px;
  --rails-type-footnote-tracking: 0;
  --rails-type-footnote-weight: 400;
  --rails-type-headline-line: 22px;
  --rails-type-headline-size: 17px;
  --rails-type-headline-tracking: 0;
  --rails-type-headline-weight: 600;
  --rails-type-large-title-line: 41px;
  --rails-type-large-title-size: 34px;
  --rails-type-large-title-tracking: -0.01em;
  --rails-type-large-title-weight: 700;
  --rails-type-subhead-line: 20px;
  --rails-type-subhead-size: 15px;
  --rails-type-subhead-tracking: 0;
  --rails-type-subhead-weight: 400;
  --rails-type-title-line: 28px;
  --rails-type-title-size: 22px;
  --rails-type-title-tracking: -0.005em;
  --rails-type-title-weight: 700;
}