: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; --brand-primary: #7448b1; --brand-secondary: hsl(333, 92%, 53%); --brand-accent: hsl(85, 42%, 49%, 1); --brand-base: hsl(270, 11%, 49%, 1); --brand-link: #485bb1; --brand-neutral: hsl(0, 0%, 47%, 1); --white: hsl(0, 0%, 100%, 1); --black: hsl(0, 0%, 13%, 1); --brand-accent-l-1: hsl(85, 40%, 53%); --brand-accent-l-2: hsl(85, 40%, 58%); --brand-accent-l-3: hsl(85, 40%, 63%); --brand-accent-l-4: hsl(85, 40%, 67%); --brand-accent-l-5: hsl(85, 40%, 72%); --brand-accent-l-6: hsl(85, 40%, 77%); --brand-accent-l-7: hsl(85, 40%, 81%); --brand-accent-l-8: hsl(85, 40%, 86%); --brand-accent-l-9: hsl(85, 40%, 91%); --brand-accent-l-10: hsl(85, 40%, 95%); --brand-accent-d-1: hsl(85, 42%, 44%); --brand-accent-d-2: hsl(85, 42%, 40%); --brand-accent-d-3: hsl(85, 42%, 36%); --brand-accent-d-4: hsl(85, 42%, 31%); --brand-accent-d-5: hsl(85, 42%, 27%); --brand-accent-d-6: hsl(85, 42%, 22%); --brand-accent-d-7: hsl(85, 42%, 18%); --brand-accent-d-8: hsl(85, 42%, 13%); --brand-accent-d-9: hsl(85, 42%, 9%); --brand-accent-d-10: hsl(85, 42%, 4%); --brand-accent-t-1: hsla(85, 42%, 49%, 0.09); --brand-accent-t-2: hsla(85, 42%, 49%, 0.18); --brand-accent-t-3: hsla(85, 42%, 49%, 0.27); --brand-accent-t-4: hsla(85, 42%, 49%, 0.36); --brand-accent-t-5: hsla(85, 42%, 49%, 0.45); --brand-accent-t-6: hsla(85, 42%, 49%, 0.55); --brand-accent-t-7: hsla(85, 42%, 49%, 0.64); --brand-accent-t-8: hsla(85, 42%, 49%, 0.73); --brand-accent-t-9: hsla(85, 42%, 49%, 0.82); --brand-accent-t-10: hsla(85, 42%, 49%, 0.91); --brand-base-l-1: hsl(270, 11%, 54%); --brand-base-l-2: hsl(270, 11%, 58%); --brand-base-l-3: hsl(270, 11%, 63%); --brand-base-l-4: hsl(270, 11%, 68%); --brand-base-l-5: hsl(270, 11%, 72%); --brand-base-l-6: hsl(270, 11%, 77%); --brand-base-l-7: hsl(270, 11%, 81%); --brand-base-l-8: hsl(270, 11%, 86%); --brand-base-l-9: hsl(270, 11%, 91%); --brand-base-l-10: hsl(270, 11%, 95%); --brand-base-d-1: hsl(270, 11%, 45%); --brand-base-d-2: hsl(270, 11%, 40%); --brand-base-d-3: hsl(270, 11%, 36%); --brand-base-d-4: hsl(270, 11%, 31%); --brand-base-d-5: hsl(270, 11%, 27%); --brand-base-d-6: hsl(270, 11%, 22%); --brand-base-d-7: hsl(270, 11%, 18%); --brand-base-d-8: hsl(270, 11%, 13%); --brand-base-d-9: hsl(270, 11%, 9%); --brand-base-d-10: hsl(270, 11%, 4%); --brand-base-t-1: hsla(270, 11%, 49%, 0.09); --brand-base-t-2: hsla(270, 11%, 49%, 0.18); --brand-base-t-3: hsla(270, 11%, 49%, 0.27); --brand-base-t-4: hsla(270, 11%, 49%, 0.36); --brand-base-t-5: hsla(270, 11%, 49%, 0.45); --brand-base-t-6: hsla(270, 11%, 49%, 0.55); --brand-base-t-7: hsla(270, 11%, 49%, 0.64); --brand-base-t-8: hsla(270, 11%, 49%, 0.73); --brand-base-t-9: hsla(270, 11%, 49%, 0.82); --brand-base-t-10: hsla(270, 11%, 49%, 0.91); --brand-neutral-l-1: hsl(0, 0%, 52%); --brand-neutral-l-2: hsl(0, 0%, 57%); --brand-neutral-l-3: hsl(0, 0%, 61%); --brand-neutral-l-4: hsl(0, 0%, 66%); --brand-neutral-l-5: hsl(0, 0%, 71%); --brand-neutral-l-6: hsl(0, 0%, 76%); --brand-neutral-l-7: hsl(0, 0%, 81%); --brand-neutral-l-8: hsl(0, 0%, 86%); --brand-neutral-l-9: hsl(0, 0%, 90%); --brand-neutral-l-10: hsl(0, 0%, 95%); --brand-neutral-d-1: hsl(0, 0%, 43%); --brand-neutral-d-2: hsl(0, 0%, 39%); --brand-neutral-d-3: hsl(0, 0%, 34%); --brand-neutral-d-4: hsl(0, 0%, 30%); --brand-neutral-d-5: hsl(0, 0%, 26%); --brand-neutral-d-6: hsl(0, 0%, 21%); --brand-neutral-d-7: hsl(0, 0%, 17%); --brand-neutral-d-8: hsl(0, 0%, 13%); --brand-neutral-d-9: hsl(0, 0%, 9%); --brand-neutral-d-10: hsl(0, 0%, 4%); --brand-neutral-t-1: hsla(0, 0%, 47%, 0.09); --brand-neutral-t-2: hsla(0, 0%, 47%, 0.18); --brand-neutral-t-3: hsla(0, 0%, 47%, 0.27); --brand-neutral-t-4: hsla(0, 0%, 47%, 0.36); --brand-neutral-t-5: hsla(0, 0%, 47%, 0.45); --brand-neutral-t-6: hsla(0, 0%, 47%, 0.55); --brand-neutral-t-7: hsla(0, 0%, 47%, 0.64); --brand-neutral-t-8: hsla(0, 0%, 47%, 0.73); --brand-neutral-t-9: hsla(0, 0%, 47%, 0.82); --brand-neutral-t-10: hsla(0, 0%, 47%, 0.91); --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black-t-1: hsla(0, 0%, 13%, 0.09); --black-t-2: hsla(0, 0%, 13%, 0.18); --black-t-3: hsla(0, 0%, 13%, 0.27); --black-t-4: hsla(0, 0%, 13%, 0.36); --black-t-5: hsla(0, 0%, 13%, 0.45); --black-t-6: hsla(0, 0%, 13%, 0.55); --black-t-7: hsla(0, 0%, 13%, 0.64); --black-t-8: hsla(0, 0%, 13%, 0.73); --black-t-9: hsla(0, 0%, 13%, 0.82); --black-t-10: hsla(0, 0%, 13%, 0.91); --error: #B14851; --success: #48B15A; --info: #B18E48; --brand-secondary-l-1: hsl(333, 92%, 57%); --brand-secondary-l-2: hsl(333, 92%, 61%); --brand-secondary-l-3: hsl(333, 92%, 66%); --brand-secondary-l-4: hsl(333, 92%, 70%); --brand-secondary-l-5: hsl(333, 92%, 74%); --brand-secondary-l-6: hsl(333, 92%, 79%); --brand-secondary-l-7: hsl(333, 92%, 83%); --brand-secondary-l-8: hsl(333, 92%, 87%); --brand-secondary-l-9: hsl(333, 92%, 91%); --brand-secondary-l-10: hsl(333, 92%, 96%); --brand-secondary-d-1: hsl(333, 81%, 48%); --brand-secondary-d-2: hsl(333, 81%, 43%); --brand-secondary-d-3: hsl(333, 81%, 39%); --brand-secondary-d-4: hsl(333, 81%, 34%); --brand-secondary-d-5: hsl(333, 81%, 29%); --brand-secondary-d-6: hsl(333, 81%, 24%); --brand-secondary-d-7: hsl(333, 81%, 19%); --brand-secondary-d-8: hsl(333, 81%, 14%); --brand-secondary-d-9: hsl(333, 81%, 10%); --brand-secondary-d-10: hsl(333, 81%, 5%); --brand-secondary-t-1: hsla(333, 92%, 53%, 0.09); --brand-secondary-t-2: hsla(333, 92%, 53%, 0.18); --brand-secondary-t-3: hsla(333, 92%, 53%, 0.27); --brand-secondary-t-4: hsla(333, 92%, 53%, 0.36); --brand-secondary-t-5: hsla(333, 92%, 53%, 0.45); --brand-secondary-t-6: hsla(333, 92%, 53%, 0.55); --brand-secondary-t-7: hsla(333, 92%, 53%, 0.64); --brand-secondary-t-8: hsla(333, 92%, 53%, 0.73); --brand-secondary-t-9: hsla(333, 92%, 53%, 0.82); --brand-secondary-t-10: hsla(333, 92%, 53%, 0.91); --brand-link-l-1: #596ab8; --brand-link-l-2: #6979bf; --brand-link-l-3: #7a88c6; --brand-link-l-4: #8b97cd; --brand-link-l-5: #9ba6d4; --brand-link-l-6: #acb4dc; --brand-link-l-7: #bcc3e3; --brand-link-l-8: #cdd2ea; --brand-link-l-9: #dee1f1; --brand-link-l-10: #eef0f8; --brand-link-d-1: #4153a1; --brand-link-d-2: #3b4a91; --brand-link-d-3: #344281; --brand-link-d-4: #2e3a71; --brand-link-d-5: #273261; --brand-link-d-6: #212950; --brand-link-d-7: #1a2140; --brand-link-d-8: #141930; --brand-link-d-9: #0d1120; --brand-link-d-10: #070810; --brand-link-t-1: hsla(229, 42%, 49%, 0.09); --brand-link-t-2: hsla(229, 42%, 49%, 0.18); --brand-link-t-3: hsla(229, 42%, 49%, 0.27); --brand-link-t-4: hsla(229, 42%, 49%, 0.36); --brand-link-t-5: hsla(229, 42%, 49%, 0.45); --brand-link-t-6: hsla(229, 42%, 49%, 0.55); --brand-link-t-7: hsla(229, 42%, 49%, 0.64); --brand-link-t-8: hsla(229, 42%, 49%, 0.73); --brand-link-t-9: hsla(229, 42%, 49%, 0.82); --brand-link-t-10: hsla(229, 42%, 49%, 0.91); --brand-primary-l-1: #8159b8; --brand-primary-l-2: #8d69bf; --brand-primary-l-3: #9a7ac6; --brand-primary-l-4: #a78bcd; --brand-primary-l-5: #b39bd4; --brand-primary-l-6: #c0acdc; --brand-primary-l-7: #ccbce3; --brand-primary-l-8: #d9cdea; --brand-primary-l-9: #e6def1; --brand-primary-l-10: #f2eef8; --brand-primary-d-1: #6941a1; --brand-primary-d-2: #5f3b91; --brand-primary-d-3: #543481; --brand-primary-d-4: #4a2e71; --brand-primary-d-5: #3f2761; --brand-primary-d-6: #352150; --brand-primary-d-7: #2a1a40; --brand-primary-d-8: #201430; --brand-primary-d-9: #150d20; --brand-primary-d-10: #0b0710; --brand-primary-t-1: hsla(265, 42%, 49%, 0.09); --brand-primary-t-2: hsla(265, 42%, 49%, 0.18); --brand-primary-t-3: hsla(265, 42%, 49%, 0.27); --brand-primary-t-4: hsla(265, 42%, 49%, 0.36); --brand-primary-t-5: hsla(265, 42%, 49%, 0.45); --brand-primary-t-6: hsla(265, 42%, 49%, 0.55); --brand-primary-t-7: hsla(265, 42%, 49%, 0.64); --brand-primary-t-8: hsla(265, 42%, 49%, 0.73); --brand-primary-t-9: hsla(265, 42%, 49%, 0.82); --brand-primary-t-10: hsla(265, 42%, 49%, 0.91); --text-4xs: clamp(0.38rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.38rem), 0.48rem); --text-3xs: clamp(0.51rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.51rem), 0.63rem); --text-2xs: clamp(0.68rem, calc(0.0014814814814814808 * (100vw - 36rem) + 0.68rem), 0.84rem); --text-xs: clamp(0.9rem, calc(0.0021296296296296285 * (100vw - 36rem) + 0.9rem), 1.13rem); --text-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --text-xl: clamp(2.84rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.84rem), 3.55rem); --text-2xl: clamp(3.79rem, calc(0.008796296296296299 * (100vw - 36rem) + 3.79rem), 4.74rem); --text-3xl: clamp(5.05rem, calc(0.011666666666666665 * (100vw - 36rem) + 5.05rem), 6.31rem); --text-4xl: clamp(6.73rem, calc(0.015648148148148144 * (100vw - 36rem) + 6.73rem), 8.42rem); --space-3xs: clamp(0.51rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.51rem), 0.63rem); --space-2xs: clamp(0.68rem, calc(0.0014814814814814808 * (100vw - 36rem) + 0.68rem), 0.84rem); --space-xs: clamp(0.9rem, calc(0.0021296296296296285 * (100vw - 36rem) + 0.9rem), 1.13rem); --space-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --space-xl: clamp(2.84rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.84rem), 3.55rem); --space-2xl: clamp(3.79rem, calc(0.008796296296296299 * (100vw - 36rem) + 3.79rem), 4.74rem); --space-3xl: clamp(5.05rem, calc(0.011666666666666665 * (100vw - 36rem) + 5.05rem), 6.31rem);}