:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --chrome-blue: #1657CE; --chrome-blue-l-1: #648fde; --chrome-blue-l-2: #b1c7ef; --chrome-blue-d-1: #0f3a89; --chrome-blue-d-2: #071d45; --chrome-blue-t-1: hsla(219, 81%, 45%, 0.33); --chrome-blue-t-2: hsla(219, 81%, 45%, 0.67); --chrome-cyan: #2DB5E8; --chrome-cyan-l-1: #73cef0; --chrome-cyan-l-2: #b9e6f7; --chrome-cyan-d-1: #1e799b; --chrome-cyan-d-2: #0f3c4d; --chrome-cyan-t-1: hsla(196, 80%, 54%, 0.33); --chrome-cyan-t-2: hsla(196, 80%, 54%, 0.67); --chrome-purple: #8A37DA; --chrome-purple-l-1: #b17ae6; --chrome-purple-l-2: #d8bcf3; --chrome-purple-d-1: #5c2591; --chrome-purple-d-2: #2e1249; --chrome-purple-t-1: hsla(271, 69%, 54%, 0.33); --chrome-purple-t-2: hsla(271, 69%, 54%, 0.67); --chrome-lilac: #D059E7; --chrome-lilac-l-1: #e090ef; --chrome-lilac-l-2: #efc8f7; --chrome-lilac-d-1: #8b3b9a; --chrome-lilac-d-2: #451e4d; --chrome-lilac-t-1: hsla(290, 75%, 63%, 0.33); --chrome-lilac-t-2: hsla(290, 75%, 63%, 0.67); --chrome-black: #1c1c1c; --chrome-white: #ffffff; --chrome-paper: #f9f9f9; --chrome-warm-grey: #55605C; --text-xxs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --text-xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-s: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-m: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --text-xl: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --text-xxl: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --header-xs: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --header-s: clamp(1.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.5rem), 1.75rem); --header-m: clamp(2rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 2rem), 2.25rem); --header-l: clamp(2.25rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.25rem), 3.5rem); --header-xl: clamp(3rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 3rem), 4.5rem); --header-xxl: clamp(4rem, calc(0.037037037037037035 * (100vw - 22.5rem) + 4rem), 6.5rem); --space-xxs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-s: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-m: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 1.25rem), 2.5rem); --space-xl: clamp(1.25rem, calc(0.037037037037037035 * (100vw - 22.5rem) + 1.25rem), 3.75rem); --space-xxl: clamp(1.25rem, calc(0.05555555555555555 * (100vw - 22.5rem) + 1.25rem), 5rem);}