: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: #0032A0; --primary-trans-10: rgba(0, 131, 218, 0.1); --primary-trans-20: rgba(0, 131, 218, 0.2); --primary-trans-30: rgba(0, 131, 218, 0.3); --primary-trans-40: rgba(0, 131, 218, 0.4); --primary-trans-50: rgba(0, 131, 218, 0.5); --primary-trans-60: rgba(0, 131, 218, 0.6); --primary-trans-70: rgba(0, 131, 218, 0.7); --primary-trans-80: rgba(0, 131, 218, 0.8); --primary-trans-90: rgba(0, 131, 218, 0.9); --primary-dark: #0069ae; --primary-ultra-dark: #004f83; --primary-light: #d9ecf9; --primary-ultra-light: #f2f9fd; --secondary: #0ead5d; --secondary-ultra-dark: #086838; --secondary-dark: #0b8a4a; --secondary-light: #dbf3e7; --secondary-ultra-light: #f3fbf7; --tertiary: #165d31; --tertiary-ultra-dark: #0d381d; --tertiary-dark: #124a27; --tertiary-light: #dce7e0; --tertiary-ultra-light: #f3f7f5; --accent: #CC0000; --accent-trans-10: rgba(0, 122, 61, 0.1); --accent-trans-20: rgba(0, 122, 61, 0.2); --accent-trans-30: rgba(0, 122, 61, 0.3); --accent-trans-40: rgba(0, 122, 61, 0.4); --accent-trans-50: rgba(0, 122, 61, 0.5); --accent-trans-60: rgba(0, 122, 61, 0.6); --accent-trans-70: rgba(0, 122, 61, 0.7); --accent-trans-80: rgba(0, 122, 61, 0.8); --accent-trans-90: rgba(0, 122, 61, 0.9); --accent-ultra-dark: rgba(0, 71, 36, 1); --accent-dark: hsl(150, 100%, 7%); --accent-light: #fae4e4; --accent-ultra-light: #fdf6f6; --base: hsl(0, 0%, 10%); --base-ultra-dark: rgba(2, 25, 42, 1); --base-ultra-dark-trans-10: rgba(2, 25, 42, 0.1); --base-ultra-dark-trans-20: rgba(2, 25, 42, 0.2); --base-ultra-dark-trans-30: rgba(2, 25, 42, 0.3); --base-ultra-dark-trans-40: rgba(2, 25, 42, 0.4); --base-ultra-dark-trans-50: rgba(2, 25, 42, 0.5); --base-ultra-dark-trans-60: rgba(2, 25, 42, 0.6); --base-ultra-dark-trans-70: rgba(2, 25, 42, 0.7); --base-ultra-dark-trans-80: rgba(2, 25, 42, 0.8); --base-ultra-dark-trans-90: rgba(2, 25, 42, 0.9); --base-dark: #022138; --base-semi-dark: #03253f; --base-medium: #425f74; --base-semi-light: #748999; --base-light: #d9dfe3; --base-ultra-light: #f2f4f6; --white: #ffffff; --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black: #000000; --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9); --neutral: hsl(30, 19%, 98%); --card-border-color: var(--base-light); --canvas-color: hsl(0, 0%, 99%); --color-80: #000000; --text-muted: hsl(0, 0%, 50%); --advertise-cta-bg: #ffd000; --text-color: hsl(0, 0%, 38%); --heading-color: #2d2d2d; --black-t-1: hsla(0, 0%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 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); --primary-l-1: #1745a9; --primary-l-2: #2e57b1; --primary-l-3: #466aba; --primary-l-4: #5d7dc3; --primary-l-5: #748fcb; --primary-l-6: #8ba2d4; --primary-l-7: #a2b4dc; --primary-l-8: #b9c7e5; --primary-l-9: #d1daee; --primary-l-10: #e8ecf6; --primary-d-1: #002d91; --primary-d-2: #002983; --primary-d-3: #002474; --primary-d-4: #002066; --primary-d-5: #001b57; --primary-d-6: #001749; --primary-d-7: #00123a; --primary-d-8: #000e2c; --primary-d-9: #00091d; --primary-d-10: #00050f; --primary-t-1: hsla(221, 100%, 31%, 0.09); --primary-t-2: hsla(221, 100%, 31%, 0.18); --primary-t-3: hsla(221, 100%, 31%, 0.27); --primary-t-4: hsla(221, 100%, 31%, 0.36); --primary-t-5: hsla(221, 100%, 31%, 0.45); --primary-t-6: hsla(221, 100%, 31%, 0.55); --primary-t-7: hsla(221, 100%, 31%, 0.64); --primary-t-8: hsla(221, 100%, 31%, 0.73); --primary-t-9: hsla(221, 100%, 31%, 0.82); --primary-t-10: hsla(221, 100%, 31%, 0.91); --accent-l-1: #d11717; --accent-l-2: #d52e2e; --accent-l-3: #da4646; --accent-l-4: #df5d5d; --accent-l-5: #e37474; --accent-l-6: #e88b8b; --accent-l-7: #eca2a2; --accent-l-8: #f1b9b9; --accent-l-9: #f6d1d1; --accent-l-10: #fae8e8; --accent-d-1: #b90000; --accent-d-2: #a70000; --accent-d-3: #940000; --accent-d-4: #820000; --accent-d-5: #6f0000; --accent-d-6: #5d0000; --accent-d-7: #4a0000; --accent-d-8: #380000; --accent-d-9: #250000; --accent-d-10: #130000; --accent-t-1: hsla(0, 100%, 40%, 0.09); --accent-t-2: hsla(0, 100%, 40%, 0.18); --accent-t-3: hsla(0, 100%, 40%, 0.27); --accent-t-4: hsla(0, 100%, 40%, 0.36); --accent-t-5: hsla(0, 100%, 40%, 0.45); --accent-t-6: hsla(0, 100%, 40%, 0.55); --accent-t-7: hsla(0, 100%, 40%, 0.64); --accent-t-8: hsla(0, 100%, 40%, 0.73); --accent-t-9: hsla(0, 100%, 40%, 0.82); --accent-t-10: hsla(0, 100%, 40%, 0.91); --space-3xs: clamp(0.3rem, calc(0.0012820512820512825 * (100vw - 32rem) + 0.3rem), 0.4rem); --space-2xs: clamp(0.44rem, calc(0.0019230769230769227 * (100vw - 32rem) + 0.44rem), 0.59rem); --space-xs: clamp(0.67rem, calc(0.0028205128205128203 * (100vw - 32rem) + 0.67rem), 0.89rem); --space-s: clamp(1rem, calc(0.0042307692307692315 * (100vw - 32rem) + 1rem), 1.33rem); --space-m: clamp(1.5rem, calc(0.00641025641025641 * (100vw - 32rem) + 1.5rem), 2rem); --space-l: clamp(2.25rem, calc(0.009615384615384616 * (100vw - 32rem) + 2.25rem), 3rem); --space-xl: clamp(3.38rem, calc(0.01435897435897436 * (100vw - 32rem) + 3.38rem), 4.5rem); --space-2xl: clamp(5.06rem, calc(0.02166666666666667 * (100vw - 32rem) + 5.06rem), 6.75rem); --space-3xl: clamp(7.59rem, calc(0.032564102564102575 * (100vw - 32rem) + 7.59rem), 10.13rem); --text-2xs: clamp(0.81rem, calc(0.003974358974358975 * (100vw - 32rem) + 0.81rem), 1.12rem); --text-xs: clamp(0.97rem, calc(0.0037179487179487183 * (100vw - 32rem) + 0.97rem), 1.26rem); --text-s: clamp(1.17rem, calc(0.003205128205128205 * (100vw - 32rem) + 1.17rem), 1.42rem); --text-m: clamp(1.4rem, calc(0.0025641025641025663 * (100vw - 32rem) + 1.4rem), 1.6rem); --text-l: clamp(1.68rem, calc(0.0015384615384615398 * (100vw - 32rem) + 1.68rem), 1.8rem); --text-xl: clamp(2.02rem, calc(0 * (100vw - 32rem) + 2.02rem), 2.02rem); --text-2xl: clamp(2.42rem, calc(-0.0017948717948717964 * (100vw - 32rem) + 2.42rem), 2.28rem); --text-3xl: clamp(2.9rem, calc(-0.004358974358974357 * (100vw - 32rem) + 2.9rem), 2.56rem); --text-4xl: clamp(3.48rem, calc(-0.007692307692307694 * (100vw - 32rem) + 3.48rem), 2.88rem); --h6: clamp(1.04rem, calc(0.0017948717948717936 * (100vw - 32rem) + 1.04rem), 1.18rem); --h5: clamp(1.25rem, calc(0.0021794871794871785 * (100vw - 32rem) + 1.25rem), 1.42rem); --h4: clamp(1.5rem, calc(0.0025641025641025637 * (100vw - 32rem) + 1.5rem), 1.7rem); --h3: clamp(1.8rem, calc(0.003076923076923077 * (100vw - 32rem) + 1.8rem), 2.04rem); --h2: clamp(2.16rem, calc(0.0037179487179487183 * (100vw - 32rem) + 2.16rem), 2.45rem); --h1: clamp(2.59rem, calc(0.004487179487179489 * (100vw - 32rem) + 2.59rem), 2.94rem); --h-hero: clamp(3.11rem, calc(0.0053846153846153835 * (100vw - 32rem) + 3.11rem), 3.53rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.bg-neutral { background-color: var(--neutral); }.gap-3xs { gap: var(--space-3xs); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.padding-3xs { padding: var(--space-3xs); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.pb-3xs { padding-block: var(--space-3xs); }.pb-2xs { padding-block: var(--space-2xs); }.pb-xs { padding-block: var(--space-xs); }.pb-s { padding-block: var(--space-s); }.pb-m { padding-block: var(--space-m); }.pb-l { padding-block: var(--space-l); }.pb-xl { padding-block: var(--space-xl); }.pb-2xl { padding-block: var(--space-2xl); }.pb-3xl { padding-block: var(--space-3xl); }.pi-3xs { padding-inline: var(--space-3xs); }.pi-2xs { padding-inline: var(--space-2xs); }.pi-xs { padding-inline: var(--space-xs); }.pi-s { padding-inline: var(--space-s); }.pi-m { padding-inline: var(--space-m); }.pi-l { padding-inline: var(--space-l); }.pi-xl { padding-inline: var(--space-xl); }.pi-2xl { padding-inline: var(--space-2xl); }.pi-3xl { padding-inline: var(--space-3xl); }.text--2xs { font-size: var(--text-2xs); }.text--xs { font-size: var(--text-xs); }.text--s { font-size: var(--text-s); }.text--m { font-size: var(--text-m); }.text--l { font-size: var(--text-l); }.text--xl { font-size: var(--text-xl); }.text--2xl { font-size: var(--text-2xl); }.text--3xl { font-size: var(--text-3xl); }.text--4xl { font-size: var(--text-4xl); }.h6 { font-size: var(--h6); }.h5 { font-size: var(--h5); }.h4 { font-size: var(--h4); }.h3 { font-size: var(--h3); }.h2 { font-size: var(--h2); }.h1 { font-size: var(--h1); }.h-ero { font-size: var(--h-hero); }