:root { --primary: var(--blue-500); --blue-900: #001342; --blue-800: #001D59; --blue-700: #002975; --blue-600: #003491; --blue-500: #003DA6; --blue-400: #2861CA; --blue-300: #4984F1; --blue-200: #7CABFF; --blue-100: #B6D1FF; --blue-50: #F0F5FF; --main-white: #F5F5F5; --main-white-d-1: #dfdfdf; --main-white-d-2: #c8c8c8; --main-white-d-3: #b2b2b2; --main-white-d-4: #9c9c9c; --main-white-d-5: #868686; --main-white-d-6: #6f6f6f; --main-white-d-7: #595959; --main-white-d-8: #434343; --main-white-d-9: #2d2d2d; --main-white-d-10: #161616; --surface: #F7F5F0; --slight-blue: #EEF8F9; --text-color: #5E5E5E; --font-color-1: #0A293B; --slight-blue-l-1: #f2fafb; --slight-blue-l-2: #f7fcfc; --slight-blue-l-3: #fbfdfe; --space-4xs: clamp(0.33rem, calc(-0.00044444444444444485 * (100vw - 22.5rem) + 0.33rem), 0.3rem); --space-3xs: clamp(0.41rem, calc(-0.00014814814814814747 * (100vw - 22.5rem) + 0.41rem), 0.4rem); --space-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.022370370370370374 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --space-4xl: clamp(3.05rem, calc(0.03274074074074074 * (100vw - 22.5rem) + 3.05rem), 5.26rem); --space-5xl: clamp(3.81rem, calc(0.047407407407407405 * (100vw - 22.5rem) + 3.81rem), 7.01rem); --space-6xl: clamp(4.77rem, calc(0.06785185185185186 * (100vw - 22.5rem) + 4.77rem), 9.35rem); --space-7xl: clamp(5.96rem, calc(0.09629629629629631 * (100vw - 22.5rem) + 5.96rem), 12.46rem); --space-8xl: clamp(7.45rem, calc(0.13570370370370372 * (100vw - 22.5rem) + 7.45rem), 16.61rem); --text-2xs: clamp(0.58rem, calc(0 * (100vw - 22.5rem) + 0.58rem), 0.58rem); --text-xs: clamp(0.72rem, calc(0 * (100vw - 22.5rem) + 0.72rem), 0.72rem); --text-s: clamp(0.9rem, calc(0 * (100vw - 22.5rem) + 0.9rem), 0.9rem); --text-m: clamp(1.13rem, calc(0 * (100vw - 22.5rem) + 1.13rem), 1.13rem); --text-l: clamp(1.41rem, calc(0 * (100vw - 22.5rem) + 1.41rem), 1.41rem); --text-xl: clamp(1.76rem, calc(0 * (100vw - 22.5rem) + 1.76rem), 1.76rem); --text-2xl: clamp(2.2rem, calc(0 * (100vw - 22.5rem) + 2.2rem), 2.2rem); --text-3xl: clamp(2.75rem, calc(0 * (100vw - 22.5rem) + 2.75rem), 2.75rem); --text-4xl: clamp(3.43rem, calc(0 * (100vw - 22.5rem) + 3.43rem), 3.43rem); --text-5xl: clamp(4.29rem, calc(0 * (100vw - 22.5rem) + 4.29rem), 4.29rem); --text-6xl: clamp(5.36rem, calc(0 * (100vw - 22.5rem) + 5.36rem), 5.36rem);}.bg-primary { background-color: var(--primary); }.bg-blue-50 { background-color: var(--blue-50); }.bg-main-white { background-color: var(--main-white); }.bg-main-white-d-1 { background-color: var(--main-white-d-1); }.bg-main-white-d-2 { background-color: var(--main-white-d-2); }.bg-main-white-d-3 { background-color: var(--main-white-d-3); }.bg-main-white-d-4 { background-color: var(--main-white-d-4); }.bg-main-white-d-5 { background-color: var(--main-white-d-5); }.bg-main-white-d-6 { background-color: var(--main-white-d-6); }.bg-main-white-d-7 { background-color: var(--main-white-d-7); }.bg-main-white-d-8 { background-color: var(--main-white-d-8); }.bg-main-white-d-9 { background-color: var(--main-white-d-9); }.bg-main-white-d-10 { background-color: var(--main-white-d-10); }.bg-surface { background-color: var(--surface); }