:root { --light: #ffffff; --dark: #1a1a1a; --primary: #183A5C; --dark-l-1: #2f2f2f; --dark-l-2: #444444; --dark-l-3: #585858; --dark-l-4: #6d6d6d; --dark-l-5: #828282; --dark-l-6: #979797; --dark-l-7: #acacac; --dark-l-8: #c1c1c1; --dark-l-9: #d5d5d5; --dark-l-10: #eaeaea; --primary-dark: var(--primary-d-3); --primary-ultra-dark: var(--primary-d-8); --primary-light: var(--primary-l-5); --primary-ultra-light: var(--primary-l-10); --primary-l-1: #2d4c6b; --primary-l-2: #425e7a; --primary-l-3: #577088; --primary-l-4: #6c8297; --primary-l-5: #8194a6; --primary-l-6: #96a5b5; --primary-l-7: #abb7c4; --primary-l-8: #c0c9d3; --primary-l-9: #d5dbe1; --primary-l-10: #eaedf0; --primary-d-1: #163554; --primary-d-2: #142f4b; --primary-d-3: #112a43; --primary-d-4: #0f253b; --primary-d-5: #0d2032; --primary-d-6: #0b1a2a; --primary-d-7: #091521; --primary-d-8: #071019; --primary-d-9: #040b11; --primary-d-10: #020508; --font-size-2xs: clamp(0.8rem, calc(0.0035714285714285704 * (100vw - 32rem) + 0.8rem), 1.2rem); --font-size-xs: clamp(1.2rem, calc(0.0017857142857142852 * (100vw - 32rem) + 1.2rem), 1.4rem); --font-size-s: clamp(1.4rem, calc(0.0017857142857142874 * (100vw - 32rem) + 1.4rem), 1.6rem); --font-size-m: clamp(1.6rem, calc(0.0017857142857142852 * (100vw - 32rem) + 1.6rem), 1.8rem); --font-size-l: clamp(1.8rem, calc(0.0017857142857142852 * (100vw - 32rem) + 1.8rem), 2rem); --font-size-xl: clamp(2.4rem, calc(0.010714285714285716 * (100vw - 32rem) + 2.4rem), 3.6rem); --font-size-2xl: clamp(3.6rem, calc(0.010714285714285713 * (100vw - 32rem) + 3.6rem), 4.8rem); --h6: clamp(1.6rem, calc(0.0017857142857142852 * (100vw - 32rem) + 1.6rem), 1.8rem); --h5: clamp(1.8rem, calc(0.005357142857142856 * (100vw - 32rem) + 1.8rem), 2.4rem); --h4: clamp(2.4rem, calc(0.0035714285714285704 * (100vw - 32rem) + 2.4rem), 2.8rem); --h3: clamp(2rem, calc(0.0035714285714285704 * (100vw - 32rem) + 2rem), 2.4rem); --h2: clamp(2.8rem, calc(0.01428571428571429 * (100vw - 32rem) + 2.8rem), 4.4rem); --h1: clamp(3.2rem, calc(0.021428571428571425 * (100vw - 32rem) + 3.2rem), 5.6rem); --space-2xs: clamp(0.4rem, calc(0.003824091778202677 * (100vw - 32rem) + 0.4rem), 0.8rem); --space-xs: clamp(0.8rem, calc(0.0038240917782026763 * (100vw - 32rem) + 0.8rem), 1.2rem); --space-s: clamp(1.2rem, calc(0.0038240917782026785 * (100vw - 32rem) + 1.2rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.007648183556405353 * (100vw - 32rem) + 1.6rem), 2.4rem); --space-l: clamp(2.4rem, calc(0.011472275334608033 * (100vw - 32rem) + 2.4rem), 3.6rem); --space-xl: clamp(3.6rem, calc(0.01147227533460803 * (100vw - 32rem) + 3.6rem), 4.8rem); --space-2xl: clamp(4.8rem, calc(0.015296367112810714 * (100vw - 32rem) + 4.8rem), 6.4rem); --space-section: clamp(2.4rem, calc(0.04588910133843213 * (100vw - 32rem) + 2.4rem), 7.2rem); --space-container: clamp(2.4rem, calc(0.022944550669216062 * (100vw - 32rem) + 2.4rem), 4.8rem); --space-wrapper: clamp(2.4rem, calc(0.030592734225621414 * (100vw - 32rem) + 2.4rem), 5.6rem); --space-content: clamp(0.8rem, calc(0.007648183556405354 * (100vw - 32rem) + 0.8rem), 1.6rem);}.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.bg-dark { background-color: var(--dark); }.bg-dark-l-1 { background-color: var(--dark-l-1); }.bg-dark-l-2 { background-color: var(--dark-l-2); }.bg-dark-l-3 { background-color: var(--dark-l-3); }.bg-dark-l-4 { background-color: var(--dark-l-4); }.bg-dark-l-5 { background-color: var(--dark-l-5); }.bg-dark-l-6 { background-color: var(--dark-l-6); }.bg-dark-l-7 { background-color: var(--dark-l-7); }.bg-dark-l-8 { background-color: var(--dark-l-8); }.bg-dark-l-9 { background-color: var(--dark-l-9); }.bg-dark-l-10 { background-color: var(--dark-l-10); }.text-dark { color: var(--dark); }.text-dark-l-1 { color: var(--dark-l-1); }.text-dark-l-2 { color: var(--dark-l-2); }.text-dark-l-3 { color: var(--dark-l-3); }.text-dark-l-4 { color: var(--dark-l-4); }.text-dark-l-5 { color: var(--dark-l-5); }.text-dark-l-6 { color: var(--dark-l-6); }.text-dark-l-7 { color: var(--dark-l-7); }.text-dark-l-8 { color: var(--dark-l-8); }.text-dark-l-9 { color: var(--dark-l-9); }.text-dark-l-10 { color: var(--dark-l-10); }.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); }.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-l-6 { color: var(--primary-l-6); }.text-primary-l-7 { color: var(--primary-l-7); }.text-primary-l-8 { color: var(--primary-l-8); }.text-primary-l-9 { color: var(--primary-l-9); }.text-primary-l-10 { color: var(--primary-l-10); }.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); }.text-primary-d-6 { color: var(--primary-d-6); }.text-primary-d-7 { color: var(--primary-d-7); }.text-primary-d-8 { color: var(--primary-d-8); }.text-primary-d-9 { color: var(--primary-d-9); }.text-primary-d-10 { color: var(--primary-d-10); }.bg-primary-dark { background-color: var(--primary-dark); }.text-primary-dark { color: var(--primary-dark); }.bg-primary-ultra-dark { background-color: var(--primary-ultra-dark); }.text-primary-ultra-dark { color: var(--primary-ultra-dark); }.bg-primary-light { background-color: var(--primary-light); }.text-primary-light { color: var(--primary-light); }.bg-primary-ultra-light { background-color: var(--primary-ultra-light); }.text-primary-ultra-light { color: var(--primary-ultra-light); }.font-size-2xs { font-size: var(--font-size-2xs); }.font-size-xs { font-size: var(--font-size-xs); }.font-size-s { font-size: var(--font-size-s); }.font-size-m { font-size: var(--font-size-m); }.font-size-l { font-size: var(--font-size-l); }.font-size-xl { font-size: var(--font-size-xl); }.font-size-2xl { font-size: var(--font-size-2xl); }.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); }.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); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.margin-top-2xs { margin-top: var(--space-2xs); }.margin-top-xs { margin-top: var(--space-xs); }.margin-top-s { margin-top: var(--space-s); }.margin-top-m { margin-top: var(--space-m); }.margin-top-l { margin-top: var(--space-l); }.margin-top-xl { margin-top: var(--space-xl); }.margin-top-2xl { margin-top: var(--space-2xl); }.margin-right-2xs { margin-right: var(--space-2xs); }.margin-right-xs { margin-right: var(--space-xs); }.margin-right-s { margin-right: var(--space-s); }.margin-right-m { margin-right: var(--space-m); }.margin-right-l { margin-right: var(--space-l); }.margin-right-xl { margin-right: var(--space-xl); }.margin-right-2xl { margin-right: var(--space-2xl); }.margin-bottom-2xs { margin-bottom: var(--space-2xs); }.margin-bottom-xs { margin-bottom: var(--space-xs); }.margin-bottom-s { margin-bottom: var(--space-s); }.margin-bottom-m { margin-bottom: var(--space-m); }.margin-bottom-l { margin-bottom: var(--space-l); }.margin-bottom-xl { margin-bottom: var(--space-xl); }.margin-bottom-2xl { margin-bottom: var(--space-2xl); }.margin-left-2xs { margin-left: var(--space-2xs); }.margin-left-xs { margin-left: var(--space-xs); }.margin-left-s { margin-left: var(--space-s); }.margin-left-m { margin-left: var(--space-m); }.margin-left-l { margin-left: var(--space-l); }.margin-left-xl { margin-left: var(--space-xl); }.margin-left-2xl { margin-left: var(--space-2xl); }.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-top-2xs { padding-top: var(--space-2xs); }.padding-top-xs { padding-top: var(--space-xs); }.padding-top-s { padding-top: var(--space-s); }.padding-top-m { padding-top: var(--space-m); }.padding-top-l { padding-top: var(--space-l); }.padding-top-xl { padding-top: var(--space-xl); }.padding-top-2xl { padding-top: var(--space-2xl); }.padding-right-2xs { padding-right: var(--space-2xs); }.padding-right-xs { padding-right: var(--space-xs); }.padding-right-s { padding-right: var(--space-s); }.padding-right-m { padding-right: var(--space-m); }.padding-right-l { padding-right: var(--space-l); }.padding-right-xl { padding-right: var(--space-xl); }.padding-right-2xl { padding-right: var(--space-2xl); }.padding-bottom-2xs { padding-bottom: var(--space-2xs); }.padding-bottom-xs { padding-bottom: var(--space-xs); }.padding-bottom-s { padding-bottom: var(--space-s); }.padding-bottom-m { padding-bottom: var(--space-m); }.padding-bottom-l { padding-bottom: var(--space-l); }.padding-bottom-xl { padding-bottom: var(--space-xl); }.padding-bottom-2xl { padding-bottom: var(--space-2xl); }.padding-left-2xs { padding-left: var(--space-2xs); }.padding-left-xs { padding-left: var(--space-xs); }.padding-left-s { padding-left: var(--space-s); }.padding-left-m { padding-left: var(--space-m); }.padding-left-l { padding-left: var(--space-l); }.padding-left-xl { padding-left: var(--space-xl); }.padding-left-2xl { padding-left: var(--space-2xl); }.border-radius-2xs { border-radius: var(--space-2xs); }.border-radius-xs { border-radius: var(--space-xs); }.border-radius-s { border-radius: var(--space-s); }.border-radius-m { border-radius: var(--space-m); }.border-radius-l { border-radius: var(--space-l); }.border-radius-xl { border-radius: var(--space-xl); }.border-radius-2xl { border-radius: var(--space-2xl); }