: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: #123c70; --primary-t-1: hsla(213, 72%, 25%, 0.1); --primary-t-2: hsla(213, 72%, 25%, 0.2); --primary-t-3: hsla(213, 72%, 25%, 0.3); --primary-t-4: hsla(213, 72%, 25%, 0.4); --primary-t-5: hsla(213, 72%, 25%, 0.5); --primary-t-6: hsla(213, 72%, 25%, 0.6); --primary-t-7: hsla(213, 72%, 25%, 0.7); --primary-t-8: hsla(213, 72%, 25%, 0.8); --primary-t-9: hsla(213, 72%, 25%, 0.9); --secondary: #f91c3d; --secondary-t-1: hsla(351, 95%, 54%, 0.1); --secondary-t-2: hsla(351, 95%, 54%, 0.2); --secondary-t-3: hsla(351, 95%, 54%, 0.3); --secondary-t-4: hsla(351, 95%, 54%, 0.4); --secondary-t-5: hsla(351, 95%, 54%, 0.5); --secondary-t-6: hsla(351, 95%, 54%, 0.6); --secondary-t-7: hsla(351, 95%, 54%, 0.7); --secondary-t-8: hsla(351, 95%, 54%, 0.8); --secondary-t-9: hsla(351, 95%, 54%, 0.9); --text-dark: #777; --dark: #000; --light: #fff; --light-t-1: hsla(0, 0%, 100%, 0.1); --light-t-2: hsla(0, 0%, 100%, 0.2); --light-t-3: hsla(0, 0%, 100%, 0.3); --light-t-4: hsla(0, 0%, 100%, 0.4); --light-t-5: hsla(0, 0%, 100%, 0.5); --light-t-6: hsla(0, 0%, 100%, 0.6); --light-t-7: hsla(0, 0%, 100%, 0.7); --light-t-8: hsla(0, 0%, 100%, 0.8); --light-t-9: hsla(0, 0%, 100%, 0.9); --dark-t-1: hsla(0, 0%, 0%, 0.1); --dark-t-2: hsla(0, 0%, 0%, 0.2); --dark-t-3: hsla(0, 0%, 0%, 0.3); --dark-t-4: hsla(0, 0%, 0%, 0.4); --dark-t-5: hsla(0, 0%, 0%, 0.5); --dark-t-6: hsla(0, 0%, 0%, 0.6); --dark-t-7: hsla(0, 0%, 0%, 0.7); --dark-t-8: hsla(0, 0%, 0%, 0.8); --dark-t-9: hsla(0, 0%, 0%, 0.9); --space-2xs: clamp(0.63rem, calc(-0.0011132315521628492 * (100vw - 22.5rem) + 0.63rem), 0.56rem); --space-xs: clamp(0.84rem, calc(-0.00015903307888040727 * (100vw - 22.5rem) + 0.84rem), 0.83rem); --space-s: clamp(1.13rem, calc(0.0019083969465648874 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --space-m: clamp(1.5rem, calc(0.006043256997455469 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --space-l: clamp(2rem, calc(0.01288167938931298 * (100vw - 22.5rem) + 2rem), 2.81rem); --space-xl: clamp(2.67rem, calc(0.024650127226463103 * (100vw - 22.5rem) + 2.67rem), 4.22rem); --space-2xl: clamp(3.55rem, calc(0.04421119592875319 * (100vw - 22.5rem) + 3.55rem), 6.33rem); --space-3xl: clamp(4.74rem, calc(0.07554071246819338 * (100vw - 22.5rem) + 4.74rem), 9.49rem); --section-spacing-m: clamp(2.81rem, calc(0.04484732824427481 * (100vw - 22.5rem) + 2.81rem), 5.63rem); --gutter: clamp(1rem, calc(0.06361323155216285 * (100vw - 22.5rem) + 1rem), 5rem); --text-xs: clamp(0.69rem, calc(-0.002067430025445291 * (100vw - 22.5rem) + 0.69rem), 0.56rem); --text-s: clamp(0.83rem, calc(-0.0012722646310432564 * (100vw - 22.5rem) + 0.83rem), 0.75rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.2rem, calc(0.0020674300254452946 * (100vw - 22.5rem) + 1.2rem), 1.33rem); --text-xl: clamp(1.44rem, calc(0.005407124681933844 * (100vw - 22.5rem) + 1.44rem), 1.78rem); --text-2xl: clamp(1.73rem, calc(0.010178117048346058 * (100vw - 22.5rem) + 1.73rem), 2.37rem); --h6: clamp(0.78rem, calc(0.001590330788804071 * (100vw - 22.5rem) + 0.78rem), 0.88rem); --h5: clamp(0.94rem, calc(0.003657760814249364 * (100vw - 22.5rem) + 0.94rem), 1.17rem); --h4: clamp(1.13rem, calc(0.006838422391857509 * (100vw - 22.5rem) + 1.13rem), 1.56rem); --h3: clamp(1.35rem, calc(0.011609414758269722 * (100vw - 22.5rem) + 1.35rem), 2.08rem); --h2: clamp(1.62rem, calc(0.01844783715012722 * (100vw - 22.5rem) + 1.62rem), 2.78rem); --h1: clamp(1.94rem, calc(0.02798982188295166 * (100vw - 22.5rem) + 1.94rem), 3.7rem);}