: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: #215e9e; --secondary: #00af8c; --secondary-l-1: #2bbc9f; --secondary-l-2: #55cab2; --secondary-l-3: #80d7c6; --secondary-l-4: #aae4d9; --secondary-l-5: #d5f2ec; --secondary-d-1: #009275; --secondary-d-2: #00755d; --secondary-d-3: #005846; --secondary-d-4: #003a2f; --secondary-d-5: #001d17; --accent: #00abc9; --accent-l-1: #2bb9d2; --accent-l-2: #55c7db; --accent-l-3: #80d5e4; --accent-l-4: #aae3ed; --accent-l-5: #d5f1f6; --accent-d-1: #008fa8; --accent-d-2: #007286; --accent-d-3: #005665; --accent-d-4: #003943; --accent-d-5: #001d22; --mint: #4dc7ae; --navy: #283583; --slate: #075243; --neutral: #414042; --white: #ffffff; --white-t-1: hsl(0 0% 100% / 0.167); --white-t-2: hsl(0 0% 100% / 0.333); --white-t-3: hsl(0 0% 100% / 0.5); --white-t-4: hsl(0 0% 100% / 0.667); --white-t-5: hsl(0 0% 100% / 0.833); --black: #000000; --primary-l-1: #4679ae; --primary-l-2: #6b94be; --primary-l-3: #90afcf; --primary-l-4: #b5c9df; --primary-l-5: #dae4ef; --primary-d-1: #1c4e84; --primary-d-2: #163f69; --primary-d-3: #112f4f; --primary-d-4: #0b1f35; --primary-d-5: #06101a; --navy-l-1: #4c5798; --navy-l-2: #7078ac; --navy-l-3: #949ac1; --navy-l-4: #b7bcd6; --navy-l-5: #dbddea; --navy-d-1: #212c6d; --navy-d-2: #1b2357; --navy-d-3: #141b42; --navy-d-4: #0d122c; --navy-d-5: #070916; --navy-t-1: hsl(231.428571 53.216374% 33.529412% / 0.16666666666666669); --navy-t-2: hsl(231.428571 53.216374% 33.529412% / 0.33333333333333337); --navy-t-3: hsl(231.428571 53.216374% 33.529412% / 0.5); --navy-t-4: hsl(231.428571 53.216374% 33.529412% / 0.6666666666666667); --navy-t-5: hsl(231.428571 53.216374% 33.529412% / 0.8333333333333335); --mint-l-1: #6bd0bc; --mint-l-2: #88dac9; --mint-l-3: #a6e3d7; --mint-l-4: #c4ece4; --mint-l-5: #e1f6f2; --mint-d-1: #40a691; --mint-d-2: #338574; --mint-d-3: #276457; --mint-d-4: #1a423a; --mint-d-5: #0d211d; --neutral-l-1: #5c5b5d; --neutral-l-2: #777778; --neutral-l-3: #929293; --neutral-l-4: #aeadae; --neutral-l-5: #e6e3e6; --neutral-l-6: #f8f8f8; --text-m: clamp(1rem, calc(0.0019259259 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.2rem, calc(0.0044444444 * (100vw - 22.5rem) + 1.2rem), 1.5rem); --text-xl: clamp(1.44rem, calc(0.0082962963 * (100vw - 22.5rem) + 1.44rem), 2rem); --text-2xl: clamp(1.73rem, calc(0.0137777778 * (100vw - 22.5rem) + 1.73rem), 2.66rem); --text-3xl: clamp(2.07rem, calc(0.0219259259 * (100vw - 22.5rem) + 2.07rem), 3.55rem); --text-4xl: clamp(2.49rem, calc(0.0331851852 * (100vw - 22.5rem) + 2.49rem), 4.73rem); --space-2xs: clamp(0.55rem, calc(0.0005925926 * (100vw - 22.5rem) + 0.55rem), 0.59rem); --space-xs: clamp(0.77rem, calc(0.0017777778 * (100vw - 22.5rem) + 0.77rem), 0.89rem); --space-s: clamp(1.07rem, calc(0.0038518519 * (100vw - 22.5rem) + 1.07rem), 1.33rem); --space-m: clamp(1.5rem, calc(0.0074074074 * (100vw - 22.5rem) + 1.5rem), 2rem); --space-l: clamp(2.1rem, calc(0.0133333333 * (100vw - 22.5rem) + 2.1rem), 3rem); --space-xl: clamp(2.94rem, calc(0.0231111111 * (100vw - 22.5rem) + 2.94rem), 4.5rem); --space-2xl: clamp(4.12rem, calc(0.038962963 * (100vw - 22.5rem) + 4.12rem), 6.75rem); --space-3xl: clamp(5.76rem, calc(0.0647407407 * (100vw - 22.5rem) + 5.76rem), 10.13rem);}.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-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); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-l-5 { background-color: var(--secondary-l-5); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-d-5 { background-color: var(--secondary-d-5); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-d-5 { color: var(--secondary-d-5); }.bg-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-accent-l-2 { background-color: var(--accent-l-2); }.bg-accent-l-3 { background-color: var(--accent-l-3); }.bg-accent-l-4 { background-color: var(--accent-l-4); }.bg-accent-l-5 { background-color: var(--accent-l-5); }.bg-accent-d-1 { background-color: var(--accent-d-1); }.bg-accent-d-2 { background-color: var(--accent-d-2); }.bg-accent-d-3 { background-color: var(--accent-d-3); }.bg-accent-d-4 { background-color: var(--accent-d-4); }.bg-accent-d-5 { background-color: var(--accent-d-5); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-l-4 { color: var(--accent-l-4); }.text-accent-l-5 { color: var(--accent-l-5); }.text-accent-d-1 { color: var(--accent-d-1); }.text-accent-d-2 { color: var(--accent-d-2); }.text-accent-d-3 { color: var(--accent-d-3); }.text-accent-d-4 { color: var(--accent-d-4); }.text-accent-d-5 { color: var(--accent-d-5); }.bg-mint { background-color: var(--mint); }.bg-mint-l-1 { background-color: var(--mint-l-1); }.bg-mint-l-2 { background-color: var(--mint-l-2); }.bg-mint-l-3 { background-color: var(--mint-l-3); }.bg-mint-l-4 { background-color: var(--mint-l-4); }.bg-mint-l-5 { background-color: var(--mint-l-5); }.bg-mint-d-1 { background-color: var(--mint-d-1); }.bg-mint-d-2 { background-color: var(--mint-d-2); }.bg-mint-d-3 { background-color: var(--mint-d-3); }.bg-mint-d-4 { background-color: var(--mint-d-4); }.bg-mint-d-5 { background-color: var(--mint-d-5); }.text-mint { color: var(--mint); }.text-mint-l-1 { color: var(--mint-l-1); }.text-mint-l-2 { color: var(--mint-l-2); }.text-mint-l-3 { color: var(--mint-l-3); }.text-mint-l-4 { color: var(--mint-l-4); }.text-mint-l-5 { color: var(--mint-l-5); }.text-mint-d-1 { color: var(--mint-d-1); }.text-mint-d-2 { color: var(--mint-d-2); }.text-mint-d-3 { color: var(--mint-d-3); }.text-mint-d-4 { color: var(--mint-d-4); }.text-mint-d-5 { color: var(--mint-d-5); }.bg-navy { background-color: var(--navy); }.bg-navy-l-1 { background-color: var(--navy-l-1); }.bg-navy-l-2 { background-color: var(--navy-l-2); }.bg-navy-l-3 { background-color: var(--navy-l-3); }.bg-navy-l-4 { background-color: var(--navy-l-4); }.bg-navy-l-5 { background-color: var(--navy-l-5); }.bg-navy-d-1 { background-color: var(--navy-d-1); }.bg-navy-d-2 { background-color: var(--navy-d-2); }.bg-navy-d-3 { background-color: var(--navy-d-3); }.bg-navy-d-4 { background-color: var(--navy-d-4); }.bg-navy-d-5 { background-color: var(--navy-d-5); }.bg-navy-t-1 { background-color: var(--navy-t-1); }.bg-navy-t-2 { background-color: var(--navy-t-2); }.bg-navy-t-3 { background-color: var(--navy-t-3); }.bg-navy-t-4 { background-color: var(--navy-t-4); }.bg-navy-t-5 { background-color: var(--navy-t-5); }.text-navy { color: var(--navy); }.text-navy-l-1 { color: var(--navy-l-1); }.text-navy-l-2 { color: var(--navy-l-2); }.text-navy-l-3 { color: var(--navy-l-3); }.text-navy-l-4 { color: var(--navy-l-4); }.text-navy-l-5 { color: var(--navy-l-5); }.text-navy-d-1 { color: var(--navy-d-1); }.text-navy-d-2 { color: var(--navy-d-2); }.text-navy-d-3 { color: var(--navy-d-3); }.text-navy-d-4 { color: var(--navy-d-4); }.text-navy-d-5 { color: var(--navy-d-5); }.text-navy-t-1 { color: var(--navy-t-1); }.text-navy-t-2 { color: var(--navy-t-2); }.text-navy-t-3 { color: var(--navy-t-3); }.text-navy-t-4 { color: var(--navy-t-4); }.text-navy-t-5 { color: var(--navy-t-5); }.bg-slate { background-color: var(--slate); }.text-slate { color: var(--slate); }.bg-neutral { background-color: var(--neutral); }.bg-neutral-l-1 { background-color: var(--neutral-l-1); }.bg-neutral-l-2 { background-color: var(--neutral-l-2); }.bg-neutral-l-3 { background-color: var(--neutral-l-3); }.bg-neutral-l-4 { background-color: var(--neutral-l-4); }.bg-neutral-l-5 { background-color: var(--neutral-l-5); }.bg-neutral-l-6 { background-color: var(--neutral-l-6); }.text-neutral { color: var(--neutral); }.text-neutral-l-1 { color: var(--neutral-l-1); }.text-neutral-l-2 { color: var(--neutral-l-2); }.text-neutral-l-3 { color: var(--neutral-l-3); }.text-neutral-l-4 { color: var(--neutral-l-4); }.text-neutral-l-5 { color: var(--neutral-l-5); }.text-neutral-l-6 { color: var(--neutral-l-6); }.bg-white { background-color: var(--white); }.bg-white-t-1 { background-color: var(--white-t-1); }.bg-white-t-2 { background-color: var(--white-t-2); }.bg-white-t-3 { background-color: var(--white-t-3); }.bg-white-t-4 { background-color: var(--white-t-4); }.bg-white-t-5 { background-color: var(--white-t-5); }.text-white { color: var(--white); }.text-white-t-1 { color: var(--white-t-1); }.text-white-t-2 { color: var(--white-t-2); }.text-white-t-3 { color: var(--white-t-3); }.text-white-t-4 { color: var(--white-t-4); }.text-white-t-5 { color: var(--white-t-5); }