: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-yellow-2: hsl(30 100% 62%); --bricks-color-yellow-3: hsl(42 100% 62%); --bricks-color-yellow-5: hsl(66 100% 62%); --bricks-color-yellow-6: hsl(78 100% 62%); --bricks-color-yellow-6-2: hsl(54 100% 62%); --bricks-color-yellow-6-3: hsl(66 100% 62%); --bricks-color-yellow-6-5: hsl(90 100% 62%); --bricks-color-yellow-6-6: hsl(102 100% 62%); --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; --bricks-color-yellow-l-1: #ffed4d; --bricks-color-yellow-l-2: #ffef5f; --bricks-color-yellow-l-3: #fff070; --bricks-color-yellow-l-4: #fff282; --bricks-color-yellow-l-5: #fff494; --bricks-color-yellow-l-6: #fff6a6; --bricks-color-yellow-l-7: #fff8b8; --bricks-color-yellow-l-8: #fffaca; --bricks-color-yellow-l-9: #fffbdb; --bricks-color-yellow-l-10: #fffded; --bricks-color-yellow-t-1: hsla(54, 100%, 97%, 0.09); --bricks-color-yellow-t-2: hsla(54, 100%, 93%, 0.18); --bricks-color-yellow-t-3: hsla(54, 100%, 90%, 0.27); --bricks-color-yellow-t-4: hsla(54, 100%, 86%, 0.36); --bricks-color-yellow-t-5: hsla(54, 100%, 83%, 0.45); --bricks-color-yellow-t-6: hsla(54, 100%, 79%, 0.55); --bricks-color-yellow-t-7: hsla(54, 100%, 76%, 0.64); --bricks-color-yellow-t-8: hsla(54, 100%, 72%, 0.73); --bricks-color-yellow-t-9: hsla(54, 100%, 69%, 0.82); --bricks-color-yellow-t-10: hsla(54, 100%, 65%, 0.91); --bricks-color-yellow-6-6-l-1: hsl(102, 100%, 65%); --bricks-color-yellow-6-6-l-2: hsl(102, 100%, 69%); --bricks-color-yellow-6-6-l-3: hsl(102, 100%, 72%); --bricks-color-yellow-6-6-l-4: hsl(102, 100%, 76%); --bricks-color-yellow-6-6-l-5: hsl(102, 100%, 79%); --bricks-color-yellow-6-6-l-6: hsl(102, 100%, 83%); --bricks-color-yellow-6-6-l-7: hsl(102, 100%, 86%); --bricks-color-yellow-6-6-l-8: hsl(102, 100%, 90%); --bricks-color-yellow-6-6-l-9: hsl(102, 100%, 93%); --bricks-color-yellow-6-6-l-10: hsl(102, 100%, 97%); --bricks-color-yellow-6-6-d-1: hsl(102, 79%, 56%); --bricks-color-yellow-6-6-d-2: hsl(102, 63%, 51%); --bricks-color-yellow-6-6-d-3: hsl(102, 61%, 45%); --bricks-color-yellow-6-6-d-4: hsl(102, 61%, 39%); --bricks-color-yellow-6-6-d-5: hsl(102, 61%, 34%); --bricks-color-yellow-6-6-d-6: hsl(102, 61%, 28%); --bricks-color-yellow-6-6-d-7: hsl(102, 61%, 23%); --bricks-color-yellow-6-6-d-8: hsl(102, 61%, 17%); --bricks-color-yellow-6-6-d-9: hsl(102, 61%, 11%); --bricks-color-yellow-6-6-d-10: hsl(102, 61%, 6%); --bricks-color-yellow-6-6-t-1: hsla(102, 100%, 97%, 0.09); --bricks-color-yellow-6-6-t-2: hsla(102, 100%, 93%, 0.18); --bricks-color-yellow-6-6-t-3: hsla(102, 100%, 90%, 0.27); --bricks-color-yellow-6-6-t-4: hsla(102, 100%, 86%, 0.36); --bricks-color-yellow-6-6-t-5: hsla(102, 100%, 83%, 0.45); --bricks-color-yellow-6-6-t-6: hsla(102, 100%, 79%, 0.55); --bricks-color-yellow-6-6-t-7: hsla(102, 100%, 76%, 0.64); --bricks-color-yellow-6-6-t-8: hsla(102, 100%, 72%, 0.73); --bricks-color-yellow-6-6-t-9: hsla(102, 100%, 69%, 0.82); --bricks-color-yellow-6-6-t-10: hsla(102, 100%, 65%, 0.91); --theme-yel: hsl(60, 90%, 49%); --theme-org: hsl(36 90% 49%); --theme-grn: hsl(84 90% 49%); --theme-yel-l-0: hsl(60, 86%, 56%); --theme-yel-l-1: hsl(60, 86%, 63%); --theme-yel-l-2: hsl(60, 86%, 71%); --theme-yel-l-3: hsl(60, 86%, 78%); --theme-yel-l-4: hsl(60, 86%, 85%); --theme-yel-l-5: hsl(60, 86%, 93%); --theme-yel-d-0: hsl(60, 90%, 42%); --theme-yel-d-1: hsl(60, 90%, 35%); --theme-yel-d-2: hsl(60, 90%, 28%); --theme-yel-d-3: hsl(60, 90%, 21%); --theme-yel-d-4: hsl(60, 90%, 14%); --theme-yel-d-5: hsl(60, 90%, 7%); --theme-yel-t-0: hsla(60, 86%, 93%, 0.14); --theme-yel-t-1: hsla(60, 86%, 85%, 0.29); --theme-yel-t-2: hsla(60, 86%, 78%, 0.43); --theme-yel-t-3: hsla(60, 86%, 71%, 0.57); --theme-yel-t-4: hsla(60, 86%, 63%, 0.71); --theme-yel-t-5: hsla(60, 86%, 56%, 0.86); --theme-org-l-0: hsl(36, 86%, 56%); --theme-org-l-1: hsl(36, 86%, 63%); --theme-org-l-2: hsl(36, 86%, 71%); --theme-org-l-3: hsl(36, 86%, 78%); --theme-org-l-4: hsl(36, 86%, 85%); --theme-org-l-5: hsl(36, 86%, 93%); --theme-org-d-0: hsl(36, 90%, 42%); --theme-org-d-1: hsl(36, 90%, 35%); --theme-org-d-2: hsl(36, 90%, 28%); --theme-org-d-3: hsl(36, 90%, 21%); --theme-org-d-4: hsl(36, 90%, 14%); --theme-org-d-5: hsl(36, 90%, 7%); --theme-org-t-0: hsla(36, 86%, 93%, 0.14); --theme-org-t-1: hsla(36, 86%, 85%, 0.29); --theme-org-t-2: hsla(36, 86%, 78%, 0.43); --theme-org-t-3: hsla(36, 86%, 71%, 0.57); --theme-org-t-4: hsla(36, 86%, 63%, 0.71); --theme-org-t-5: hsla(36, 86%, 56%, 0.86); --theme-grn-l-0: hsl(84, 86%, 56%); --theme-grn-l-1: hsl(84, 86%, 63%); --theme-grn-l-2: hsl(84, 86%, 71%); --theme-grn-l-3: hsl(84, 86%, 78%); --theme-grn-l-4: hsl(84, 86%, 85%); --theme-grn-l-5: hsl(84, 86%, 93%); --theme-grn-d-0: hsl(84, 90%, 42%); --theme-grn-d-1: hsl(84, 90%, 35%); --theme-grn-d-2: hsl(84, 90%, 28%); --theme-grn-d-3: hsl(84, 90%, 21%); --theme-grn-d-4: hsl(84, 90%, 14%); --theme-grn-d-5: hsl(84, 90%, 7%); --theme-grn-t-0: hsla(84, 86%, 93%, 0.14); --theme-grn-t-1: hsla(84, 86%, 85%, 0.29); --theme-grn-t-2: hsla(84, 86%, 78%, 0.43); --theme-grn-t-3: hsla(84, 86%, 71%, 0.57); --theme-grn-t-4: hsla(84, 86%, 63%, 0.71); --theme-grn-t-5: hsla(84, 86%, 56%, 0.86); --theme-blk: #0a0a0a; --theme-blk-l-0: #2d2d2d; --theme-blk-l-1: #505050; --theme-blk-l-2: #737373; --theme-blk-l-3: #969696; --theme-blk-l-4: #b9b9b9; --theme-blk-l-5: #dcdcdc; --theme-blk-d-0: #090909; --theme-blk-d-1: #070707; --theme-blk-d-2: #060606; --theme-blk-d-3: #040404; --theme-blk-d-4: #030303; --theme-blk-d-5: #010101; --theme-blk-t-0: hsla(0, 0%, 86%, 0.14); --theme-blk-t-1: hsla(0, 0%, 73%, 0.29); --theme-blk-t-2: hsla(0, 0%, 59%, 0.43); --theme-blk-t-3: hsla(0, 0%, 45%, 0.57); --theme-blk-t-4: hsla(0, 0%, 31%, 0.71); --theme-blk-t-5: hsla(0, 0%, 18%, 0.86); --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);}