: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: #2e69ff; --secondary: #FF3B84; --base: #00124D; --accent: #79F7C6; --neutral: #FFCA36; --black: #000000; --white: #ffffff; --light: #F5F3F5; --tertiary: #EAF0FF; --black-t-0: hsla(0, 0%, 83%, 0.17); --black-t-1: hsla(0, 0%, 67%, 0.33); --black-t-2: hsla(0, 0%, 50%, 0.5); --black-t-3: hsla(0, 0%, 33%, 0.67); --black-t-4: hsla(0, 0%, 17%, 0.83); --primary-l-1: #749bff; --primary-l-2: #b9cdff; --primary-d-1: #1f46aa; --primary-d-2: #0f2355; --secondary-l-1: #ff7cad; --secondary-l-2: #ffbed6; --secondary-d-1: #aa2758; --secondary-d-2: #55142c; --base-l-1: #556188; --base-l-2: #aab0c4; --base-d-1: #000c33; --base-d-2: #00061a; --success: #F5F3F5; --space-xs: clamp(1.14rem, calc(0.0018886679920477156 * (100vw - 36rem) + 1.14rem), 1.33rem); --space-s: clamp(1.52rem, calc(0.004771371769383698 * (100vw - 36rem) + 1.52rem), 2rem); --space-m: clamp(2.03rem, calc(0.009642147117296225 * (100vw - 36rem) + 2.03rem), 3rem); --space-l: clamp(2.71rem, calc(0.017793240556660043 * (100vw - 36rem) + 2.71rem), 4.5rem); --space-xl: clamp(3.61rem, calc(0.031212723658051694 * (100vw - 36rem) + 3.61rem), 6.75rem); --space-xxl: clamp(4.81rem, calc(0.052882703777336 * (100vw - 36rem) + 4.81rem), 10.13rem); --h6: clamp(1.4rem, calc(0.005964214711729624 * (100vw - 36rem) + 1.4rem), 2rem); --h5: clamp(1.6rem, calc(0.005964214711729624 * (100vw - 36rem) + 1.6rem), 2.2rem); --h4: clamp(1.8rem, calc(0.005964214711729621 * (100vw - 36rem) + 1.8rem), 2.4rem); --h3: clamp(2.4rem, calc(0.015904572564612328 * (100vw - 36rem) + 2.4rem), 4rem); --h2: clamp(3.2rem, calc(0.019880715705765408 * (100vw - 36rem) + 3.2rem), 5.2rem); --h1: clamp(4.2rem, calc(0.029821073558648114 * (100vw - 36rem) + 4.2rem), 7.2rem); --text-2xs: clamp(1.12rem, calc(0.0013916500994035777 * (100vw - 36rem) + 1.12rem), 1.26rem); --text-xs: clamp(1.26rem, calc(0.001590457256461232 * (100vw - 36rem) + 1.26rem), 1.42rem); --text-s: clamp(1.42rem, calc(0.0017892644135188884 * (100vw - 36rem) + 1.42rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0019880715705765406 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.002186878727634195 * (100vw - 36rem) + 1.8rem), 2.02rem); --text-xl: clamp(2.02rem, calc(0.002584493041749501 * (100vw - 36rem) + 2.02rem), 2.28rem); --text-xxl: clamp(2.28rem, calc(0.00278330019880716 * (100vw - 36rem) + 2.28rem), 2.56rem); --section-space-xs: clamp(2.38rem, calc(0.01610337972166998 * (100vw - 36rem) + 2.38rem), 4rem); --section-space-s: clamp(3.17rem, calc(0.028131212723658053 * (100vw - 36rem) + 3.17rem), 6rem); --section-space-m: clamp(4.22rem, calc(0.04751491053677933 * (100vw - 36rem) + 4.22rem), 9rem); --section-space-l: clamp(5.63rem, calc(0.07823061630218689 * (100vw - 36rem) + 5.63rem), 13.5rem); --section-space-xl: clamp(7.5rem, calc(0.12673956262425448 * (100vw - 36rem) + 7.5rem), 20.25rem); --section-space-xxl: clamp(10rem, calc(0.2025844930417495 * (100vw - 36rem) + 10rem), 30.38rem);}.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-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.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-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }