/* Generated from design/tokens.json by scripts/extract_tokens.py. */
html { font-size: 100%; }
@supports (font: -apple-system-body) and (-webkit-touch-callout: default) { html { font: -apple-system-body; } }
@font-face {
  font-family: 'PlusJakartaSans-SemiBold';
  src: url('/static/fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'PlusJakartaSans-Bold';
  src: url('/static/fonts/PlusJakartaSans-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Light';
  src: url('/static/fonts/Inter-Light.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'InterDisplay-Light';
  src: url('/static/fonts/InterDisplay-Light.woff2') format('woff2');
  font-display: swap;
}
:root {
  --a11y-avatar-size: 2.25em;
  --a11y-header-avatar-size: 2em;
  --a11y-status-size: 1.5em;
  --a11y-icon-size: 1em;
  --a11y-chevron-width: .5em;
  --color-ink: #17171C;
  --color-inkSecondary: #565656;
  --color-inkMuted: #656565;
  --color-neutral400: #A0A0A0;
  --color-white: #FFFFFF;
  --color-ground: #FFFFFF;
  --color-card: #FFFFFF;
  --color-tray: #F3F3F5;
  --color-ghostBorder: #808086;
  --color-border: #E3E3E3;
  --color-divider: #F0F0F0;
  --color-neutral300: #DBDBDB;
  --color-surfaceSunken: #F1F1F1;
  --color-blueDeep: #3F5FD2;
  --color-onboardingWellStart: #5273E6;
  --color-onboardingWellEnd: #2F4BBD;
  --color-bluePastel: #E5EBFF;
  --color-blueWash: #ECEFFB;
  --color-blueTextOnPastel: #3F5FD2;
  --color-greenDeep: #355146;
  --color-greenPastel: #E5F4EF;
  --color-greenWash: #EBEEED;
  --color-greenTextOnPastel: #355146;
  --color-coralDeep: #CA492D;
  --color-coralPastel: #FFD9D0;
  --color-coralWash: #FAEDEA;
  --color-coralTextOnPastel: #AD3E26;
  --color-amberDeep: #C88A19;
  --color-amberPastel: #FFD9D0;
  --color-amberWash: #FAEDEA;
  --color-amberTextOnPastel: #7A5410;
  --color-plumDeep: #9B60AA;
  --color-paywallPlumLight: #A970B8;
  --color-paywallPlumDark: #834C92;
  --color-plumPastel: #F0DFF3;
  --color-plumWash: #F5EFF7;
  --color-plumTextOnPastel: #885096;
  --color-evergreen: #355146;
  --color-coralGraphic: #FF7759;
  --color-brick: #B20000;
  --color-warmWell: #F0EEE9;
  --color-inkFaint: #8E8E93;
  --color-borderStrong: #D9D9DD;
  --color-link: #355146;
  --color-needsYou: #B20000;
  --color-screenBackground: #FFFFFF;
  --font-size-errorHeadline: 1.25rem;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 64px;
  --spacing-xxl: 96px;
  --spacing-screen: 8px;
  --spacing-dotGap: 10px;
  --spacing-errorGap: 14px;
  --spacing-errorTextInset: 32px;
  --spacing-errorRetryTop: 6px;
  --spacing-dockPillVertical: 10px;
  --spacing-skeletonRowGap: 14px;
  --spacing-skeletonContentGap: 12px;
  --spacing-skeletonBarsGap: 6px;
  --radii-chip: 12px;
  --radii-card: 20px;
  --radii-sheet: 28px;
  --radii-hero: 28px;
  --radii-skeletonBar: 6px;
  --stroke-hairline: 1px;
  --stroke-control: 1.5px;
  --stroke-selection: 2px;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    --motion-snappy: 0.26s;
    --motion-skeletonPulse: 0.9s;
    --motion-settle: 0.4s;
    --motion-arrivalWash: 1.2s;
    --motion-inkSettle: 0.24s;
    --motion-doneCollapse: 0.22s;
    --motion-inkSettleScale: 1.04;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-snappy: 0.2s;
    --motion-skeletonPulse: 0.2s;
    --motion-settle: 0.2s;
    --motion-arrivalWash: 0.2s;
    --motion-inkSettle: 0.2s;
    --motion-doneCollapse: 0.2s;
    --motion-inkSettleScale: 1;
    --motion-reducedDuration: 0.2s;
  }
}
.text-titleXL {
  font-family: 'PlusJakartaSans-Bold';
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 2.875rem;
  letter-spacing: -0.045rem;
}
.text-screenTitle {
  font-family: 'PlusJakartaSans-Bold';
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.03rem;
}
.text-sheetTitleDisplay {
  font-family: 'PlusJakartaSans-Bold';
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: -0.0275rem;
}
.text-entryTitle {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: -0.01375rem;
}
.text-quote {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0rem;
}
.text-transcript {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.625rem;
  letter-spacing: 0rem;
}
.text-sheetTitle {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: -0.01375rem;
}
.text-modalTitle {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1.1875rem;
  line-height: 1.5rem;
  letter-spacing: -0.011875rem;
}
.text-dayHead {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  letter-spacing: -0.010625rem;
}
.text-nav {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  letter-spacing: -0.010625rem;
}
.text-button {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.text-body {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
}
.text-bodySm {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0rem;
}
.text-chip {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.00875rem;
}
.text-label {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: 0rem;
}
.text-labelStrong {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: -0.008125rem;
}
.text-caption {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0rem;
}
.text-micro {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  letter-spacing: 0rem;
}
.text-microXS {
  font-family: 'Inter-Light';
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: 0rem;
}
.text-numeralXL {
  font-family: 'InterDisplay-Light';
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 4.625rem;
  letter-spacing: -0.0675rem;
  font-variant-numeric: tabular-nums;
}
.text-numeralLg {
  font-family: 'InterDisplay-Light';
  font-weight: 400;
  font-size: 3.875rem;
  line-height: 4rem;
  letter-spacing: -0.058125rem;
  font-variant-numeric: tabular-nums;
}
.text-numeralMd {
  font-family: 'InterDisplay-Light';
  font-weight: 400;
  font-size: 2.75rem;
  line-height: 3.375rem;
  letter-spacing: -0.04125rem;
  font-variant-numeric: tabular-nums;
}
.text-numeralSm {
  font-family: 'InterDisplay-Light';
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: -0.0375rem;
  font-variant-numeric: tabular-nums;
}
.text-mastheadLg {
  font-family: 'PlusJakartaSans-Bold';
  font-weight: 400;
  font-size: 2.375rem;
  line-height: 3rem;
  letter-spacing: -0.0475rem;
}
.text-month {
  font-family: 'PlusJakartaSans-Bold';
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  letter-spacing: -0.02125rem;
}
.text-cardTitle {
  font-family: 'PlusJakartaSans-SemiBold';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: -0.01rem;
}