: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; --primary: #1f331f; --secondary: #53A53F; --tertiary: #F7F7F8; --base: #1F331F; --accent: #E3FF94; --white: #FFF; --black: #000; --border: #C6C6C7; --primary-l-1: #445544; --primary-l-2: #6a776a; --primary-l-3: #8f998f; --primary-l-4: #b4bbb4; --primary-l-5: #daddda; --primary-d-1: #1a2b1a; --primary-d-2: #152215; --primary-d-3: #101a10; --primary-d-4: #0a110a; --primary-d-5: #050905; --secondary-l-1: #70b45f; --secondary-l-2: #8cc37f; --secondary-l-3: #a9d29f; --secondary-l-4: #c6e1bf; --secondary-l-5: #e2f0df; --secondary-d-1: #458a35; --secondary-d-2: #376e2a; --secondary-d-3: #2a5320; --secondary-d-4: #1c3715; --secondary-d-5: #0e1c0b; --text-2xs: clamp(1.12rem, calc(-0.0019791666666666673 * (100vw - 32rem) + 1.12rem), 0.93rem); --text-xs: clamp(1.26rem, calc(-0.001562499999999999 * (100vw - 32rem) + 1.26rem), 1.11rem); --text-s: clamp(1.42rem, calc(-0.0009374999999999986 * (100vw - 32rem) + 1.42rem), 1.33rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 32rem) + 1.6rem), 1.6rem); --text-l: clamp(1.8rem, calc(0.0012499999999999987 * (100vw - 32rem) + 1.8rem), 1.92rem); --text-xl: clamp(2.02rem, calc(0.0029166666666666646 * (100vw - 32rem) + 2.02rem), 2.3rem); --text-2xl: clamp(2.28rem, calc(0.005 * (100vw - 32rem) + 2.28rem), 2.76rem); --text-3xl: clamp(2.56rem, calc(0.007916666666666664 * (100vw - 32rem) + 2.56rem), 3.32rem); --text-4xl: clamp(2.88rem, calc(0.011458333333333334 * (100vw - 32rem) + 2.88rem), 3.98rem); --text-5xl: clamp(3.24rem, calc(0.016041666666666666 * (100vw - 32rem) + 3.24rem), 4.78rem); --space-2: clamp(0.2rem, calc(0 * (100vw - 32rem) + 0.2rem), 0.2rem); --space-4: clamp(0.4rem, calc(0 * (100vw - 32rem) + 0.4rem), 0.4rem); --space-8: clamp(0.8rem, calc(0 * (100vw - 32rem) + 0.8rem), 0.8rem); --space-12: clamp(1.2rem, calc(0 * (100vw - 32rem) + 1.2rem), 1.2rem); --space-16: clamp(1.6rem, calc(0 * (100vw - 32rem) + 1.6rem), 1.6rem); --space-20: clamp(2rem, calc(0 * (100vw - 32rem) + 2rem), 2rem); --space-24: clamp(2.4rem, calc(0 * (100vw - 32rem) + 2.4rem), 2.4rem); --space-32: clamp(3.2rem, calc(0 * (100vw - 32rem) + 3.2rem), 3.2rem); --space-48: clamp(4.8rem, calc(0 * (100vw - 32rem) + 4.8rem), 4.8rem); --space-64: clamp(6.4rem, calc(0 * (100vw - 32rem) + 6.4rem), 6.4rem); --space-96: clamp(9.6rem, calc(0 * (100vw - 32rem) + 9.6rem), 9.6rem); --space-128: clamp(12.8rem, calc(0 * (100vw - 32rem) + 12.8rem), 12.8rem); --gutter: clamp(1rem, calc(6.9565217391vw + -0.5652173913rem), 5rem); --section-space-xs: clamp(0.375rem, calc(1.9565217391vw + -0.0652173913rem), 1.5rem); --section-space-s: clamp(0.75rem, calc(3.9130434783vw + -0.1304347826rem), 3rem); --section-space-m: clamp(1.5rem, calc(7.8260869565vw + -0.2608695652rem), 6rem); --section-space-l: clamp(3rem, calc(15.652173913vw + -0.5217391304rem), 12rem); --section-space-xl: clamp(6rem, calc(31.3043478261vw + -1.0434782609rem), 24rem); --section-space-xxl: clamp(12rem, calc(62.6086956522vw + -2.0869565217rem), 48rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-l-5 { border-color: var(--primary-l-5); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-d-5 { border-color: var(--primary-d-5); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-l-5 { outline-color: var(--primary-l-5); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.outline-primary-d-5 { outline-color: var(--primary-d-5); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-l-5 { fill: var(--primary-l-5); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.fill-primary-d-5 { fill: var(--primary-d-5); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-l-5 { stroke: var(--primary-l-5); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.stroke-primary-d-5 { stroke: var(--primary-d-5); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-l-5 { background-color: var(--secondary-l-5); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-d-5 { background-color: var(--secondary-d-5); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-d-5 { color: var(--secondary-d-5); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-l-5 { border-color: var(--secondary-l-5); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.border-secondary-d-5 { border-color: var(--secondary-d-5); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-l-3 { outline-color: var(--secondary-l-3); }.outline-secondary-l-4 { outline-color: var(--secondary-l-4); }.outline-secondary-l-5 { outline-color: var(--secondary-l-5); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.outline-secondary-d-3 { outline-color: var(--secondary-d-3); }.outline-secondary-d-4 { outline-color: var(--secondary-d-4); }.outline-secondary-d-5 { outline-color: var(--secondary-d-5); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-l-5 { fill: var(--secondary-l-5); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }.fill-secondary-d-5 { fill: var(--secondary-d-5); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-l-5 { stroke: var(--secondary-l-5); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.stroke-secondary-d-5 { stroke: var(--secondary-d-5); }.bg-base { background-color: var(--base); }.text-base { color: var(--base); }.text-accent { color: var(--accent); }.bg-accent { background-color: var(--accent); }.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); }.text--3xl { font-size: var(--text-3xl); }.text--4xl { font-size: var(--text-4xl); }.text--5xl { font-size: var(--text-5xl); }