:root { --color-light: #ffffff; --color-dark: var(--color-azure-d-10); --color-primary: var(--color-azure); --color-primary-dark: var(--color-azure-d-2); --color-primary-ultra-dark: var(--color-azure-d-7); --color-primary-light: var(--color-azure-l-2); --color-primary-ultra-light: var(--color-azure-l-10); --color-secondary: var(--slate); --color-secondary-dark: var(--slate-d-3); --color-secondary-ultra-dark: var(--slate-d-6); --color-secondary-light: var(--slate-l-6); --color-secondary-ultra-light: var(--slate-l-10); --color-azure: #0579FF; --color-azure-l-1: #1c85ff; --color-azure-l-2: #3291ff; --color-azure-l-3: #499eff; --color-azure-l-4: #60aaff; --color-azure-l-5: #77b6ff; --color-azure-l-6: #8dc2ff; --color-azure-l-7: #a4ceff; --color-azure-l-8: #bbdaff; --color-azure-l-9: #d2e7ff; --color-azure-l-10: #e8f3ff; --color-azure-d-1: #056ee8; --color-azure-d-2: #0463d1; --color-azure-d-3: #0458b9; --color-azure-d-4: #034da2; --color-azure-d-5: #03428b; --color-azure-d-6: #023774; --color-azure-d-7: #022c5d; --color-azure-d-8: #012146; --color-azure-d-9: #01162e; --color-azure-d-10: #000b17; --slate: #8393AE; --slate-l-1: #8e9db5; --slate-l-2: #9aa7bd; --slate-l-3: #a5b0c4; --slate-l-4: #b0bacb; --slate-l-5: #bbc4d3; --slate-l-6: #c7ceda; --slate-l-7: #d2d8e2; --slate-l-8: #dde2e9; --slate-l-9: #e8ebf0; --slate-l-10: #f4f5f8; --slate-d-1: #77869e; --slate-d-2: #6b788e; --slate-d-3: #5f6b7f; --slate-d-4: #535e6f; --slate-d-5: #47505f; --slate-d-6: #3c434f; --slate-d-7: #30353f; --slate-d-8: #24282f; --slate-d-9: #181b20; --slate-d-10: #0c0d10; --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.0035714285714285726 * (100vw - 32rem) + 1.8rem), 2.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.4rem, calc(0.0017857142857142874 * (100vw - 32rem) + 1.4rem), 1.6rem); --h5: clamp(1.6rem, calc(0.0017857142857142852 * (100vw - 32rem) + 1.6rem), 1.8rem); --h4: clamp(1.6rem, calc(0.0035714285714285704 * (100vw - 32rem) + 1.6rem), 2rem); --h3: clamp(1.8rem, calc(0.005357142857142856 * (100vw - 32rem) + 1.8rem), 2.4rem); --h2: clamp(2.2rem, calc(0.012499999999999999 * (100vw - 32rem) + 2.2rem), 3.6rem); --h1: clamp(2.8rem, calc(0.017857142857142856 * (100vw - 32rem) + 2.8rem), 4.8rem); --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);}.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); }