: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: hsl(226, 77%, 24%); --primary-l-1: hsl(226, 54%, 31%); --primary-l-2: hsl(226, 40%, 38%); --primary-l-3: hsl(226, 30%, 45%); --primary-l-4: hsl(226, 24%, 52%); --primary-l-5: hsl(226, 24%, 59%); --primary-l-6: hsl(226, 24%, 65%); --primary-l-7: hsl(226, 24%, 72%); --primary-l-8: hsl(226, 24%, 79%); --primary-l-9: hsl(226, 24%, 86%); --primary-l-10: hsl(226, 24%, 93%); --primary-d-1: hsl(226, 77%, 22%); --primary-d-2: hsl(226, 77%, 20%); --primary-d-3: hsl(226, 77%, 17%); --primary-d-4: hsl(226, 77%, 15%); --primary-d-5: hsl(226, 77%, 13%); --primary-d-6: hsl(226, 77%, 11%); --primary-d-7: hsl(226, 77%, 9%); --primary-d-8: hsl(226, 77%, 7%); --primary-d-9: hsl(226, 77%, 4%); --primary-d-10: hsl(226, 77%, 2%); --primary-t-1: hsla(226, 24%, 93%, 0.09); --primary-t-2: hsla(226, 24%, 86%, 0.18); --primary-t-3: hsla(226, 24%, 79%, 0.27); --primary-t-4: hsla(226, 24%, 72%, 0.36); --primary-t-5: hsla(226, 24%, 65%, 0.45); --primary-t-6: hsla(226, 24%, 59%, 0.55); --primary-t-7: hsla(226, 24%, 52%, 0.64); --primary-t-8: hsla(226, 30%, 45%, 0.73); --primary-t-9: hsla(226, 40%, 38%, 0.82); --primary-t-10: hsla(226, 54%, 31%, 0.91); --secondary: hsl(141, 75%, 49%); --secondary-l-1: hsl(141, 72%, 54%); --secondary-l-2: hsl(141, 72%, 58%); --secondary-l-3: hsl(141, 72%, 63%); --secondary-l-4: hsl(141, 72%, 68%); --secondary-l-5: hsl(141, 72%, 72%); --secondary-l-6: hsl(141, 72%, 77%); --secondary-l-7: hsl(141, 72%, 81%); --secondary-l-8: hsl(141, 72%, 86%); --secondary-l-9: hsl(141, 72%, 91%); --secondary-l-10: hsl(141, 72%, 95%); --secondary-d-1: hsl(141, 75%, 45%); --secondary-d-2: hsl(141, 75%, 40%); --secondary-d-3: hsl(141, 75%, 36%); --secondary-d-4: hsl(141, 75%, 31%); --secondary-d-5: hsl(141, 75%, 27%); --secondary-d-6: hsl(141, 75%, 22%); --secondary-d-7: hsl(141, 75%, 18%); --secondary-d-8: hsl(141, 75%, 13%); --secondary-d-9: hsl(141, 75%, 9%); --secondary-d-10: hsl(141, 75%, 4%); --secondary-t-1: hsla(141, 72%, 95%, 0.09); --secondary-t-2: hsla(141, 72%, 91%, 0.18); --secondary-t-3: hsla(141, 72%, 86%, 0.27); --secondary-t-4: hsla(141, 72%, 81%, 0.36); --secondary-t-5: hsla(141, 72%, 77%, 0.45); --secondary-t-6: hsla(141, 72%, 72%, 0.55); --secondary-t-7: hsla(141, 72%, 68%, 0.64); --secondary-t-8: hsla(141, 72%, 63%, 0.73); --secondary-t-9: hsla(141, 72%, 58%, 0.82); --secondary-t-10: hsla(141, 72%, 54%, 0.91); --accent: hsl(22, 93%, 57%); --accent-l-1: hsl(22, 93%, 61%); --accent-l-2: hsl(22, 93%, 65%); --accent-l-3: hsl(22, 93%, 69%); --accent-l-4: hsl(22, 93%, 73%); --accent-l-5: hsl(22, 93%, 76%); --accent-l-6: hsl(22, 93%, 80%); --accent-l-7: hsl(22, 93%, 84%); --accent-l-8: hsl(22, 93%, 88%); --accent-l-9: hsl(22, 93%, 92%); --accent-l-10: hsl(22, 93%, 96%); --accent-d-1: hsl(22, 75%, 52%); --accent-d-2: hsl(22, 70%, 47%); --accent-d-3: hsl(22, 70%, 41%); --accent-d-4: hsl(22, 70%, 36%); --accent-d-5: hsl(22, 70%, 31%); --accent-d-6: hsl(22, 70%, 26%); --accent-d-7: hsl(22, 70%, 21%); --accent-d-8: hsl(22, 70%, 16%); --accent-d-9: hsl(22, 70%, 10%); --accent-d-10: hsl(22, 70%, 5%); --accent-t-1: hsla(22, 93%, 96%, 0.09); --accent-t-2: hsla(22, 93%, 92%, 0.18); --accent-t-3: hsla(22, 93%, 88%, 0.27); --accent-t-4: hsla(22, 93%, 84%, 0.36); --accent-t-5: hsla(22, 93%, 80%, 0.45); --accent-t-6: hsla(22, 93%, 76%, 0.55); --accent-t-7: hsla(22, 93%, 73%, 0.64); --accent-t-8: hsla(22, 93%, 69%, 0.73); --accent-t-9: hsla(22, 93%, 65%, 0.82); --accent-t-10: hsla(22, 93%, 61%, 0.91); --neutral: hsl(0, 0%, 13%); --neutral-l-1: hsl(0, 0%, 21%); --neutral-l-2: hsl(0, 0%, 29%); --neutral-l-3: hsl(0, 0%, 37%); --neutral-l-4: hsl(0, 0%, 45%); --neutral-l-5: hsl(0, 0%, 53%); --neutral-l-6: hsl(0, 0%, 60%); --neutral-l-7: hsl(0, 0%, 68%); --neutral-l-8: hsl(0, 0%, 76%); --neutral-l-9: hsl(0, 0%, 84%); --neutral-l-10: hsl(0, 0%, 92%); --neutral-d-1: hsl(0, 0%, 12%); --neutral-d-2: hsl(0, 0%, 11%); --neutral-d-3: hsl(0, 0%, 9%); --neutral-d-4: hsl(0, 0%, 8%); --neutral-d-5: hsl(0, 0%, 7%); --neutral-d-6: hsl(0, 0%, 6%); --neutral-d-7: hsl(0, 0%, 5%); --neutral-d-8: hsl(0, 0%, 4%); --neutral-d-9: hsl(0, 0%, 2%); --neutral-d-10: hsl(0, 0%, 1%); --neutral-t-1: hsla(0, 0%, 92%, 0.09); --neutral-t-2: hsla(0, 0%, 84%, 0.18); --neutral-t-3: hsla(0, 0%, 76%, 0.27); --neutral-t-4: hsla(0, 0%, 68%, 0.36); --neutral-t-5: hsla(0, 0%, 60%, 0.45); --neutral-t-6: hsla(0, 0%, 53%, 0.55); --neutral-t-7: hsla(0, 0%, 45%, 0.64); --neutral-t-8: hsla(0, 0%, 37%, 0.73); --neutral-t-9: hsla(0, 0%, 29%, 0.82); --neutral-t-10: hsla(0, 0%, 21%, 0.91); --black: hsl(0, 0%, 0%); --white: hsl(100, 100%, 100%); --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --gutter: clamp(1.6rem, calc(6.3618290258vw + -0.6902584493rem), 8rem); --gap-content: var(--space-m); --gap-container: var(--space-2xl); --gap-grid: var(--space-l); --space-section-2xs: clamp(1.92rem, calc(0.014512922465208748 * (100vw - 36rem) + 1.92rem), 3.38rem); --space-section-xs: clamp(2.4rem, calc(0.02087475149105368 * (100vw - 36rem) + 2.4rem), 4.5rem); --space-section-s: clamp(3rem, calc(0.029821073558648114 * (100vw - 36rem) + 3rem), 6rem); --space-section-m: clamp(3.75rem, calc(0.042246520874751496 * (100vw - 36rem) + 3.75rem), 8rem); --space-section-l: clamp(4.69rem, calc(0.05934393638170974 * (100vw - 36rem) + 4.69rem), 10.66rem); --space-section-xl: clamp(5.86rem, calc(0.0830019880715706 * (100vw - 36rem) + 5.86rem), 14.21rem); --space-section-2xl: clamp(7.32rem, calc(0.11550695825049703 * (100vw - 36rem) + 7.32rem), 18.94rem); --h6: clamp(1.28rem, calc(0.001789264413518886 * (100vw - 36rem) + 1.28rem), 1.46rem); --h5: clamp(1.6rem, calc(0.003479125248508945 * (100vw - 36rem) + 1.6rem), 1.95rem); --h4: clamp(2rem, calc(0.005964214711729624 * (100vw - 36rem) + 2rem), 2.6rem); --h3: clamp(2.5rem, calc(0.009642147117296225 * (100vw - 36rem) + 2.5rem), 3.47rem); --h2: clamp(3.13rem, calc(0.014811133200795232 * (100vw - 36rem) + 3.13rem), 4.62rem); --h1: clamp(3.91rem, calc(0.022365805168986085 * (100vw - 36rem) + 3.91rem), 6.16rem);}.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); }.space-2xs { padding: var(--space-2xs); }.space-xs { padding: var(--space-xs); }.space-s { padding: var(--space-s); }.space-m { padding: var(--space-m); }.space-l { padding: var(--space-l); }.space-xl { padding: var(--space-xl); }.space-2xl { padding: var(--space-2xl); }.space-gutter { padding: var(--gutter); }.space-gap-content { padding: var(--gap-content); }.space-gap-container { padding: var(--gap-container); }.space-gap-grid { padding: var(--gap-grid); }