: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: #22201d; --primary-hover: #3d3a34; --primary-tint: #d8c6a3; --secondary: #a8823f; --neutral: #f7f5f1; --neutral-d-1: #ceccc9; --neutral-d-2: #a5a3a1; --neutral-d-3: #7c7b79; --neutral-d-4: #525250; --neutral-d-5: #292928; --gray: #4a4740; --gray-l-1: #5a5851; --gray-l-2: #6b6863; --gray-l-3: #7b7974; --gray-l-4: #8c8a85; --gray-l-5: #9c9b97; --gray-l-6: #adaba8; --gray-l-7: #bdbcba; --gray-l-8: #cecdcb; --gray-l-9: #dededc; --gray-l-10: #efeeee; --gray-d-1: #43413a; --gray-d-2: #3d3a34; --gray-d-3: #36342f; --gray-d-4: #2f2d29; --gray-d-5: #282723; --gray-d-6: #22201d; --gray-d-7: #1b1a17; --gray-d-8: #141311; --gray-d-9: #0d0d0c; --gray-d-10: #070606; --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%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 0.91); --text-2xs: clamp(0.58rem, calc(-0.002095238095238095 * (100vw - 22.5rem) + 0.58rem), 0.47rem); --text-xs: clamp(0.69rem, calc(-0.0011428571428571419 * (100vw - 22.5rem) + 0.69rem), 0.63rem); --text-s: clamp(0.83rem, calc(0.00019047619047619064 * (100vw - 22.5rem) + 0.83rem), 0.84rem); --text-m: clamp(1rem, calc(0.0024761904761904743 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.2rem, calc(0.005714285714285715 * (100vw - 22.5rem) + 1.2rem), 1.5rem); --text-xl: clamp(1.44rem, calc(0.010666666666666668 * (100vw - 22.5rem) + 1.44rem), 2rem); --text-2xl: clamp(1.73rem, calc(0.017714285714285717 * (100vw - 22.5rem) + 1.73rem), 2.66rem); --space-2xs: clamp(0.42rem, calc(0.002095238095238096 * (100vw - 22.5rem) + 0.42rem), 0.53rem); --space-xs: clamp(0.56rem, calc(0.002666666666666665 * (100vw - 22.5rem) + 0.56rem), 0.7rem); --space-s: clamp(0.75rem, calc(0.003619047619047618 * (100vw - 22.5rem) + 0.75rem), 0.94rem); --space-m: clamp(1rem, calc(0.004761904761904762 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.33rem, calc(0.006476190476190473 * (100vw - 22.5rem) + 1.33rem), 1.67rem); --space-xl: clamp(1.78rem, calc(0.008380952380952385 * (100vw - 22.5rem) + 1.78rem), 2.22rem); --space-2xl: clamp(2.37rem, calc(0.011238095238095235 * (100vw - 22.5rem) + 2.37rem), 2.96rem); --space-3xl: clamp(3.16rem, calc(0.015047619047619048 * (100vw - 22.5rem) + 3.16rem), 3.95rem); --space-4xl: clamp(4.21rem, calc(0.019999999999999997 * (100vw - 22.5rem) + 4.21rem), 5.26rem); --space-5xl: clamp(5.61rem, calc(0.026666666666666658 * (100vw - 22.5rem) + 5.61rem), 7.01rem); --space-6xl: clamp(7.48rem, calc(0.035619047619047606 * (100vw - 22.5rem) + 7.48rem), 9.35rem);}