/* Generated from albedo/tokens/tokens.mjs (albedo-tokens/1). Do not edit. */
:root {
  --c-paper: #ffffff;
  --c-mist: #f6f6fa;
  --c-lavender: #f1effb;
  --c-lilac: #e2dbf7;
  --c-line: #e2e1eb;
  --c-line-2: #cfcbe0;
  --c-line-3: #b9b4cc;
  --c-aubergine: #21115a;
  --c-violet: #4d3a87;
  --c-amethyst: #725aae;
  --c-amethyst-2: #9b8ac5;
  --c-saffron: #ecd056;
  --c-saffron-soft: #fbf4d2;
  --c-saffron-ink: #5a4a05;
  --c-ink: #0c0f19;
  --c-ink-2: #5d6473;
  --c-ink-3: #656377;
  --c-red: #a3333d;
  --c-red-soft: #fbeff0;
  --c-grey-soft: #f2f2f5;
  --c-white: #ffffff;
  --c-lavender-2: #e9e6f6;
  --c-lavender-3: #fbfaff;
  --c-lavender-4: #fcfbff;
  --c-lilac-2: #cdc2ef;
  --c-lilac-3: #ddd5f5;
  --c-lilac-4: #d9d1f3;
  --c-lilac-5: #c9bfe6;
  --c-mist-2: #eeedf5;
  --c-mauve-quiet: #8d8a9e;
  --c-saffron-line: #efe0a0;
  --c-saffron-line-2: #e7d38a;
  --c-saffron-deep: #8a6d00;
  --c-saffron-mid: #c9a92a;
  --c-saffron-paper: #fffdf3;
  --c-red-line: #f0cfd3;
  --c-white-10: rgba(255,255,255,.1);
  --c-white-96: rgba(255,255,255,.96);
  --c-mauve-18: rgba(101,99,119,.18);
  --c-mauve-35: rgba(101,99,119,.35);
  --c-ink-32: rgba(12,15,25,.32);
  --f-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --f-sans: "Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-serif: "Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --t-display-size: 40px;
  --t-display-line: 43px;
  --t-display-weight: 650;
  --t-display-width: 86%;
  --t-display-phone: 30px;
  --t-h1-size: 30px;
  --t-h1-line: 34px;
  --t-h1-weight: 650;
  --t-h1-width: 88%;
  --t-h1-phone: 24px;
  --t-h2-size: 21px;
  --t-h2-line: 26px;
  --t-h2-weight: 650;
  --t-h2-width: 90%;
  --t-h2-phone: 19px;
  --t-h3-size: 16.5px;
  --t-h3-line: 22px;
  --t-h3-weight: 650;
  --t-lede-size: 17px;
  --t-lede-line: 26px;
  --t-lede-weight: 400;
  --t-body-size: 15px;
  --t-body-line: 23px;
  --t-body-weight: 400;
  --t-small-size: 13.5px;
  --t-small-line: 20px;
  --t-small-weight: 400;
  --t-label-size: 12.5px;
  --t-label-line: 17px;
  --t-label-weight: 600;
  --t-tiny-size: 12px;
  --t-tiny-line: 16px;
  --t-tiny-weight: 500;
  --t-metric-size: 30px;
  --t-metric-line: 32px;
  --t-metric-weight: 650;
  --t-metric-width: 88%;
  --t-question-size: 20px;
  --t-question-line: 28px;
  --t-question-weight: 500;
  --t-answer-size: 17px;
  --t-answer-line: 28px;
  --t-answer-weight: 400;
  --s-0: 0px;
  --s-1: 1px;
  --s-2: 2px;
  --s-3: 3px;
  --s-4: 4px;
  --s-5: 5px;
  --s-6: 6px;
  --s-7: 7px;
  --s-8: 8px;
  --s-9: 9px;
  --s-10: 10px;
  --s-11: 11px;
  --s-12: 12px;
  --s-13: 13px;
  --s-14: 14px;
  --s-16: 16px;
  --s-18: 18px;
  --s-20: 20px;
  --s-22: 22px;
  --s-24: 24px;
  --s-26: 26px;
  --s-28: 28px;
  --s-30: 30px;
  --s-32: 32px;
  --s-36: 36px;
  --s-38: 38px;
  --s-40: 40px;
  --s-48: 48px;
  --s-56: 56px;
  --s-60: 60px;
  --s-72: 72px;
  --s-80: 80px;
  --s-96: 96px;
  --s-110: 110px;
  --s-em-1-1: 1.1em;
  --s-em-1-25: 1.25em;
  --r-2: 2px;
  --r-3: 3px;
  --r-4: 4px;
  --r-5: 5px;
  --r-6: 6px;
  --r-7: 7px;
  --r-8: 8px;
  --r-9: 9px;
  --r-10: 10px;
  --r-11: 11px;
  --r-12: 12px;
  --r-14: 14px;
  --r-16: 16px;
  --r-18: 18px;
  --r-pill: 999px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-30: 30px;
  --fs-40: 40px;
  --fs-10-5: 10.5px;
  --fs-11-5: 11.5px;
  --fs-12-5: 12.5px;
  --fs-13-5: 13.5px;
  --fs-14-5: 14.5px;
  --fs-15-5: 15.5px;
  --fs-16-5: 16.5px;
  --ls-004: .004em;
  --ls-012: .012em;
  --ls-018: .018em;
  --ls-02: .02em;
  --ls-022: .022em;
  --ls-06: .06em;
  --ls-09: .09em;
  --shadow-raise: 0 1px 2px rgba(33,17,90,.05),0 10px 28px rgba(33,17,90,.07);
  --shadow-overlay: 0 24px 64px rgba(33,17,90,.18);
  --shadow-card: 0 1px 2px rgba(33,17,90,.04),0 8px 24px rgba(33,17,90,.06);
  --shadow-card-lined: 0 1px 2px rgba(33,17,90,.08),0 0 0 1px var(--c-line);
  --shadow-menu: 0 12px 32px rgba(33,17,90,.28);
  --shadow-sheet: 0 24px 64px rgba(33,17,90,.24);
  --shadow-drawer: -18px 0 48px rgba(33,17,90,.18);
  --shadow-thumb: 0 1px 2px rgba(0,0,0,.2);
  --shadow-ring-line: 0 0 0 1px var(--c-line);
  --shadow-ring-amethyst: 0 0 0 2px var(--c-amethyst);
  --shadow-ring-lilac: 0 0 0 3px var(--c-lilac);
  --shadow-halo-focus: 0 0 0 3px rgba(114,90,174,.22);
  --shadow-halo-problem: 0 0 0 3px rgba(163,51,61,.12);
  --shadow-halo-problem-soft: 0 0 0 3px rgba(163,51,61,.1);
  --shadow-ring-saffron-inset: 0 0 0 1px #c9a92a inset;
  --shadow-inset-line: inset 0 0 0 1px var(--c-line);
  --shadow-inset-line-2: inset 0 0 0 1px var(--c-line-2);
  --shadow-inset-line-3: inset 0 0 0 1px var(--c-line-3);
  --shadow-inset-lilac: inset 0 0 0 1px #d9d1f3;
  --shadow-inset-amethyst: inset 0 0 0 1px var(--c-amethyst);
  --shadow-inset-aubergine: inset 0 0 0 1px var(--c-aubergine);
  --shadow-inset-amethyst-strong: inset 0 0 0 1.5px var(--c-amethyst);
  --shadow-inset-ink-3-strong: inset 0 0 0 1.5px var(--c-ink-3);
  --shadow-inset-line-3-strong: inset 0 0 0 1.5px var(--c-line-3);
  --shadow-inset-red-strong: inset 0 0 0 1.5px var(--c-red);
  --shadow-inset-saffron-strong: inset 0 0 0 1.5px #c9a92a;
  --shadow-inset-violet-thick: inset 0 0 0 4px var(--c-violet);
  --shadow-focus-double: inset 0 0 0 2px var(--c-amethyst),0 0 0 2px var(--c-paper);
  --m-fast: .12s;
  --m-base: .15s;
  --m-ease: ease;
}