: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; --color-ink: #0A0908; --color-ink-1: #0E0D0B; --color-panel: #131210; --color-panel-1: #1A1814; --color-bone: #F3EEE4; --color-bone-1: #E9E1D2; --color-ink-soft: #544E44; --color-text: #ECE7DE; --color-muted: #A39C90; --color-faint: #746D63; --color-silver: #C3C6CA; --color-champagne: #C9B188; --color-champagne-light: #E7D6B5; --color-champagne-deep: #A98A5E; --color-gold: #8C6E42; --heading-2xs: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --heading-xs: clamp(1.33rem, calc(0.005037037037037035 * (100vw - 22.5rem) + 1.33rem), 1.67rem); --heading-s: clamp(1.78rem, calc(0.006518518518518521 * (100vw - 22.5rem) + 1.78rem), 2.22rem); --heading-m: clamp(2.37rem, calc(0.008740740740740738 * (100vw - 22.5rem) + 2.37rem), 2.96rem); --heading-l: clamp(3.16rem, calc(0.011703703703703704 * (100vw - 22.5rem) + 3.16rem), 3.95rem); --heading-xl: clamp(4.21rem, calc(0.015555555555555553 * (100vw - 22.5rem) + 4.21rem), 5.26rem); --heading-2xl: clamp(5.61rem, calc(0.020740740740740733 * (100vw - 22.5rem) + 5.61rem), 7.01rem); --text-2xs: clamp(0.37rem, calc(0.0007407407407407406 * (100vw - 22.5rem) + 0.37rem), 0.42rem); --text-xs: clamp(0.49rem, calc(0.001037037037037038 * (100vw - 22.5rem) + 0.49rem), 0.56rem); --text-s: clamp(0.66rem, calc(0.0013333333333333329 * (100vw - 22.5rem) + 0.66rem), 0.75rem); --text-m: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-l: clamp(1.17rem, calc(0.0023703703703703725 * (100vw - 22.5rem) + 1.17rem), 1.33rem); --text-xl: clamp(1.55rem, calc(0.003407407407407407 * (100vw - 22.5rem) + 1.55rem), 1.78rem); --text-2xl: clamp(2.07rem, calc(0.004444444444444449 * (100vw - 22.5rem) + 2.07rem), 2.37rem); --section-2xs: clamp(2.34rem, calc(0.03481481481481482 * (100vw - 22.5rem) + 2.34rem), 4.69rem); --section-xs: clamp(3.13rem, calc(0.04622222222222223 * (100vw - 22.5rem) + 3.13rem), 6.25rem); --section-s: clamp(4.17rem, calc(0.06162962962962963 * (100vw - 22.5rem) + 4.17rem), 8.33rem); --section-m: clamp(5.55rem, calc(0.08237037037037036 * (100vw - 22.5rem) + 5.55rem), 11.11rem); --section-l: clamp(7.4rem, calc(0.10962962962962963 * (100vw - 22.5rem) + 7.4rem), 14.8rem); --section-xl: clamp(9.87rem, calc(0.14607407407407408 * (100vw - 22.5rem) + 9.87rem), 19.73rem); --section-2xl: clamp(13.15rem, calc(0.19481481481481483 * (100vw - 22.5rem) + 13.15rem), 26.3rem); --space-3xs: clamp(0.28rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.28rem), 0.4rem); --space-2xs: clamp(0.37rem, calc(0.0023703703703703708 * (100vw - 22.5rem) + 0.37rem), 0.53rem); --space-xs: clamp(0.49rem, calc(0.0031111111111111105 * (100vw - 22.5rem) + 0.49rem), 0.7rem); --space-s: clamp(0.66rem, calc(0.0041481481481481465 * (100vw - 22.5rem) + 0.66rem), 0.94rem); --space-m: clamp(0.88rem, calc(0.005481481481481481 * (100vw - 22.5rem) + 0.88rem), 1.25rem); --space-l: clamp(1.17rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.17rem), 1.67rem); --space-xl: clamp(1.55rem, calc(0.009925925925925928 * (100vw - 22.5rem) + 1.55rem), 2.22rem); --space-2xl: clamp(2.07rem, calc(0.013185185185185187 * (100vw - 22.5rem) + 2.07rem), 2.96rem); --space-3xl: clamp(2.76rem, calc(0.017629629629629634 * (100vw - 22.5rem) + 2.76rem), 3.95rem); --radius-2xs: clamp(0.13rem, calc(0.0008888888888888888 * (100vw - 22.5rem) + 0.13rem), 0.19rem); --radius-xs: clamp(0.25rem, calc(0.001925925925925926 * (100vw - 22.5rem) + 0.25rem), 0.38rem); --radius-s: clamp(0.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.5rem), 0.75rem); --radius-m: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --radius-l: clamp(2rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 2rem), 3rem); --radius-xl: clamp(4rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 4rem), 6rem); --radius-2xl: clamp(62.44rem, calc(0 * (100vw - 22.5rem) + 62.44rem), 62.44rem); --max-w-2xs: 900px; --max-w-xs: 1024px; --max-w-s: 1280px; --max-w-m: 1440px; --max-w-l: 1600px; --max-w-xl: 1800px; --max-w-full: 1920px; --max-w-none: none;}