:root { --primary: #102D69; --base: #07090a; --accent: #ececec; --secondary: #E4003A; --secondary-d-1: #cf0035; --secondary-d-2: #bb002f; --secondary-d-3: #a6002a; --secondary-d-4: #910025; --secondary-d-5: #7c0020; --secondary-d-6: #68001a; --secondary-d-7: #530015; --secondary-d-8: #3e0010; --secondary-d-9: #29000b; --secondary-d-10: #150005; --primary-d-1: #0f295f; --primary-d-2: #0d2556; --primary-d-3: #0c214c; --primary-d-4: #0a1d43; --primary-d-5: #091939; --primary-d-6: #071430; --primary-d-7: #061026; --primary-d-8: #040c1d; --primary-d-9: #030813; --primary-d-10: #01040a; --success: #4cd97a; --primary-l-1: #264077; --primary-l-2: #3b5384; --primary-l-3: #516692; --primary-l-4: #6779a0; --primary-l-5: #7d8cad; --primary-l-6: #92a0bb; --primary-l-7: #a8b3c8; --primary-l-8: #bec6d6; --primary-l-9: #d4d9e4; --primary-l-10: #e9ecf1; --secondary-l-1: #e6174c; --secondary-l-2: #e92e5e; --secondary-l-3: #eb4670; --secondary-l-4: #ee5d82; --secondary-l-5: #f07494; --secondary-l-6: #f38ba5; --secondary-l-7: #f5a2b7; --secondary-l-8: #f8b9c9; --secondary-l-9: #fad1db; --secondary-l-10: #fde8ed; --warning: #ff7a40; --success-l-1: #5cdc86; --success-l-2: #6de092; --success-l-3: #7de39e; --success-l-4: #8de7aa; --success-l-5: #9deab6; --success-l-6: #aeeec3; --success-l-7: #bef1cf; --success-l-8: #cef5db; --success-l-9: #def8e7; --success-l-10: #effcf3; --warning-l-1: #ff8651; --warning-l-2: #ff9263; --warning-l-3: #ff9e74; --warning-l-4: #ffaa85; --warning-l-5: #ffb697; --warning-l-6: #ffc3a8; --warning-l-7: #ffcfba; --warning-l-8: #ffdbcb; --warning-l-9: #ffe7dc; --warning-l-10: #fff3ee; --danger: #e4003a; --danger-l-1: #e6174c; --danger-l-2: #e92e5e; --danger-l-3: #eb4670; --danger-l-4: #ee5d82; --danger-l-5: #f07494; --danger-l-6: #f38ba5; --danger-l-7: #f5a2b7; --danger-l-8: #f8b9c9; --danger-l-9: #fad1db; --danger-l-10: #fde8ed; --base-l-1: #1e1f20; --base-l-2: #343637; --base-l-3: #4b4c4d; --base-l-4: #616263; --base-l-5: #787979; --base-l-6: #8e8f90; --base-l-7: #a5a6a6; --base-l-8: #bbbcbc; --base-l-9: #d2d2d2; --base-l-10: #e8e9e9; --base-d-1: #060809; --base-d-2: #060708; --base-d-3: #050707; --base-d-4: #040606; --base-d-5: #040505; --base-d-6: #030405; --base-d-7: #030304; --base-d-8: #020203; --base-d-9: #010202; --base-d-10: #010101; --accent-l-1: #eeeeee; --accent-l-2: #efefef; --accent-l-3: #f1f1f1; --accent-l-4: #f3f3f3; --accent-l-5: #f5f5f5; --accent-l-6: #f6f6f6; --accent-l-7: #f8f8f8; --accent-l-8: #fafafa; --accent-l-9: #fcfcfc; --accent-l-10: #fdfdfd; --accent-d-1: #d7d7d7; --accent-d-2: #c1c1c1; --accent-d-3: #acacac; --accent-d-4: #969696; --accent-d-5: #818181; --accent-d-6: #6b6b6b; --accent-d-7: #565656; --accent-d-8: #404040; --accent-d-9: #2b2b2b; --accent-d-10: #151515; --success-d-1: #45c56f; --success-d-2: #3eb264; --success-d-3: #379e59; --success-d-4: #308a4e; --success-d-5: #297643; --success-d-6: #236337; --success-d-7: #1c4f2c; --success-d-8: #153b21; --success-d-9: #0e2716; --success-d-10: #07140b; --warning-d-1: #e86f3a; --warning-d-2: #d16434; --warning-d-3: #b9592f; --warning-d-4: #a24e29; --warning-d-5: #8b4323; --warning-d-6: #74371d; --warning-d-7: #5d2c17; --warning-d-8: #462111; --warning-d-9: #2e160c; --warning-d-10: #170b06; --danger-d-1: #cf0035; --danger-d-2: #bb002f; --danger-d-3: #a6002a; --danger-d-4: #910025; --danger-d-5: #7c0020; --danger-d-6: #68001a; --danger-d-7: #530015; --danger-d-8: #3e0010; --danger-d-9: #29000b; --danger-d-10: #150005; --h-6: clamp(0.84rem, calc(0.005555555555555556 * (100vw - 36rem) + 0.84rem), 1.44rem); --h-5: clamp(1.13rem, calc(0.007222222222222223 * (100vw - 36rem) + 1.13rem), 1.91rem); --h-4: clamp(1.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 1.5rem), 2.55rem); --h-3: clamp(2rem, calc(0.012962962962962963 * (100vw - 36rem) + 2rem), 3.4rem); --h-2: clamp(2.67rem, calc(0.017222222222222226 * (100vw - 36rem) + 2.67rem), 4.53rem); --h-1: clamp(3.55rem, calc(0.02305555555555556 * (100vw - 36rem) + 3.55rem), 6.04rem); --space-2xs: clamp(0.43rem, calc(0.0020370370370370373 * (100vw - 36rem) + 0.43rem), 0.65rem); --space-xs: clamp(0.72rem, calc(0.0033333333333333344 * (100vw - 36rem) + 0.72rem), 1.08rem); --space-s: clamp(1.2rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.2rem), 1.8rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(3.33rem, calc(0.015462962962962963 * (100vw - 36rem) + 3.33rem), 5rem); --space-xl: clamp(5.56rem, calc(0.025740740740740745 * (100vw - 36rem) + 5.56rem), 8.34rem); --space-2xl: clamp(9.26rem, calc(0.04296296296296297 * (100vw - 36rem) + 9.26rem), 13.9rem); --text-2xs: clamp(0.82rem, calc(-0.000555555555555555 * (100vw - 36rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.010462962962962962 * (100vw - 36rem) + 3.13rem), 4.26rem);}.bg-primary { background-color: var(--primary); }.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); }.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); }.text-primary { color: var(--primary); }.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); }.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-base { color: var(--base); }.text-base-l-1 { color: var(--base-l-1); }.text-base-l-2 { color: var(--base-l-2); }.text-base-l-3 { color: var(--base-l-3); }.text-base-l-4 { color: var(--base-l-4); }.text-base-l-5 { color: var(--base-l-5); }.text-base-l-6 { color: var(--base-l-6); }.text-base-l-7 { color: var(--base-l-7); }.text-base-l-8 { color: var(--base-l-8); }.text-base-l-9 { color: var(--base-l-9); }.text-base-l-10 { color: var(--base-l-10); }.text-base-d-1 { color: var(--base-d-1); }.text-base-d-2 { color: var(--base-d-2); }.text-base-d-3 { color: var(--base-d-3); }.text-base-d-4 { color: var(--base-d-4); }.text-base-d-5 { color: var(--base-d-5); }.text-base-d-6 { color: var(--base-d-6); }.text-base-d-7 { color: var(--base-d-7); }.text-base-d-8 { color: var(--base-d-8); }.text-base-d-9 { color: var(--base-d-9); }.text-base-d-10 { color: var(--base-d-10); }.bg-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-accent-l-2 { background-color: var(--accent-l-2); }.bg-accent-l-3 { background-color: var(--accent-l-3); }.bg-accent-l-4 { background-color: var(--accent-l-4); }.bg-accent-l-5 { background-color: var(--accent-l-5); }.bg-accent-l-6 { background-color: var(--accent-l-6); }.bg-accent-l-7 { background-color: var(--accent-l-7); }.bg-accent-l-8 { background-color: var(--accent-l-8); }.bg-accent-l-9 { background-color: var(--accent-l-9); }.bg-accent-l-10 { background-color: var(--accent-l-10); }.bg-accent-d-1 { background-color: var(--accent-d-1); }.bg-accent-d-2 { background-color: var(--accent-d-2); }.bg-accent-d-3 { background-color: var(--accent-d-3); }.bg-accent-d-4 { background-color: var(--accent-d-4); }.bg-accent-d-5 { background-color: var(--accent-d-5); }.bg-accent-d-6 { background-color: var(--accent-d-6); }.bg-accent-d-7 { background-color: var(--accent-d-7); }.bg-accent-d-8 { background-color: var(--accent-d-8); }.bg-accent-d-9 { background-color: var(--accent-d-9); }.bg-accent-d-10 { background-color: var(--accent-d-10); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-l-4 { color: var(--accent-l-4); }.text-accent-l-5 { color: var(--accent-l-5); }.text-accent-l-6 { color: var(--accent-l-6); }.text-accent-l-7 { color: var(--accent-l-7); }.text-accent-l-8 { color: var(--accent-l-8); }.text-accent-l-9 { color: var(--accent-l-9); }.text-accent-l-10 { color: var(--accent-l-10); }.text-accent-d-1 { color: var(--accent-d-1); }.text-accent-d-2 { color: var(--accent-d-2); }.text-accent-d-3 { color: var(--accent-d-3); }.text-accent-d-4 { color: var(--accent-d-4); }.text-accent-d-5 { color: var(--accent-d-5); }.text-accent-d-6 { color: var(--accent-d-6); }.text-accent-d-7 { color: var(--accent-d-7); }.text-accent-d-8 { color: var(--accent-d-8); }.text-accent-d-9 { color: var(--accent-d-9); }.text-accent-d-10 { color: var(--accent-d-10); }.bg-secondary { background-color: var(--secondary); }.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); }.bg-secondary-d-5 { background-color: var(--secondary-d-5); }.bg-secondary-d-6 { background-color: var(--secondary-d-6); }.bg-secondary-d-7 { background-color: var(--secondary-d-7); }.bg-secondary-d-8 { background-color: var(--secondary-d-8); }.bg-secondary-d-9 { background-color: var(--secondary-d-9); }.bg-secondary-d-10 { background-color: var(--secondary-d-10); }.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-l-5 { background-color: var(--secondary-l-5); }.bg-secondary-l-6 { background-color: var(--secondary-l-6); }.bg-secondary-l-7 { background-color: var(--secondary-l-7); }.bg-secondary-l-8 { background-color: var(--secondary-l-8); }.bg-secondary-l-9 { background-color: var(--secondary-l-9); }.bg-secondary-l-10 { background-color: var(--secondary-l-10); }.text-secondary { color: var(--secondary); }.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); }.text-secondary-d-5 { color: var(--secondary-d-5); }.text-secondary-d-6 { color: var(--secondary-d-6); }.text-secondary-d-7 { color: var(--secondary-d-7); }.text-secondary-d-8 { color: var(--secondary-d-8); }.text-secondary-d-9 { color: var(--secondary-d-9); }.text-secondary-d-10 { color: var(--secondary-d-10); }.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-l-5 { color: var(--secondary-l-5); }.text-secondary-l-6 { color: var(--secondary-l-6); }.text-secondary-l-7 { color: var(--secondary-l-7); }.text-secondary-l-8 { color: var(--secondary-l-8); }.text-secondary-l-9 { color: var(--secondary-l-9); }.text-secondary-l-10 { color: var(--secondary-l-10); }