:root { --primary: #564488; --secondary: #b6cfe0; --neutral: #a9bac2; --neutral-l-1: #bac8ce; --neutral-l-2: #cbd6da; --neutral-l-3: #dde3e7; --neutral-l-4: #eef1f3; --neutral-d-1: #87959b; --neutral-d-2: #657074; --neutral-d-3: #444a4e; --neutral-d-4: #222527; --neutral-t-1: hsla(199, 17%, 71%, 0.2); --neutral-t-2: hsla(199, 17%, 71%, 0.4); --neutral-t-3: hsla(199, 17%, 71%, 0.6); --neutral-t-4: hsla(199, 17%, 71%, 0.8); --dark: #191b1f; --light: #e9ebf0; --primary-l-1: #8073a6; --primary-l-2: #aba2c4; --primary-l-3: #d5d0e1; --primary-d-1: #413366; --primary-d-2: #2b2244; --primary-d-3: #161122; --primary-t-1: hsla(256, 33%, 40%, 0.2); --primary-t-2: hsla(256, 33%, 40%, 0.4); --primary-t-3: hsla(256, 33%, 40%, 0.6); --primary-t-4: hsla(256, 33%, 40%, 0.8); --secondary-l-1: #c5d9e6; --secondary-l-2: #d3e2ec; --secondary-l-3: #e2ecf3; --secondary-l-4: #f0f5f9; --secondary-d-1: #92a6b3; --secondary-d-2: #6d7c86; --secondary-d-3: #49535a; --secondary-d-4: #24292d; --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.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-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-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); }.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-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-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.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-l-3 { border-color: var(--primary-l-3); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.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-l-3 { outline-color: var(--primary-l-3); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-t-1 { outline-color: var(--primary-t-1); }.outline-primary-t-2 { outline-color: var(--primary-t-2); }.outline-primary-t-3 { outline-color: var(--primary-t-3); }.outline-primary-t-4 { outline-color: var(--primary-t-4); }.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-l-3 { fill: var(--primary-l-3); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-t-1 { fill: var(--primary-t-1); }.fill-primary-t-2 { fill: var(--primary-t-2); }.fill-primary-t-3 { fill: var(--primary-t-3); }.fill-primary-t-4 { fill: var(--primary-t-4); }.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-l-3 { stroke: var(--primary-l-3); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-t-1 { stroke: var(--primary-t-1); }.stroke-primary-t-2 { stroke: var(--primary-t-2); }.stroke-primary-t-3 { stroke: var(--primary-t-3); }.stroke-primary-t-4 { stroke: var(--primary-t-4); }.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-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); }.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-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); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-l-3 { outline-color: var(--secondary-l-3); }.outline-secondary-l-4 { outline-color: var(--secondary-l-4); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.outline-secondary-d-3 { outline-color: var(--secondary-d-3); }.outline-secondary-d-4 { outline-color: var(--secondary-d-4); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.bg-dark { background-color: var(--dark); }.text-dark { color: var(--dark); }.border-dark { border-color: var(--dark); }.outline-dark { outline-color: var(--dark); }.fill-dark { fill: var(--dark); }.stroke-dark { stroke: var(--dark); }.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.border-light { border-color: var(--light); }.outline-light { outline-color: var(--light); }.fill-light { fill: var(--light); }.stroke-light { stroke: var(--light); }