: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: rgb(220 158 53); --tertiary: rgb(178, 218, 240); --primary-d-1: rgb(200, 144, 48); --primary-d-2: rgb(180, 129, 43); --primary-d-3: rgb(160, 115, 39); --primary-d-4: rgb(140, 101, 34); --primary-d-5: rgb(120, 86, 29); --primary-d-6: rgb(100, 72, 24); --primary-d-7: rgb(80, 57, 19); --primary-d-8: rgb(60, 43, 14); --primary-d-9: rgb(40, 29, 10); --primary-d-10: rgb(20, 14, 5); --primary-t-1: rgba(223, 167, 71, 0.91); --primary-t-2: rgba(226, 176, 90, 0.82); --primary-t-3: rgba(230, 184, 108, 0.73); --primary-t-4: rgba(233, 193, 126, 0.64); --primary-t-5: rgba(236, 202, 145, 0.55); --primary-t-6: rgba(239, 211, 163, 0.45); --primary-t-7: rgba(242, 220, 182, 0.36); --primary-t-8: rgba(245, 229, 200, 0.27); --primary-t-9: rgba(249, 237, 218, 0.18); --primary-t-10: rgba(252, 246, 237, 0.09); --primary-l-1: rgb(223, 167, 71); --primary-l-2: rgb(226, 176, 90); --primary-l-3: rgb(230, 184, 108); --primary-l-4: rgb(233, 193, 126); --primary-l-5: rgb(236, 202, 145); --primary-l-6: rgb(239, 211, 163); --primary-l-7: rgb(242, 220, 182); --primary-l-8: rgb(245, 229, 200); --primary-l-9: rgb(249, 237, 218); --primary-l-10: rgb(252, 246, 237); --secondary: hsl(332 44% 47%); --secondary-l-1: hsl(332, 39%, 52%); --secondary-l-2: hsl(332, 39%, 57%); --secondary-l-3: hsl(332, 39%, 61%); --secondary-l-4: hsl(332, 39%, 66%); --secondary-l-5: hsl(332, 39%, 71%); --secondary-l-6: hsl(332, 39%, 76%); --secondary-l-7: hsl(332, 39%, 81%); --secondary-l-8: hsl(332, 39%, 86%); --secondary-l-9: hsl(332, 39%, 90%); --secondary-l-10: hsl(332, 39%, 95%); --secondary-d-1: hsl(332, 44%, 43%); --secondary-d-2: hsl(332, 44%, 39%); --secondary-d-3: hsl(332, 44%, 34%); --secondary-d-4: hsl(332, 44%, 30%); --secondary-d-5: hsl(332, 44%, 26%); --secondary-d-6: hsl(332, 44%, 21%); --secondary-d-7: hsl(332, 44%, 17%); --secondary-d-8: hsl(332, 44%, 13%); --secondary-d-9: hsl(332, 44%, 9%); --secondary-d-10: hsl(332, 44%, 4%); --secondary-t-1: hsla(332, 39%, 52%, 0.91); --secondary-t-2: hsla(332, 39%, 57%, 0.82); --secondary-t-3: hsla(332, 39%, 61%, 0.73); --secondary-t-4: hsla(332, 39%, 66%, 0.64); --secondary-t-5: hsla(332, 39%, 71%, 0.55); --secondary-t-6: hsla(332, 39%, 76%, 0.45); --secondary-t-7: hsla(332, 39%, 81%, 0.36); --secondary-t-8: hsla(332, 39%, 86%, 0.27); --secondary-t-9: hsla(332, 39%, 90%, 0.18); --secondary-t-10: hsla(332, 39%, 95%, 0.09); --tertiary-l-1: rgb(185, 221, 241); --tertiary-l-2: rgb(192, 225, 243); --tertiary-l-3: rgb(199, 228, 244); --tertiary-l-4: rgb(206, 231, 245); --tertiary-l-5: rgb(213, 235, 247); --tertiary-l-6: rgb(220, 238, 248); --tertiary-l-7: rgb(227, 242, 250); --tertiary-l-8: rgb(234, 245, 251); --tertiary-l-9: rgb(241, 248, 252); --tertiary-l-10: rgb(248, 252, 254); --tertiary-d-1: rgb(162, 198, 218); --tertiary-d-2: rgb(146, 178, 196); --tertiary-d-3: rgb(129, 159, 175); --tertiary-d-4: rgb(113, 139, 153); --tertiary-d-5: rgb(97, 119, 131); --tertiary-d-6: rgb(81, 99, 109); --tertiary-d-7: rgb(65, 79, 87); --tertiary-d-8: rgb(49, 59, 65); --tertiary-d-9: rgb(32, 40, 44); --tertiary-d-10: rgb(16, 20, 22); --tertiary-t-1: rgba(248, 252, 254, 0.09); --tertiary-t-2: rgba(241, 248, 252, 0.18); --tertiary-t-3: rgba(234, 245, 251, 0.27); --tertiary-t-4: rgba(227, 242, 250, 0.36); --tertiary-t-5: rgba(220, 238, 248, 0.45); --tertiary-t-6: rgba(213, 235, 247, 0.55); --tertiary-t-7: rgba(206, 231, 245, 0.64); --tertiary-t-8: rgba(199, 228, 244, 0.73); --tertiary-t-9: rgba(192, 225, 243, 0.82); --tertiary-t-10: rgba(185, 221, 241, 0.91); --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); --container-gap: var(--space-l); --content-gap: var(--space-m); --gutter: var(--space-xs); --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); --h6: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --h5: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --h4: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --h3: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h2: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --h1: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem);}.bg-primary { background-color: var(--primary); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.border-primary { border-color: var(--primary); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-d-5 { border-color: var(--primary-d-5); }.border-primary-d-6 { border-color: var(--primary-d-6); }.border-primary-d-7 { border-color: var(--primary-d-7); }.border-primary-d-8 { border-color: var(--primary-d-8); }.border-primary-d-9 { border-color: var(--primary-d-9); }.border-primary-d-10 { border-color: var(--primary-d-10); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.border-primary-t-5 { border-color: var(--primary-t-5); }.border-primary-t-6 { border-color: var(--primary-t-6); }.border-primary-t-7 { border-color: var(--primary-t-7); }.border-primary-t-8 { border-color: var(--primary-t-8); }.border-primary-t-9 { border-color: var(--primary-t-9); }.border-primary-t-10 { border-color: var(--primary-t-10); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-l-5 { border-color: var(--primary-l-5); }.border-primary-l-6 { border-color: var(--primary-l-6); }.border-primary-l-7 { border-color: var(--primary-l-7); }.border-primary-l-8 { border-color: var(--primary-l-8); }.border-primary-l-9 { border-color: var(--primary-l-9); }.border-primary-l-10 { border-color: var(--primary-l-10); }.htext-2xs { font-size: var(--text-2xs); }.htext-xs { font-size: var(--text-xs); }.htext-s { font-size: var(--text-s); }.htext-m { font-size: var(--text-m); }.htext-l { font-size: var(--text-l); }.htext-xl { font-size: var(--text-xl); }.htext-2xl { font-size: var(--text-2xl); }.h6 { font-size: var(--h6); }.h5 { font-size: var(--h5); }.h4 { font-size: var(--h4); }.h3 { font-size: var(--h3); }.h2 { font-size: var(--h2); }.h1 { font-size: var(--h1); }