: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; --magenta: #dd1769; --purple: #792265; --orange: #F5853D; --green: #8DB93E; --peri: #6266AF; --teal: #13858F; --black: #2e333d; --white: #F8FAFC; --grey: #ADC0CD; --magenta-l-1: #ee8bb4; --magenta-d-1: #6f0c35; --purple-l-1: #bc91b2; --purple-d-1: #3d1133; --orange-l-1: #fac29e; --orange-d-1: #7b431f; --green-l-1: #c6dc9f; --green-d-1: #475d1f; --peri-l-1: #b1b3d7; --peri-d-1: #313358; --teal-l-1: #89c2c7; --teal-d-1: #0a4348; --transparent: rgba(255, 255, 255, 0); --white-t-1: hsla(210, 40%, 98%, 0.25); --white-t-2: hsla(210, 40%, 98%, 0.5); --white-t-3: hsla(210, 40%, 98%, 0.75); --grey-l-1: #bdcdd7; --grey-l-2: #ced9e1; --grey-l-3: #dee6eb; --grey-l-4: #eff2f5; --grey-d-1: #738089; --grey-d-2: #3a4044; --grey-t-1: hsla(204, 24%, 74%, 0.2); --grey-t-2: hsla(204, 24%, 74%, 0.4); --grey-t-3: hsla(204, 24%, 74%, 0.6); --grey-t-4: hsla(204, 24%, 74%, 0.8); --black-t-1: hsla(220, 14%, 21%, 0.25); --black-t-2: hsla(220, 14%, 21%, 0.5); --black-t-3: hsla(220, 14%, 21%, 0.75); --magenta-t-1: hsla(335, 81%, 48%, 0.25); --magenta-t-2: hsla(335, 81%, 48%, 0.5); --magenta-t-3: hsla(335, 81%, 48%, 0.75); --purple-t-1: hsla(314, 56%, 30%, 0.25); --purple-t-2: hsla(314, 56%, 30%, 0.5); --purple-t-3: hsla(314, 56%, 30%, 0.75); --orange-t-1: hsla(23, 90%, 60%, 0.25); --orange-t-2: hsla(23, 90%, 60%, 0.5); --orange-t-3: hsla(23, 90%, 60%, 0.75); --green-t-1: hsla(81, 50%, 48%, 0.25); --green-t-2: hsla(81, 50%, 48%, 0.5); --green-t-3: hsla(81, 50%, 48%, 0.75); --peri-t-1: hsla(237, 32%, 54%, 0.25); --peri-t-2: hsla(237, 32%, 54%, 0.5); --peri-t-3: hsla(237, 32%, 54%, 0.75); --teal-t-1: hsla(185, 77%, 32%, 0.25); --teal-t-2: hsla(185, 77%, 32%, 0.5); --teal-t-3: hsla(185, 77%, 32%, 0.75); --body-s: clamp(0.89rem, calc(0.00014814814814814828 * (100vw - 22.5rem) + 0.89rem), 0.9rem); --body-m: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --body-l: clamp(1.13rem, calc(0.004148148148148148 * (100vw - 22.5rem) + 1.13rem), 1.41rem); --body-xl: clamp(1.27rem, calc(0.007259259259259259 * (100vw - 22.5rem) + 1.27rem), 1.76rem); --display-xs: clamp(0.7rem, calc(0.002074074074074074 * (100vw - 22.5rem) + 0.7rem), 0.84rem); --display-s: clamp(0.88rem, calc(0.003703703703703702 * (100vw - 22.5rem) + 0.88rem), 1.13rem); --display-m: clamp(1.09rem, calc(0.006074074074074073 * (100vw - 22.5rem) + 1.09rem), 1.5rem); --display-l: clamp(1.37rem, calc(0.009333333333333332 * (100vw - 22.5rem) + 1.37rem), 2rem); --display-xl: clamp(1.71rem, calc(0.014074074074074077 * (100vw - 22.5rem) + 1.71rem), 2.66rem); --space-3xs: clamp(0.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.25rem), 0.5rem); --space-2xs: clamp(0.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 0.5rem), 1rem); --space-xs: clamp(0.75rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 0.75rem), 1.5rem); --space-s: clamp(1rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 1rem), 2rem); --space-m: clamp(1.5rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 1.5rem), 3rem); --space-l: clamp(2rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 2rem), 4rem); --space-xl: clamp(2.5rem, calc(0.037037037037037035 * (100vw - 22.5rem) + 2.5rem), 5rem); --space-2xl: clamp(3rem, calc(0.044444444444444446 * (100vw - 22.5rem) + 3rem), 6rem); --space-3xl: clamp(3.75rem, calc(0.05555555555555555 * (100vw - 22.5rem) + 3.75rem), 7.5rem); --space-4xl: clamp(5rem, calc(0.07407407407407407 * (100vw - 22.5rem) + 5rem), 10rem); --space-5xl: clamp(6.25rem, calc(0.09259259259259259 * (100vw - 22.5rem) + 6.25rem), 12.5rem); --space-6xl: clamp(7.5rem, calc(0.1111111111111111 * (100vw - 22.5rem) + 7.5rem), 15rem); --space-7xl: clamp(10rem, calc(0.14814814814814814 * (100vw - 22.5rem) + 10rem), 20rem); --space-8xl: clamp(12.5rem, calc(0.18518518518518517 * (100vw - 22.5rem) + 12.5rem), 25rem); --space-9xl: clamp(15rem, calc(0.2222222222222222 * (100vw - 22.5rem) + 15rem), 30rem); --space-10xl: clamp(20rem, calc(0.2962962962962963 * (100vw - 22.5rem) + 20rem), 40rem);}