: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; --white: hsl(0, 0%, 100%); --black: hsl(0, 0%, 0%); --transparent: hsl(0, 0%, 100%); --brand-25: hsl(80, 60%, 98%); --brand-50: hsl(83, 60%, 93%); --brand-75: hsl(83, 57%, 90%); --brand-100: hsl(82, 59%, 84%); --brand-200: hsl(83, 56%, 74%); --brand-300: hsl(84, 55%, 65%); --brand-400: hsl(85, 54%, 51%); --brand-500: hsl(86, 52%, 44%); --brand-600: hsl(87, 51%, 37%); --brand-700: hsl(88, 49%, 31%); --brand-750: hsl(90, 47%, 26%); --brand-800: hsl(89, 48%, 24%); --brand-900: hsl(90, 45%, 17%); --brand-950: hsl(91, 43%, 10%); --error-25: hsl(12, 100%, 99%); --error-50: hsl(5, 86%, 97%); --error-100: hsl(4, 93%, 94%); --error-200: hsl(3, 96%, 89%); --error-300: hsl(4, 96%, 80%); --error-400: hsl(4, 92%, 69%); --error-500: hsl(4, 86%, 58%); --error-600: hsl(4, 74%, 49%); --error-700: hsl(4, 76%, 40%); --error-800: hsl(4, 72%, 33%); --error-900: hsl(8, 65%, 29%); --error-950: hsl(8, 75%, 19%); --warning-25: hsl(42, 100%, 98%); --warning-50: hsl(45, 100%, 96%); --warning-100: hsl(45, 96%, 89%); --warning-200: hsl(44, 98%, 77%); --warning-300: hsl(42, 99%, 65%); --warning-400: hsl(39, 98%, 56%); --warning-500: hsl(34, 94%, 50%); --warning-600: hsl(28, 97%, 44%); --warning-700: hsl(22, 92%, 37%); --warning-800: hsl(19, 84%, 31%); --warning-900: hsl(18, 79%, 27%); --warning-950: hsl(17, 79%, 17%); --success-25: hsl(142, 80%, 98%); --success-50: hsl(145, 81%, 96%); --success-100: hsl(140, 75%, 92%); --success-200: hsl(144, 68%, 80%); --success-300: hsl(148, 63%, 67%); --success-400: hsl(150, 57%, 54%); --success-500: hsl(152, 77%, 39%); --success-600: hsl(153, 91%, 30%); --success-700: hsl(155, 90%, 24%); --success-800: hsl(155, 84%, 20%); --success-900: hsl(156, 83%, 16%); --success-950: hsl(157, 82%, 11%); --gray-true-25: hsl(0, 0%, 99%); --gray-true-50: hsl(0, 0%, 97%); --gray-true-100: hsl(0, 0%, 96%); --gray-true-200: hsl(0, 0%, 90%); --gray-true-300: hsl(0, 0%, 84%); --gray-true-400: hsl(0, 0%, 64%); --gray-true-500: hsl(0, 0%, 45%); --gray-true-600: hsl(0, 0%, 32%); --gray-true-700: hsl(0, 0%, 26%); --gray-true-800: hsl(0, 0%, 16%); --gray-true-900: hsl(0, 0%, 8%); --gray-true-950: hsl(0, 0%, 6%); --yellow-25: hsl(56, 88%, 97%); --yellow-50: hsl(52, 92%, 95%); --yellow-100: hsl(53, 97%, 88%); --yellow-200: hsl(51, 98%, 79%); --yellow-300: hsl(48, 97%, 72%); --yellow-400: hsl(46, 96%, 53%); --yellow-500: hsl(43, 93%, 47%); --yellow-600: hsl(39, 96%, 40%); --yellow-700: hsl(33, 92%, 33%); --yellow-800: hsl(30, 81%, 29%); --yellow-900: hsl(26, 73%, 26%); --yellow-950: hsl(26, 73%, 19%); --text-xs: clamp(0.79rem, calc(-0.0009320629660314839 * (100vw - 23.44rem) + 0.79rem), 0.7rem); --text-s: clamp(0.89rem, calc(0.0005178127589063788 * (100vw - 23.44rem) + 0.89rem), 0.94rem); --text-m: clamp(1rem, calc(0.0025890637945318973 * (100vw - 23.44rem) + 1rem), 1.25rem); --text-l: clamp(1.13rem, calc(0.005592377796188899 * (100vw - 23.44rem) + 1.13rem), 1.67rem); --text-xl: clamp(1.27rem, calc(0.009838442419221211 * (100vw - 23.44rem) + 1.27rem), 2.22rem); --text-2xl: clamp(1.42rem, calc(0.015948632974316486 * (100vw - 23.44rem) + 1.42rem), 2.96rem); --display-2xs: clamp(1.15rem, calc(0.006628003314001658 * (100vw - 23.44rem) + 1.15rem), 1.79rem); --display-xs: clamp(1.44rem, calc(0.009838442419221211 * (100vw - 23.44rem) + 1.44rem), 2.39rem); --display-s: clamp(1.8rem, calc(0.014395194697597348 * (100vw - 23.44rem) + 1.8rem), 3.19rem); --display-m: clamp(2.25rem, calc(0.020712510356255178 * (100vw - 23.44rem) + 2.25rem), 4.25rem); --display-l: clamp(2.81rem, calc(0.029618889809444902 * (100vw - 23.44rem) + 2.81rem), 5.67rem); --display-xl: clamp(3.52rem, calc(0.041735708367854174 * (100vw - 23.44rem) + 3.52rem), 7.55rem); --display-2xl: clamp(4.39rem, calc(0.05882352941176471 * (100vw - 23.44rem) + 4.39rem), 10.07rem);}