: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: hsl(0, 100%, 45%); --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: #089a6c; --secondary: hsl(149 90% 32%); --accent: hsl(185 90% 32%); --primary-l-1: rgb(43, 168, 129); --primary-l-2: rgb(79, 183, 150); --primary-l-3: rgb(114, 197, 171); --primary-l-4: rgb(149, 212, 192); --primary-l-5: rgb(184, 226, 213); --primary-l-6: rgb(220, 241, 234); --primary-d-1: rgb(7, 132, 93); --primary-d-2: rgb(6, 110, 77); --primary-d-3: rgb(5, 88, 62); --primary-d-4: rgb(3, 66, 46); --primary-d-5: rgb(2, 44, 31); --primary-d-6: rgb(1, 22, 15); --bg: hsl(0 0% 95%); --primary-t-1: rgba(43, 168, 129, 0.86); --primary-t-2: rgba(79, 183, 150, 0.71); --primary-t-3: rgba(114, 197, 171, 0.57); --primary-t-4: rgba(149, 212, 192, 0.43); --primary-t-5: rgba(184, 226, 213, 0.29); --primary-t-6: rgba(220, 241, 234, 0.14); --border: hsl(0 0% 90% / 0.5); --transparent: hsl(0, 0%, 70%,0.3); --bg-grid: hsl(0 0% 82% / 0.5); --transparent-t-1: rgba(204, 204, 204, 0.67); --transparent-t-2: rgba(230, 230, 230, 0.33); --bg-d-1: rgb(230, 230, 230); --bg-d-2: rgb(217, 217, 217); --bg-l-1: rgb(250, 250, 250); --bg-l-2: rgb(255, 255, 255); --border-d-1: rgba(179, 179, 179, 0.5); --border-d-2: rgba(128, 128, 128, 0.5); --color-danger: hsl(17, 100%, 65%); --color-danger-l-1: rgb(255, 170, 136); --color-danger-l-2: rgb(255, 212, 196); --color-danger-d-1: rgb(170, 85, 51); --color-danger-d-2: rgb(85, 42, 26); --color-danger-t-1: rgba(255, 170, 136, 0.67); --color-danger-t-2: rgba(255, 212, 196, 0.33); --color-text: hsl(0, 0%, 10%); --color-text-secondary: hsl(0 0% 35%); --color-text-muted: hsl(0 0% 45%); --color-text-muted-gray: hsl(0 0% 60%); --color-text-muted-gray-l-1: rgb(179, 179, 179); --color-text-muted-gray-l-2: rgb(204, 204, 204); --color-text-muted-gray-l-3: rgb(230, 230, 230); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --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);}