: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: #899878; --primary-l-1: rgb(148, 161, 132); --primary-l-2: rgb(158, 171, 145); --primary-l-3: rgb(169, 180, 157); --primary-l-4: rgb(180, 189, 169); --primary-l-5: rgb(191, 199, 181); --primary-l-6: rgb(201, 208, 194); --primary-l-7: rgb(212, 218, 206); --primary-l-8: rgb(223, 227, 218); --primary-l-9: rgb(234, 236, 230); --primary-l-10: rgb(244, 246, 243); --primary-d-1: rgb(125, 138, 109); --primary-d-2: rgb(112, 124, 98); --primary-d-3: rgb(100, 111, 87); --primary-d-4: rgb(87, 97, 76); --primary-d-5: rgb(75, 83, 65); --primary-d-6: rgb(62, 69, 55); --primary-d-7: rgb(50, 55, 44); --primary-d-8: rgb(37, 41, 33); --primary-d-9: rgb(25, 28, 22); --primary-d-10: rgb(12, 14, 11); --primary-t-1: rgba(148, 161, 132, 0.91); --primary-t-2: rgba(158, 171, 145, 0.82); --primary-t-3: rgba(169, 180, 157, 0.73); --primary-t-4: rgba(180, 189, 169, 0.64); --primary-t-5: rgba(191, 199, 181, 0.55); --primary-t-6: rgba(201, 208, 194, 0.45); --primary-t-7: rgba(212, 218, 206, 0.36); --primary-t-8: rgba(223, 227, 218, 0.27); --primary-t-9: rgba(234, 236, 230, 0.18); --primary-t-10: rgba(244, 246, 243, 0.09); --secondary: 222725; --secondary-l-1: rgb(54, 59, 57); --secondary-l-2: rgb(74, 78, 77); --secondary-l-3: rgb(94, 98, 96); --secondary-l-4: rgb(114, 118, 116); --secondary-l-5: rgb(134, 137, 136); --secondary-l-6: rgb(155, 157, 156); --secondary-l-7: rgb(175, 176, 176); --secondary-l-8: rgb(195, 196, 196); --secondary-l-9: rgb(215, 216, 215); --secondary-l-10: rgb(235, 235, 235); --secondary-t-1: rgba(54, 59, 57, 0.91); --secondary-t-2: rgba(74, 78, 77, 0.82); --secondary-t-3: rgba(94, 98, 96, 0.73); --secondary-t-4: rgba(114, 118, 116, 0.64); --secondary-t-5: rgba(134, 137, 136, 0.55); --secondary-t-6: rgba(155, 157, 156, 0.45); --secondary-t-7: rgba(175, 176, 176, 0.36); --secondary-t-8: rgba(195, 196, 196, 0.27); --secondary-t-9: rgba(215, 216, 215, 0.18); --secondary-t-10: rgba(235, 235, 235, 0.09); --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);}