:root { --pantone: #F0EEE9; --grayish-cyan: #e9f0f0; --gainsboro: #cde0ed; --sky-blue: #93BCD9; --sky-blue-d-1: #6e8da3; --sky-blue-d-2: #4a5e6d; --sky-blue-d-3: #252f36; --sky-blue-l-1: #aecde3; --sky-blue-l-2: #c9deec; --sky-blue-l-3: #e4eef6; --midnight-blue: #23466D; --midnight-blue-d-1: #1a3552; --midnight-blue-d-2: #122337; --midnight-blue-d-3: #09121b; --midnight-blue-t-1: hsla(212, 51%, 28%, 0.25); --midnight-blue-t-2: hsla(212, 51%, 28%, 0.5); --midnight-blue-t-3: hsla(212, 51%, 28%, 0.75); --deep-blue: #102032; --deep-blue-l-1: #4c5865; --deep-blue-l-2: #889099; --deep-blue-l-3: #c3c7cc; --deep-blue-d-1: #0c1826; --deep-blue-d-2: #081019; --deep-blue-d-3: #04080d; --deep-blue-t-1: hsla(212, 52%, 13%, 0.25); --deep-blue-t-2: hsla(212, 52%, 13%, 0.5); --deep-blue-t-3: hsla(212, 52%, 13%, 0.75); --almost-black: #0a141f; --almost-black-t-1: hsla(211, 51%, 8%, 0.2); --almost-black-t-2: hsla(211, 51%, 8%, 0.4); --almost-black-t-3: hsla(211, 51%, 8%, 0.6); --almost-black-t-4: hsla(211, 51%, 8%, 0.8); --sand-cloud: #F0EFEB; --surface: #F0EEE9; --surface-warm: #E6E2D7; --ink: #131210; --ink-soft: #2A2722; --muted: #6E695C; --line: rgba(19,18,16,0.14); --muskmelon: #EC935E; --marina: #5085C3; --ember: #BC4A2A; --ember-deep: #9F3D22; --ember-glow: #F2D9CC; --ember-wash: #FBF0EA; --ink-muted: #5A5A5A; --ink-subtle: #999999; --paper: #FAFAF7; --paper-soft: #F4F2ED; --paper-edge: #E8E4DC; --gv-ink: #0F0F0F; --text-2xs: clamp(0.8rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.8rem), 0.9rem); --text-xs: clamp(1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1rem), 1.2rem); --text-s: clamp(1.3rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.3rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.006481481481481483 * (100vw - 36rem) + 2rem), 2.7rem); --text-xl: clamp(2.5rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.5rem), 3.6rem); --text-2xl: clamp(3.1rem, calc(0.01574074074074074 * (100vw - 36rem) + 3.1rem), 4.8rem); --space-2xs: clamp(0.8rem, calc(-0.0018518518518518526 * (100vw - 36rem) + 0.8rem), 0.6rem); --space-xs: clamp(1rem, calc(-0.0018518518518518515 * (100vw - 36rem) + 1rem), 0.8rem); --space-s: clamp(1.3rem, calc(-0.0018518518518518515 * (100vw - 36rem) + 1.3rem), 1.1rem); --space-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --space-l: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --space-xl: clamp(2.5rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.5rem), 3.1rem); --space-2xl: clamp(3.1rem, calc(0.011111111111111108 * (100vw - 36rem) + 3.1rem), 4.3rem); --space-3xl: clamp(2.44rem, 2.2rem + 1.8vw, 3.75rem); --space-4xl: clamp(3.05rem, 2.8rem + 2.5vw, 5.25rem); --space-5xl: clamp(3.81rem, 3.2rem + 3.5vw, 7.5rem);}.bg-pantone { background-color: var(--pantone); }.text-pantone { color: var(--pantone); }.fill-pantone { fill: var(--pantone); }.bg-gainsboro { background-color: var(--gainsboro); }.text-gainsboro { color: var(--gainsboro); }.border-gainsboro { border-color: var(--gainsboro); }.outline-gainsboro { outline-color: var(--gainsboro); }.fill-gainsboro { fill: var(--gainsboro); }.text-sky-blue { color: var(--sky-blue); }.text-sky-blue-d-1 { color: var(--sky-blue-d-1); }.text-sky-blue-d-2 { color: var(--sky-blue-d-2); }.text-sky-blue-d-3 { color: var(--sky-blue-d-3); }.text-sky-blue-l-1 { color: var(--sky-blue-l-1); }.text-sky-blue-l-2 { color: var(--sky-blue-l-2); }.text-sky-blue-l-3 { color: var(--sky-blue-l-3); }.border-sky-blue { border-color: var(--sky-blue); }.border-sky-blue-d-1 { border-color: var(--sky-blue-d-1); }.border-sky-blue-d-2 { border-color: var(--sky-blue-d-2); }.border-sky-blue-d-3 { border-color: var(--sky-blue-d-3); }.border-sky-blue-l-1 { border-color: var(--sky-blue-l-1); }.border-sky-blue-l-2 { border-color: var(--sky-blue-l-2); }.border-sky-blue-l-3 { border-color: var(--sky-blue-l-3); }.outline-sky-blue { outline-color: var(--sky-blue); }.outline-sky-blue-d-1 { outline-color: var(--sky-blue-d-1); }.outline-sky-blue-d-2 { outline-color: var(--sky-blue-d-2); }.outline-sky-blue-d-3 { outline-color: var(--sky-blue-d-3); }.outline-sky-blue-l-1 { outline-color: var(--sky-blue-l-1); }.outline-sky-blue-l-2 { outline-color: var(--sky-blue-l-2); }.outline-sky-blue-l-3 { outline-color: var(--sky-blue-l-3); }.fill-sky-blue { fill: var(--sky-blue); }.fill-sky-blue-d-1 { fill: var(--sky-blue-d-1); }.fill-sky-blue-d-2 { fill: var(--sky-blue-d-2); }.fill-sky-blue-d-3 { fill: var(--sky-blue-d-3); }.fill-sky-blue-l-1 { fill: var(--sky-blue-l-1); }.fill-sky-blue-l-2 { fill: var(--sky-blue-l-2); }.fill-sky-blue-l-3 { fill: var(--sky-blue-l-3); }.text-midnight-blue { color: var(--midnight-blue); }.text-midnight-blue-d-1 { color: var(--midnight-blue-d-1); }.text-midnight-blue-d-2 { color: var(--midnight-blue-d-2); }.text-midnight-blue-d-3 { color: var(--midnight-blue-d-3); }.text-midnight-blue-t-1 { color: var(--midnight-blue-t-1); }.text-midnight-blue-t-2 { color: var(--midnight-blue-t-2); }.text-midnight-blue-t-3 { color: var(--midnight-blue-t-3); }.border-midnight-blue { border-color: var(--midnight-blue); }.border-midnight-blue-d-1 { border-color: var(--midnight-blue-d-1); }.border-midnight-blue-d-2 { border-color: var(--midnight-blue-d-2); }.border-midnight-blue-d-3 { border-color: var(--midnight-blue-d-3); }.border-midnight-blue-t-1 { border-color: var(--midnight-blue-t-1); }.border-midnight-blue-t-2 { border-color: var(--midnight-blue-t-2); }.border-midnight-blue-t-3 { border-color: var(--midnight-blue-t-3); }.outline-midnight-blue { outline-color: var(--midnight-blue); }.outline-midnight-blue-d-1 { outline-color: var(--midnight-blue-d-1); }.outline-midnight-blue-d-2 { outline-color: var(--midnight-blue-d-2); }.outline-midnight-blue-d-3 { outline-color: var(--midnight-blue-d-3); }.outline-midnight-blue-t-1 { outline-color: var(--midnight-blue-t-1); }.outline-midnight-blue-t-2 { outline-color: var(--midnight-blue-t-2); }.outline-midnight-blue-t-3 { outline-color: var(--midnight-blue-t-3); }.fill-midnight-blue { fill: var(--midnight-blue); }.fill-midnight-blue-d-1 { fill: var(--midnight-blue-d-1); }.fill-midnight-blue-d-2 { fill: var(--midnight-blue-d-2); }.fill-midnight-blue-d-3 { fill: var(--midnight-blue-d-3); }.fill-midnight-blue-t-1 { fill: var(--midnight-blue-t-1); }.fill-midnight-blue-t-2 { fill: var(--midnight-blue-t-2); }.fill-midnight-blue-t-3 { fill: var(--midnight-blue-t-3); }.text-almost-black { color: var(--almost-black); }.text-almost-black-t-1 { color: var(--almost-black-t-1); }.text-almost-black-t-2 { color: var(--almost-black-t-2); }.text-almost-black-t-3 { color: var(--almost-black-t-3); }.text-almost-black-t-4 { color: var(--almost-black-t-4); }.border-almost-black { border-color: var(--almost-black); }.border-almost-black-t-1 { border-color: var(--almost-black-t-1); }.border-almost-black-t-2 { border-color: var(--almost-black-t-2); }.border-almost-black-t-3 { border-color: var(--almost-black-t-3); }.border-almost-black-t-4 { border-color: var(--almost-black-t-4); }.outline-almost-black { outline-color: var(--almost-black); }.outline-almost-black-t-1 { outline-color: var(--almost-black-t-1); }.outline-almost-black-t-2 { outline-color: var(--almost-black-t-2); }.outline-almost-black-t-3 { outline-color: var(--almost-black-t-3); }.outline-almost-black-t-4 { outline-color: var(--almost-black-t-4); }.bg-sand-cloud { background-color: var(--sand-cloud); }.text-sand-cloud { color: var(--sand-cloud); }.border-sand-cloud { border-color: var(--sand-cloud); }.outline-sand-cloud { outline-color: var(--sand-cloud); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }