: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: #b0ac8f; --seconday: #6c5879; --action: #6a776d; --base: #516365; --neutral: #d9d9d9; --base-d-1: #414f51; --base-d-2: #313b3d; --base-d-3: #202828; --base-d-4: #101414; --base-l-1: #748284; --base-l-2: #97a1a3; --base-l-3: #b9c1c1; --base-l-4: #dce0e0; --neutral-t-1: hsla(0, 0%, 98%, 0.17); --neutral-t-2: hsla(0, 0%, 95%, 0.33); --neutral-t-3: hsla(0, 0%, 93%, 0.5); --neutral-t-4: hsla(0, 0%, 90%, 0.67); --neutral-t-5: hsla(0, 0%, 88%, 0.83); --neutral-d-1: #c5c5c5; --neutral-d-2: #b2b2b2; --neutral-d-3: #9e9e9e; --neutral-d-4: #8a8a8a; --neutral-d-5: #767676; --neutral-d-6: #636363; --neutral-d-7: #4f4f4f; --neutral-d-8: #3b3b3b; --neutral-d-9: #272727; --neutral-d-10: #141414; --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black: #000000; --black-t-1: hsla(0, 0%, 91%, 0.09); --black-t-2: hsla(0, 0%, 82%, 0.18); --black-t-3: hsla(0, 0%, 73%, 0.27); --black-t-4: hsla(0, 0%, 64%, 0.36); --black-t-5: hsla(0, 0%, 55%, 0.45); --black-t-6: hsla(0, 0%, 45%, 0.55); --black-t-7: hsla(0, 0%, 36%, 0.64); --black-t-8: hsla(0, 0%, 27%, 0.73); --black-t-9: hsla(0, 0%, 18%, 0.82); --black-t-10: hsla(0, 0%, 9%, 0.91); --seconday-l-1: #796785; --seconday-l-2: #877691; --seconday-l-3: #94869e; --seconday-l-4: #a195aa; --seconday-l-5: #afa4b6; --seconday-l-6: #bcb3c2; --seconday-l-7: #cac2ce; --seconday-l-8: #d7d1da; --seconday-l-9: #e4e1e7; --seconday-l-10: #f2f0f3; --subtle: #f4f6f3; --primary-l-1: #b7b499; --primary-l-2: #bebba3; --primary-l-3: #c6c3ae; --primary-l-4: #cdcab8; --primary-l-5: #d4d2c2; --primary-l-6: #dbd9cc; --primary-l-7: #e2e1d6; --primary-l-8: #e9e8e0; --primary-l-9: #f1f0eb; --primary-l-10: #f8f7f5; --primary-bold: #a6984e; --primary-bold-l-1: #aea15e; --primary-bold-l-2: #b6ab6e; --primary-bold-l-3: #beb47e; --primary-bold-l-4: #c6bd8e; --primary-bold-l-5: #cec79e; --primary-bold-l-6: #d7d0af; --primary-bold-l-7: #dfdabf; --primary-bold-l-8: #e7e3cf; --primary-bold-l-9: #efecdf; --primary-bold-l-10: #f7f6ef; --space-2xs: clamp(0.84rem, calc(0.003981481481481482 * (100vw - 36rem) + 0.84rem), 1.27rem); --space-xs: clamp(1.13rem, calc(0.005185185185185186 * (100vw - 36rem) + 1.13rem), 1.69rem); --space-s: clamp(1.5rem, calc(0.006944444444444444 * (100vw - 36rem) + 1.5rem), 2.25rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.67rem, calc(0.012314814814814815 * (100vw - 36rem) + 2.67rem), 4rem); --space-xl: clamp(3.55rem, calc(0.016481481481481482 * (100vw - 36rem) + 3.55rem), 5.33rem); --space-2xl: clamp(4.74rem, calc(0.021944444444444447 * (100vw - 36rem) + 4.74rem), 7.11rem); --section-space-2xs: clamp(2.05rem, calc(0.0044444444444444444 * (100vw - 36rem) + 2.05rem), 2.53rem); --section-space-xs: clamp(2.56rem, calc(0.007592592592592591 * (100vw - 36rem) + 2.56rem), 3.38rem); --section-space-s: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --section-space-m: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --section-space-l: clamp(5rem, calc(0.027777777777777776 * (100vw - 36rem) + 5rem), 8rem); --section-space-xl: clamp(6.25rem, calc(0.04083333333333333 * (100vw - 36rem) + 6.25rem), 10.66rem); --section-space-2xl: clamp(7.81rem, calc(0.05925925925925927 * (100vw - 36rem) + 7.81rem), 14.21rem); --section-padding-x: var(--space-m); --section-padding-y: var(--section-space-m); --h4: clamp(1.65rem, calc(0.004166666666666668 * (100vw - 36rem) + 1.65rem), 2.1rem); --h3: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --h2: clamp(2.93rem, calc(0.007407407407407406 * (100vw - 36rem) + 2.93rem), 3.73rem); --h1: clamp(3.91rem, calc(0.00990740740740741 * (100vw - 36rem) + 3.91rem), 4.98rem); --text-xs: clamp(1rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1rem), 1.1rem); --text-s: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --text-m: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --text-l: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --text-xl: clamp(2.4rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.4rem), 2.8rem); --container-pad-x: clamp(0rem, calc(0.10185185185185185 * (100vw - 36rem) + 0rem), 11rem);}