/* Flinch's design tokens as CSS custom properties, generated from design/tokens.json. Edit tokens.json, never this file. */
:root {
  /* color.ground */
  --studio: #0C0E1A;
  --studio-2: #181C33;
  --panel: #232844;
  /* color.stock */
  --stock: #F6F6F2;
  --blank: #E2E2DA;
  --ink: #15161D;
  --ink-2: #585B6E;
  /* color.text */
  --text: #EEF0F7;
  --text-2: #AFB3C8;
  --line: #747DAA;
  /* color.ink */
  --yellow: #FFD23F;
  --pink: #FF4FA8;
  --blue: #3D5BF0;
  --blue-ink: #2A44C9;
  --stamp: #33158C;
  --stamp-lt: #B8A4FF;
  --pink-lt: #FE88BC;
  /* color.decor */
  --yellow-base: #C28412;
  --pink-base: #BC2B88;
  /* color.lamp */
  --flash: #FFF9E6;
  /* color.light */
  --gel-card: #2A1139;
  --gel-key: #5C1766;
  --gel-solid: #6A1A6C;
  /* color.web */
  --rule: #262B50;
  --well: #10132A;
  /* color.contrast */
  --contrast-text-2: #EEF0F7;
  --contrast-line: #AFB3C8;
  --contrast-ink-2: #15161D;
  --contrast-back: #2A44C9;
  --contrast-photo-rim: #585B6E;
  /* font */
  --font-display: "Anybody", system-ui, sans-serif;
  --font-body: "Sofia Sans", system-ui, sans-serif;
  --font-lamp: "Doto", ui-monospace, monospace;
  /* type */
  --type-title-card-family: var(--font-display);
  --type-title-card-weight: 900;
  --type-title-card-size: 50px;
  --type-title-card-line: 0.9;
  --type-title-card-width-min: 60%;
  --type-title-card-width-max: 150%;
  --type-title-card-size-max: 110px;
  --type-title-card-case: uppercase;
  --type-today-title-family: var(--font-display);
  --type-today-title-weight: 900;
  --type-today-title-size: 48px;
  --type-today-title-line: 0.95;
  --type-today-title-width-min: 60%;
  --type-today-title-width-max: 150%;
  --type-today-title-case: uppercase;
  --type-screen-title-family: var(--font-display);
  --type-screen-title-weight: 900;
  --type-screen-title-size: 28px;
  --type-screen-title-line: 1.143;
  --type-screen-title-width: 120%;
  --type-screen-title-case: uppercase;
  --type-card-number-family: var(--font-display);
  --type-card-number-weight: 900;
  --type-card-number-size: 28px;
  --type-card-number-line: 1;
  --type-card-number-width: 120%;
  --type-dare-index-family: var(--font-display);
  --type-dare-index-weight: 900;
  --type-dare-index-size: 28px;
  --type-dare-index-line: 1;
  --type-dare-index-width: 120%;
  --type-tab-family: var(--font-display);
  --type-tab-weight: 900;
  --type-tab-size: 28px;
  --type-tab-line: 1;
  --type-tab-width-min: 60%;
  --type-tab-width-max: 150%;
  --type-tab-case: uppercase;
  --type-body-family: var(--font-body);
  --type-body-weight: 400;
  --type-body-size: 18px;
  --type-body-line: 1.333;
  --type-body-name-weight: 700;
  --type-headline-family: var(--font-body);
  --type-headline-weight: 700;
  --type-headline-size: 18px;
  --type-headline-line: 1.333;
  --type-secondary-family: var(--font-body);
  --type-secondary-weight: 400;
  --type-secondary-size: 15px;
  --type-secondary-line: 1.333;
  --type-secondary-color: var(--text-2);
  --type-button-family: var(--font-body);
  --type-button-weight: 700;
  --type-button-size: 18px;
  --type-button-line: 1.333;
  --type-band-age-family: var(--font-body);
  --type-band-age-weight: 700;
  --type-band-age-size: 15px;
  --type-band-age-line: 1.333;
  --type-band-caption-family: var(--font-body);
  --type-band-caption-weight: 400;
  --type-band-caption-size: 15px;
  --type-band-caption-line: 1.333;
  --type-lockup-name-family: var(--font-display);
  --type-lockup-name-weight: 900;
  --type-lockup-name-size: 64px;
  --type-lockup-name-line: 1;
  --type-lockup-name-width: 120%;
  --type-lockup-name-case: uppercase;
  --type-lockup-name-color: var(--yellow);
  --type-lockup-suffix-family: var(--font-body);
  --type-lockup-suffix-weight: 700;
  --type-lockup-suffix-size: 40px;
  --type-lockup-suffix-line: 1;
  --type-lockup-suffix-color: var(--text);
  --type-today-line-family: var(--font-display);
  --type-today-line-weight: 900;
  --type-today-line-size: 22px;
  --type-today-line-line: 1.27;
  --type-today-line-width-min: 60%;
  --type-today-line-width-max: 150%;
  --type-today-line-case: uppercase;
  --type-today-line-color: var(--text-2);
  --type-today-streak-family: var(--font-display);
  --type-today-streak-weight: 900;
  --type-today-streak-size: 22px;
  --type-today-streak-line: 1.27;
  --type-today-streak-width-min: 60%;
  --type-today-streak-width-max: 150%;
  --type-today-streak-case: uppercase;
  --type-today-streak-color: var(--text);
  --type-result-streak-family: var(--font-display);
  --type-result-streak-weight: 900;
  --type-result-streak-size: 22px;
  --type-result-streak-line: 1.27;
  --type-result-streak-width: 120%;
  --type-result-streak-case: uppercase;
  --type-result-streak-color: var(--text);
  --type-cue-title-family: var(--font-display);
  --type-cue-title-weight: 900;
  --type-cue-title-size: 28px;
  --type-cue-title-line: 1;
  --type-cue-title-width-min: 60%;
  --type-cue-title-width-max: 150%;
  --type-cue-title-color: var(--ink);
  --type-label-family: var(--font-display);
  --type-label-weight: 700;
  --type-label-size: 12px;
  --type-label-line: 1.333;
  --type-label-tracking: 0.04em;
  --type-label-width: 100%;
  --type-label-case: uppercase;
  --type-back-numeral-family: var(--font-display);
  --type-back-numeral-weight: 900;
  --type-back-numeral-size: 392px;
  --type-back-numeral-line: 1;
  --type-back-numeral-width-min: 60%;
  --type-back-numeral-width-max: 150%;
  --type-back-numeral-case: uppercase;
  --type-back-numeral-color: var(--stock);
  --type-back-word-family: var(--font-display);
  --type-back-word-weight: 900;
  --type-back-word-size: 93.8px;
  --type-back-word-line: 1;
  --type-back-word-width-min: 60%;
  --type-back-word-width-max: 150%;
  --type-back-word-case: uppercase;
  --type-back-word-color: var(--stock);
  --type-back-foot-family: var(--font-display);
  --type-back-foot-weight: 900;
  --type-back-foot-size: 38.3px;
  --type-back-foot-line: 1;
  --type-back-foot-width-min: 60%;
  --type-back-foot-width-max: 150%;
  --type-back-foot-case: uppercase;
  --type-back-foot-color: var(--stock);
  --type-tab-long-family: var(--font-display);
  --type-tab-long-weight: 900;
  --type-tab-long-size: 22px;
  --type-tab-long-line: 1;
  --type-tab-long-width-min: 60%;
  --type-tab-long-width-max: 150%;
  --type-tab-long-case: uppercase;
  --type-question-family: var(--font-body);
  --type-question-weight: 700;
  --type-question-size: 22px;
  --type-question-line: 1.273;
  --type-statement-family: var(--font-body);
  --type-statement-weight: 400;
  --type-statement-size: 22px;
  --type-statement-line: 1.273;
  --type-tag-family: var(--font-body);
  --type-tag-weight: 700;
  --type-tag-size: 15px;
  --type-tag-line: 1.333;
  --type-tag-large-family: var(--font-body);
  --type-tag-large-weight: 700;
  --type-tag-large-size: 20px;
  --type-tag-large-line: 1.3;
  --type-room-family: var(--font-display);
  --type-room-weight: 900;
  --type-room-size: 22px;
  --type-room-line: 1;
  --type-room-width-min: 60%;
  --type-room-width-max: 150%;
  --type-room-case: uppercase;
  --type-room-header-family: var(--font-display);
  --type-room-header-weight: 900;
  --type-room-header-size: 15px;
  --type-room-header-line: 1.333;
  --type-room-header-width: 120%;
  --type-room-header-case: uppercase;
  --type-room-header-color: var(--text-2);
  /* size.card */
  --card-width: 358px;
  --card-height: 533px;
  --card-window-inset: 24px;
  --card-window-ratio: 3 / 4;
  --card-band-top: 44px;
  --card-band-bottom: 44px;
  --card-width-max: 420px;
  --card-short-height: 568px;
  --card-short-width: 267px;
  --card-short-slope: 0.606;
  --card-band-inset: 12px;
  --card-index-inset: 12px;
  --card-foot-line: 20px;
  --card-caption-lines: 3;
  --card-photo-rim: 2px;
  --card-index-large-from: 216px;
  --card-dare-mark-from: 185px;
  --card-month-from: 176px;
  --card-top-band-from: 120px;
  --card-dare-mark: 19px;
  --card-dare-mark-small: 15px;
  --face-small-width: 96px;
  --face-rested-width: 64px;
  --face-small-rim: 0.035;
  --tag-height: 36px;
  --tag-pad-x: 16px;
  --tag-rise: 24px;
  --card-foot-corners-from: 124px;
  /* size.back */
  --back-ratio: 5 / 7;
  --dare-back-blades: 12;
  --back-inset-full: 12px;
  --back-inset-small: 6px;
  --back-inset-mid: 8px;
  --back-gap-full: 12px;
  --back-gap-number: 4px;
  --back-gap-foot: 3px;
  --back-numeral-fill: 0.7923;
  --back-rise-months: 0.38;
  --back-rise-years: 0.31;
  --back-rise-ceiling: 1.31;
  --back-months-ratio: 4.724;
  --back-years-ratio: 3.56;
  --back-weeks-ratio: 4.645;
  --back-foot-ratio: 8.719;
  --back-foot-small-under: 75px;
  --back-foot-heavy-under: 13px;
  --marked-capital-gap: 0.2;
  --stack-edge: 2px;
  --stack-pitch: 4px;
  --dare-back-blade: 12deg;
  --dare-back-blade-gap: 18deg;
  --dare-back-blade-reach: 0.86;
  --dare-back-disc: 0.64;
  --dare-back-ring: 0.017;
  --dare-back-word-from: 75.8px;
  --dare-back-blades-from: 60px;
  --dare-back-word-pad: 0.84;
  --dare-back-word-base: 3.4;
  --dare-back-word-max: 2.2;
  --dare-back-tag-gap: 14px;
  /* size.board */
  --board-slot-width: 30px;
  --board-slot-height: 42px;
  --board-lift: 4px;
  --board-skipped-brightness: 40%;
  --board-foot: 2px;
  --board-gap: 6px;
  --board-x: 16px;
  /* size.stamp */
  --stamp-tilt: -9deg;
  --stamp-print-width: 0.89;
  --stamp-min-width: 130px;
  --stamp-block-width: 0.928;
  --stamp-block-height: 1.104;
  --block-fall-scale: 1.5;
  --block-fall-tilt: -12deg;
  --stamp-block-face: 24%;
  --stamp-wear-reach: 17%;
  --stamp-wear-inset: 1.1%;
  --recoil-reach: 3px;
  /* size.flash */
  --flash-peak-post: 0.35;
  --flash-peak-flip: 0.45;
  --flash-peak-dare: 0.55;
  --flash-share-top: 1;
  --flash-share-middle: 0.62;
  --flash-share-foot: 0.34;
  /* size.button */
  --button-height: 56px;
  --button-min-width: 120px;
  --button-gap: 32px;
  --button-base-depth: 4px;
  --button-press: 3px;
  --button-border-width: 2px;
  --button-pad-x: 22px;
  --button-compact-height: 30px;
  --button-compact-base: 2px;
  --button-compact-press: 1px;
  --button-compact-target: 44px;
  --button-largest-height: 72px;
  --button-largest-label: 36px;
  --hint-slot: 42px;
  /* size.focus */
  --focus-ring: 2px;
  --focus-gap: 2px;
  /* size.lamp */
  --lamp-pitch-roll: 2px;
  --lamp-pitch-result: 3px;
  --lamp-pitch-replay: 8px;
  --lamp-pitch-replay-long: 7px;
  --lamp-rim-result: 2px;
  --lamp-rim-replay: 7px;
  --lamp-bulb: 0.95;
  --lamp-catch: 0.5;
  --lamp-cool-high: 0.6;
  --lamp-cool-low: 0.3;
  --lamp-corner: 2cells;
  --lamp-pad-x-result: 5cells;
  --lamp-pad-y-result: 3cells;
  --lamp-pad-x-replay: 3cells;
  --lamp-pad-y-replay: 2.5cells;
  /* size.tab */
  --tab-border-width: 2px;
  --tab-pop-scale: 1.12;
  --tab-inset: 4px;
  --tab-height: 36px;
  --tab-radius-top: 12px;
  --tab-radius-foot: 4px;
  --tab-measure: 96px;
  --tab-measure-long: 130px;
  --tab-ink-bias: 0.7;
  --tab-ink-park: 24px;
  /* size.share-card */
  --share-card-width: 1080px;
  --share-card-height: 1920px;
  --share-card-safe-left: 72px;
  --share-card-safe-right: 1008px;
  --share-card-safe-top: 288px;
  --share-card-safe-bottom: 1576px;
  --share-card-dead-zone: 48px;
  --share-card-plate-height: 120px;
  --share-card-plate-bottom: 1560px;
  --share-card-plate-rim: 8px;
  --share-card-plate-radius: 24px;
  --share-card-plate-padding: 32px;
  --share-card-plate-gap: 28px;
  --share-card-lockup-width: 400px;
  --share-card-mini-width: 56px;
  --share-card-mini-height: 79px;
  --share-card-mini-gap: 10px;
  --share-card-card-width: 680px;
  /* size.replay */
  --replay-width: 1080px;
  --replay-height: 1920px;
  --replay-safe-left: 151px;
  --replay-safe-right: 929px;
  --replay-safe-top: 250px;
  --replay-safe-bottom: 1580px;
  --replay-card-width: 778px;
  --replay-wordmark-size: 178.7px;
  --replay-small-raise: 1.2;
  --replay-caption-lead: 50px;
  --replay-back-line: 36px;
  --replay-end-gap-name: 40px;
  --replay-end-gap: 44px;
  --replay-hand-gap: 16px;
  --replay-roll-size: 72px;
  --replay-roll-size-long: 56px;
  --replay-domain-size: 80px;
  /* size.row */
  --row-card-width: 83.5px;
  --row-card-height: 117px;
  --row-gap: 8px;
  --row-card-width-three: 114px;
  --row-top: 0.356;
  --row-title-gap: 24px;
  --row-under: 24px;
  --row-base: 4px;
  --free-chicken-room: 36px;
  --today-line-bulb: 0.2727;
  --dot: 2px;
  --dot-pitch: 4px;
  /* size.stage */
  --rail-height: 30px;
  --rail-height-flat: 8px;
  --rail-gap: 4px;
  --stage-top-gap: 5px;
  --stage-top-short: 11px;
  --ray-count: 12;
  --ray-base: 104px;
  --ray-offset: 70px;
  --ray-lean: 0.6;
  --ray-phase: 15;
  --ray-reach: 470px;
  --ray-keep-top: 8px;
  --ray-keep-foot: 4px;
  --ray-card-gap: 6px;
  --result-dim: 75%;
  /* size.screen */
  --header-baseline: 37px;
  --hand-mini-width: 22px;
  --shake-reach: 2px;
  --result-column-width: 100px;
  --result-streak-gap: 24px;
  --chicken-sink: 6px;
  --line-rise: 8px;
  --sweep-reach: 440px;
  --request-out-reach: 440px;
  --shake-reach-2: 1.3px;
  --shake-reach-3: 0.6px;
  --title-one-line-under: 600px;
  --cap-lift-display: 0.06;
  --cap-lift-body: 0.028;
  --card-from-height-under: 700px;
  --cue-chicken-from: 96px;
  --largest-back-width: 175px;
  --largest-back-height: 245px;
  --largest-back-foot: 24px;
  --largest-hint-size: 30px;
  --largest-hint-line: 38px;
  --largest-band-size: 20px;
  --largest-band-line: 24px;
  --largest-first-wordmark: 240px;
  --largest-first-top: 120px;
  --composer-card-inset: 18px;
  --rules-card-height: 96px;
  --screen-title-base: 136px;
  --list-top: 164px;
  --opened-top: 108px;
  --quiet-line-top: 654px;
  --quiet-line-measure: 278px;
  --sheet-line-measure: 320px;
  --tiles-label-gap: 10px;
  /* size.switch */
  --switch-width: 52px;
  --switch-height: 32px;
  --switch-thumb: 24px;
  --switch-travel: 20px;
  --switch-glyph: 16px;
  /* size.caption */
  --caption-rule: 2px;
  /* size.cue */
  --cue-clearance: 66px;
  --cue-key-gap: 32px;
  --cue-key-gap-small: 16px;
  --cue-key-gap-under: 320px;
  --cue-key-box: 60px;
  --cue-dare-top: 30px;
  --cue-dare-inset: 24px;
  /* size.room */
  --room-top: 219px;
  --room-box: 330px;
  --room-box-waiting: 190px;
  --room-box-split: 108px;
  --room-top-stepped: 104px;
  --room-gap: 12px;
  --room-step: 8px;
  /* size.wordmark */
  --wordmark-kern-fl: -0.016;
  --wordmark-kern-li: -0.04;
  --wordmark-kern-in: -0.056;
  --wordmark-lean: 6deg;
  --wordmark-header: 28px;
  --wordmark-onboarding: 82.2px;
  --wordmark-min: 18px;
  /* size.depth */
  --depth-edge: 2px;
  --depth-edge-small: 1px;
  --depth-edge-small-under: 60px;
  --depth-drop: 8px;
  --lift-scale: 1.02;
  /* space */
  --space-gutter: 16px;
  --space-block: 24px;
  --space-inset: 16px;
  --space-line: 8px;
  --space-tight: 4px;
  --space-window: 12px;
  --space-group: 32px;
  /* radius */
  --radius-card: 0.045;
  --radius-window: 4px;
  --radius-slot: 4px;
  --radius-button: 12px;
  --radius-cue: 16px;
  --radius-banner: 8px;
  --radius-round: 999px;
  --radius-mini: 0.14;
  --radius-compact: 8px;
  --radius-tag: 8px;
  --radius-switch: 8px;
  --radius-switch-thumb: 4px;
  /* motion.duration */
  --dur-repeat: 320ms;
  --dur-next-in: 420ms;
  --dur-open: 420ms;
  --dur-peak-min: 1.1s;
  --dur-peak-max: 1.6s;
  --dur-skip-gap: 120ms;
  --dur-tab-pop: 160ms;
  --dur-flip-index: 1030ms;
  --dur-hit-stop: 60ms;
  --dur-gel-pulse: 600ms;
  --dur-rays: 500ms;
  --dur-shake: 150ms;
  --dur-reduced-skip: 120ms;
  --dur-reduced-fade: 200ms;
  --dur-reduced-cue: 160ms;
  --dur-reduced-result: 150ms;
  --dur-develop-face: 80ms;
  --dur-develop-photo: 220ms;
  --dur-press-up: 120ms;
  --dur-press-min: 80ms;
  --dur-lamp-step: 33.3ms;
  --dur-gel-step: 67ms;
  --dur-flash-fall: 106.7ms;
  --dur-flash-dare-first: 50;
  --dur-dare-hint-delay: 500ms;
  --dur-drop-deal: 70ms;
  --dur-drop-chase: 60ms;
  --dur-scan-chase: 120ms;
  --dur-chicken-tips: 80ms;
  --dur-chicken-rise: 160ms;
  --dur-chicken-look: 80ms;
  --dur-chicken-sink: 80ms;
  --dur-chicken-duck: 200ms;
  --dur-cue-back: 320ms;
  --dur-block-fall: 160ms;
  --dur-block-lift: 200ms;
  --dur-wordmark-step: 33.3ms;
  --dur-rail-out: 120ms;
  --dur-streak-wait: 500ms;
  --dur-flash-cut: 320ms;
  --dur-ray-flash: 60ms;
  --dur-ray-pink: 210ms;
  --dur-line-rise: 160ms;
  --dur-sweep: 240ms;
  --dur-sweep-stagger: 40ms;
  --dur-scan-duck: 120ms;
  --dur-scan-rise: 200;
  --dur-scan-hold: 120ms;
  --dur-room-step: 120ms;
  --dur-request-out: 240ms;
  --dur-asked-hold: 2s;
  /* motion.ease */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --ease-rise: cubic-bezier(0.32, 0.72, 0, 1);
  /* motion.spring */
  --spring-snap-back: 0.35s;
  --spring-snap-back-bounce: 0.2;
  --spring-settle: 0.42s;
  --spring-settle-bounce: 0.12;
  --spring-pop: 0.4s;
  --spring-pop-bounce: 0.3;
  --spring-flip: 0.44s;
  --spring-flip-bounce: 0.2;
  /* motion.replay */
  --replay-deal: 0.6s;
  --replay-skip: 0.4s;
  --replay-hold-min: 1.5s;
  --replay-hold-max: 2s;
  --replay-turn: 0.5s;
  --replay-stamp: 0.43s;
  /* motion.number */
  --flip-perspective: 0.33;
  --flip-windup: -6deg;
  --dare-index-from: 1.3;
  --dare-blades-from: -30deg;
  --lamp-strike-open: 320ms;
  --lamp-strike-dare: 135ms;
  --contact-scale: 0.97;
  --flip-windup-scale: 0.985;
  --flip-angle-260: 43deg;
  --flip-angle-306: 78deg;
  --flip-angle-410: 154deg;
  --flip-overshoot: 2.3deg;
  --mark-land-from: 1.35;
  --card-lift-landing: 1.06;
  --drop-land-from: 1.1;
  --drop-land-mid: 1.02;
  --ray-close: 0.34;
  --room-land-from: 1.06;
  --dare-recoil: 0.94;
}