: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: hsl(238 100% 62%); --primary-5: hsl(238 100% 62% / 0.05); --primary-10: hsl(238 100% 62% / 0.1); --primary-20: hsl(238 100% 62% / 0.2); --primary-30: hsl(238 100% 62% / 0.3); --primary-40: hsl(238 100% 62% / 0.4); --primary-50: hsl(238 100% 62% / 0.5); --primary-60: hsl(238 100% 62% / 0.6); --primary-70: hsl(238 100% 62% / 0.7); --primary-80: hsl(238 100% 62% / 0.8); --primary-90: hsl(238 100% 62% / 0.9); --primary-d-1: hsl(240 56% 50%); --primary-d-2: hsl(243 54% 37%); --primary-d-3: hsl(246 51% 25%); --primary-d-4: hsl(250 43% 13%); --primary-l-1: hsl(247 100% 70%); --primary-l-2: hsl(251 100% 77%); --primary-l-3: hsl(254 100% 85%); --primary-l-4: hsl(256 100% 92%); --secondary: hsl(0 94% 68%); --secondary-5: hsl(0 94% 68% / 0.05); --secondary-10: hsl(0 94% 68% / 0.1); --secondary-20: hsl(0 94% 68% / 0.2); --secondary-30: hsl(0 94% 68% / 0.3); --secondary-40: hsl(0 94% 68% / 0.4); --secondary-50: hsl(0 94% 68% / 0.5); --secondary-60: hsl(0 94% 68% / 0.6); --secondary-70: hsl(0 94% 68% / 0.7); --secondary-80: hsl(0 94% 68% / 0.8); --secondary-90: hsl(0 94% 68% / 0.9); --secondary-d-1: hsl(1 50% 53%); --secondary-d-2: hsl(1 42% 40%); --secondary-d-3: hsl(2 40% 26%); --secondary-d-4: hsl(4 35% 14%); --secondary-l-1: hsl(3 100% 75%); --secondary-l-2: hsl(5 100% 81%); --secondary-l-3: hsl(6 100% 87%); --secondary-l-4: hsl(7 100% 93%); --tertiary: hsl(198 74% 51%); --tertiary-5: hsl(198 74% 51% / 0.05); --tertiary-10: hsl(198 74% 51% / 0.1); --tertiary-20: hsl(198 74% 51% / 0.2); --tertiary-30: hsl(198 74% 51% / 0.3); --tertiary-40: hsl(198 74% 51% / 0.4); --tertiary-50: hsl(198 74% 51% / 0.5); --tertiary-60: hsl(198 74% 51% / 0.6); --tertiary-70: hsl(198 74% 51% / 0.7); --tertiary-80: hsl(198 74% 51% / 0.8); --tertiary-90: hsl(198 74% 51% / 0.9); --tertiary-d-1: hsl(199 63% 42%); --tertiary-d-2: hsl(200 55% 32%); --tertiary-d-3: hsl(201 46% 22%); --tertiary-d-4: hsl(203 35% 13%); --tertiary-l-1: hsl(202 71% 65%); --tertiary-l-2: hsl(203 70% 75%); --tertiary-l-3: hsl(204 70% 84%); --tertiary-l-4: hsl(205 70% 92%); --bg-body: hsl(0 0% 90%); --bg-surface: hsl(0 0% 100%); --text-body: hsl(0 0% 25%); --text-title: hsl(0 0% 0%); --border-primary: hsl(0 0% 50% / 0.25); --shadow-primary: hsl(0 0% 0% / 0.15); --light: hsl(0 0% 100%); --light-5: hsl(0 0% 100% / 0.05); --light-10: hsl(0 0% 100% / 0.1); --light-20: hsl(0 0% 100% / 0.2); --light-30: hsl(0 0% 100% / 0.3); --light-40: hsl(0 0% 100% / 0.4); --light-50: hsl(0 0% 100% / 0.5); --light-60: hsl(0 0% 100% / 0.6); --light-70: hsl(0 0% 100% / 0.7); --light-80: hsl(0 0% 100% / 0.8); --light-90: hsl(0 0% 100% / 0.9); --dark: hsl(0 0% 0%); --dark-5: hsl(0 0% 0% / 0.05); --dark-10: hsl(0 0% 0% / 0.1); --dark-20: hsl(0 0% 0% / 0.2); --dark-30: hsl(0 0% 0% / 0.3); --dark-40: hsl(0 0% 0% / 0.4); --dark-50: hsl(0 0% 0% / 0.5); --dark-60: hsl(0 0% 0% / 0.6); --dark-70: hsl(0 0% 0% / 0.7); --dark-80: hsl(0 0% 0% / 0.8); --dark-90: hsl(0 0% 0% / 0.9); --success: hsl(136 95% 56%); --success-5: hsl(136 95% 56% / 0.05); --success-10: hsl(136 95% 56% / 0.1); --success-20: hsl(136 95% 56% / 0.2); --success-30: hsl(136 95% 56% / 0.3); --success-40: hsl(136 95% 56% / 0.4); --success-50: hsl(136 95% 56% / 0.5); --success-60: hsl(136 95% 56% / 0.6); --success-70: hsl(136 95% 56% / 0.7); --success-80: hsl(136 95% 56% / 0.8); --success-90: hsl(136 95% 56% / 0.9); --error: hsl(351 95% 56%); --error-5: hsl(351 95% 56% / 0.05); --error-10: hsl(351 95% 56% / 0.1); --error-20: hsl(351 95% 56% / 0.2); --error-30: hsl(351 95% 56% / 0.3); --error-40: hsl(351 95% 56% / 0.4); --error-50: hsl(351 95% 56% / 0.5); --error-60: hsl(351 95% 56% / 0.6); --error-70: hsl(351 95% 56% / 0.7); --error-80: hsl(351 95% 56% / 0.8); --error-90: hsl(351 95% 56% / 0.9); --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); --text-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --text-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --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);}