:root { --primary: hsl(339 21% 27%); --primary-d-1: hsl(337, 21%, 20%); --primary-d-2: hsl(337, 21%, 13%); --primary-d-3: hsl(337, 21%, 7%); --primary-l-1: hsl(337, 17%, 35%); --primary-l-2: hsl(338, 14%, 42%); --primary-l-3: hsl(339, 12%, 48%); --primary-l-4: hsl(334, 13%, 61%); --primary-l-5: hsl(347, 15%, 74%); --primary-l-6: hsl(353, 15%, 88%); --primary-l-7: hsl(348, 19%, 95%); --primary-t-1: hsla(339, 21%, 27%, 0.1); --primary-t-2: hsla(339, 21%, 27%, 0.2); --primary-t-3: hsla(339, 21%, 27%, 0.3); --primary-t-4: hsla(339, 21%, 27%, 0.4); --primary-t-5: hsla(339, 21%, 27%, 0.5); --primary-t-6: hsla(339, 21%, 27%, 0.6); --primary-t-7: hsla(339, 21%, 27%, 0.7); --primary-t-8: hsla(339, 21%, 27%, 0.8); --primary-t-9: hsla(339, 21%, 27%, 0.9); --primary-t-10: hsla(339, 21%, 27%, 0.95); --primary-t-11: hsla(339, 21%, 27%, 0.98); --primary-t-12: hsla(339, 21%, 27%, 0); --base: hsl(22 13% 13%); --base-l-1: hsl(24, 10%, 19%); --base-l-2: hsl(23, 9%, 27%); --base-l-3: hsl(26, 8%, 39%); --base-l-4: hsl(32, 9%, 57%); --base-l-5: hsl(35, 14%, 75%); --base-l-6: hsl(36, 22%, 91%); --base-l-7: hsl(36, 22%, 96%); --base-l-8: hsl(0, 0%, 100%); --base-d-1: hsl(20, 13%, 9%); --base-d-2: hsl(30, 7%, 5%); --base-d-3: hsl(30, 7%, 3%); --base-d-4: hsl(30, 1%, 1%); --base-d-5: hsl(0, 0%, 0%); --base-t-1: hsla(22, 13%, 13%, 0.1); --base-t-2: hsla(22, 13%, 13%, 0.2); --base-t-3: hsla(22, 13%, 13%, 0.3); --base-t-4: hsla(22, 13%, 13%, 0.4); --base-t-5: hsla(22, 13%, 13%, 0.5); --base-t-6: hsla(22, 13%, 13%, 0.6); --base-t-7: hsla(22, 13%, 13%, 0.7); --base-t-8: hsla(22, 13%, 13%, 0.8); --base-t-9: hsla(22, 13%, 13%, 0.9); --base-t-10: hsla(22, 13%, 13%, 0.95); --base-t-11: hsla(22, 13%, 13%, 0.98); --base-t-12: hsla(22, 13%, 13%, 0); --iron-oxide: hsl(10 49% 35%); --iron-oxide-l-1: hsl(11, 42%, 44%); --iron-oxide-l-2: hsl(11, 42%, 55%); --iron-oxide-l-3: hsl(10, 48%, 70%); --iron-oxide-l-4: hsl(9, 51%, 84%); --iron-oxide-l-5: hsl(9, 51%, 93%); --iron-oxide-d-1: hsl(9, 49%, 28%); --iron-oxide-d-2: hsl(7, 49%, 22%); --iron-oxide-d-3: hsl(5, 51%, 15%); --iron-oxide-d-4: hsl(2, 50%, 11%); --iron-oxide-d-5: hsl(2, 53%, 3%); --sand: hsl(38 44% 89%); --sand-l-1: hsl(39, 44%, 94%); --sand-d-1: hsl(39, 44%, 80%); --sand-d-2: hsl(37, 39%, 74%); --white: hsl(0, 0%, 100%); --black: hsl(0 0% 0%); --wood: hsl(22 34% 13%); --wood-d-1: hsl(21, 35%, 8%); --wood-d-2: hsl(22, 44%, 5%); --wood-l-1: hsl(22, 31%, 19%); --wood-l-2: hsl(24, 29%, 26%); --court-green: hsl(133 13% 28%); --court-green-d-1: hsl(137, 14%, 20%); --court-green-d-2: hsl(142, 15%, 14%); --court-green-d-3: hsl(142, 15%, 8%); --court-green-l-1: hsl(129, 11%, 38%); --court-green-l-2: hsl(128, 9%, 48%); --court-green-l-3: hsl(129, 10%, 60%); --court-green-l-4: hsl(131, 12%, 72%); --court-green-l-5: hsl(135, 13%, 82%); --court-green-l-6: hsl(137, 17%, 92%); --court-green-l-7: hsl(137, 17%, 98%); --court-green-t-1: hsla(133, 13%, 28%, 0.1); --court-green-t-2: hsla(133, 13%, 28%, 0.2); --court-green-t-3: hsla(133, 13%, 28%, 0.3); --court-green-t-4: hsla(133, 13%, 28%, 0.4); --court-green-t-5: hsla(133, 13%, 28%, 0.5); --court-green-t-6: hsla(133, 13%, 28%, 0.6); --court-green-t-7: hsla(133, 13%, 28%, 0.7); --court-green-t-8: hsla(133, 13%, 28%, 0.8); --court-green-t-9: hsla(133, 13%, 28%, 0.9); --court-green-t-10: hsla(133, 13%, 28%, 0.95); --court-green-t-11: hsla(133, 13%, 28%, 0.98); --court-green-t-12: hsla(133, 13%, 28%, 0); --silver: hsl(210 7% 64%); --brass: hsl(36 39% 54%); --black-t-1: hsla(0, 0%, 0%, 0.1); --black-t-2: hsla(0, 0%, 0%, 0.2); --black-t-3: hsla(0, 0%, 0%, 0.3); --black-t-4: hsla(0, 0%, 0%, 0.4); --black-t-5: hsla(0, 0%, 0%, 0.5); --black-t-6: hsla(0, 0%, 0%, 0.6); --black-t-7: hsla(0, 0%, 0%, 0.7); --black-t-8: hsla(0, 0%, 0%, 0.8); --black-t-9: hsla(0, 0%, 0%, 0.9); --black-t-10: hsla(0, 0%, 0%, 0.95); --black-t-11: hsla(0, 0%, 0%, 0.98); --black-t-12: hsla(0, 0%, 0%, 0); --sand-t-1: hsla(38, 44%, 89%, 0.1); --sand-t-2: hsla(38, 44%, 89%, 0.2); --sand-t-3: hsla(38, 44%, 89%, 0.3); --sand-t-4: hsla(38, 44%, 89%, 0.4); --sand-t-5: hsla(38, 44%, 89%, 0.5); --sand-t-6: hsla(38, 44%, 89%, 0.6); --sand-t-7: hsla(38, 44%, 89%, 0.7); --sand-t-8: hsla(38, 44%, 89%, 0.8); --sand-t-9: hsla(38, 44%, 89%, 0.9); --sand-t-10: hsla(38, 44%, 89%, 0.95); --sand-t-11: hsla(38, 44%, 89%, 0.98); --sand-t-12: hsla(38, 44%, 89%, 0); --iron-oxide-t-1: hsla(10, 49%, 35%, 0.1); --iron-oxide-t-2: hsla(10, 49%, 35%, 0.2); --iron-oxide-t-3: hsla(10, 49%, 35%, 0.3); --iron-oxide-t-4: hsla(10, 49%, 35%, 0.4); --iron-oxide-t-5: hsla(10, 49%, 35%, 0.5); --iron-oxide-t-6: hsla(10, 49%, 35%, 0.6); --iron-oxide-t-7: hsla(10, 49%, 35%, 0.7); --iron-oxide-t-8: hsla(10, 49%, 35%, 0.8); --iron-oxide-t-9: hsla(10, 49%, 35%, 0.9); --iron-oxide-t-10: hsla(10, 49%, 35%, 0.95); --iron-oxide-t-11: hsla(10, 49%, 35%, 0.98); --iron-oxide-t-12: hsla(10, 49%, 35%, 0); --white-t-1: hsla(0, 0%, 100%, 0.1); --white-t-2: hsla(0, 0%, 100%, 0.2); --white-t-3: hsla(0, 0%, 100%, 0.3); --white-t-4: hsla(0, 0%, 100%, 0.4); --white-t-5: hsla(0, 0%, 100%, 0.5); --white-t-6: hsla(0, 0%, 100%, 0.6); --white-t-7: hsla(0, 0%, 100%, 0.7); --white-t-8: hsla(0, 0%, 100%, 0.8); --white-t-9: hsla(0, 0%, 100%, 0.9); --white-t-10: hsla(0, 0%, 100%, 0.95); --white-t-11: hsla(0, 0%, 100%, 0.98); --white-t-12: hsla(0, 0%, 100%, 0); --sys-info: hsl(183 38% 80%); --sys-info-l-1: hsl(183, 42%, 91%); --sys-info-l-2: hsl(186, 45%, 96%); --sys-info-d-1: hsl(183, 36%, 69%); --sys-info-d-2: hsl(184, 34%, 58%); --sys-info-d-3: hsl(185, 34%, 47%); --sys-info-d-4: hsl(186, 39%, 38%); --sys-info-d-5: hsl(186, 44%, 29%); --sys-info-d-6: hsl(187, 45%, 22%); --sys-info-d-7: hsl(188, 47%, 16%); --sys-info-d-8: hsl(188, 51%, 8%); --sys-success: hsl(148 35% 79%); --sys-warning: hsl(33 75% 76%); --sys-error: hsl(3 61% 28%); --h6: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --h5: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --h4: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --h3: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h2: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --h1: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xs: clamp(1.11rem, calc(0.0008974358974358968 * (100vw - 36rem) + 1.11rem), 1.25rem); --text-xs: clamp(1.24rem, calc(0.0016666666666666668 * (100vw - 36rem) + 1.24rem), 1.5rem); --text-s: clamp(1.4rem, calc(0.002564102564102565 * (100vw - 36rem) + 1.4rem), 1.8rem); --text-m: clamp(1.57rem, calc(0.0037820512820512828 * (100vw - 36rem) + 1.57rem), 2.16rem); --text-l: clamp(1.77rem, calc(0.005256410256410255 * (100vw - 36rem) + 1.77rem), 2.59rem); --text-xl: clamp(1.99rem, calc(0.007179487179487179 * (100vw - 36rem) + 1.99rem), 3.11rem); --text-2xl: clamp(2.24rem, calc(0.00955128205128205 * (100vw - 36rem) + 2.24rem), 3.73rem); --space-2xs: clamp(0.76rem, calc(0.0005769230769230768 * (100vw - 36rem) + 0.76rem), 0.85rem); --space-xs: clamp(1.01rem, calc(0.002371794871794871 * (100vw - 36rem) + 1.01rem), 1.38rem); --space-s: clamp(1.35rem, calc(0.005576923076923077 * (100vw - 36rem) + 1.35rem), 2.22rem); --space-m: clamp(1.8rem, calc(0.011538461538461539 * (100vw - 36rem) + 1.8rem), 3.6rem); --space-l: clamp(2.4rem, calc(0.021923076923076927 * (100vw - 36rem) + 2.4rem), 5.82rem); --space-xl: clamp(3.2rem, calc(0.03987179487179487 * (100vw - 36rem) + 3.2rem), 9.42rem); --space-2xl: clamp(4.26rem, calc(0.07044871794871795 * (100vw - 36rem) + 4.26rem), 15.25rem); --btn-text-2xs: clamp(1.1rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.1rem), 1.3rem); --btn-text-xs: clamp(1.4rem, calc(0.0012820512820512831 * (100vw - 36rem) + 1.4rem), 1.6rem); --btn-text-s: clamp(1.6rem, calc(0.0019230769230769219 * (100vw - 36rem) + 1.6rem), 1.9rem); --btn-text-m: clamp(1.7rem, calc(0.002564102564102565 * (100vw - 36rem) + 1.7rem), 2.1rem); --btn-text-l: clamp(1.9rem, calc(0.003205128205128205 * (100vw - 36rem) + 1.9rem), 2.4rem); --btn-text-xl: clamp(2rem, calc(0.005128205128205127 * (100vw - 36rem) + 2rem), 2.8rem); --btn-text-2xl: clamp(2.2rem, calc(0.008974358974358974 * (100vw - 36rem) + 2.2rem), 3.6rem); --pad-2xs: clamp(0.41rem, calc(0.0027564102564102562 * (100vw - 36rem) + 0.41rem), 0.84rem); --pad-xs: clamp(0.51rem, calc(0.003974358974358974 * (100vw - 36rem) + 0.51rem), 1.13rem); --pad-s: clamp(0.64rem, calc(0.0055128205128205125 * (100vw - 36rem) + 0.64rem), 1.5rem); --pad-m: clamp(0.8rem, calc(0.007692307692307692 * (100vw - 36rem) + 0.8rem), 2rem); --pad-l: clamp(1rem, calc(0.010705128205128204 * (100vw - 36rem) + 1rem), 2.67rem); --pad-xl: clamp(1.25rem, calc(0.014743589743589743 * (100vw - 36rem) + 1.25rem), 3.55rem); --pad-2xl: clamp(1.56rem, calc(0.020384615384615386 * (100vw - 36rem) + 1.56rem), 4.74rem); --radius-s: clamp(0.3rem, calc(0.001923076923076923 * (100vw - 36rem) + 0.3rem), 0.6rem); --radius-m: clamp(0.4rem, calc(0.002564102564102564 * (100vw - 36rem) + 0.4rem), 0.8rem); --radius-l: clamp(0.8rem, calc(0.0025641025641025637 * (100vw - 36rem) + 0.8rem), 1.2rem); --header-height: clamp(3.8rem, calc(0.01666666666666667 * (100vw - 36rem) + 3.8rem), 6.4rem); --header-logo-height: clamp(2.4rem, calc(0.020512820512820513 * (100vw - 36rem) + 2.4rem), 5.6rem); --header-icon-height: clamp(2rem, calc(0.017948717948717947 * (100vw - 36rem) + 2rem), 4.8rem); --btn-s: clamp(0.2rem, calc(0.001282051282051282 * (100vw - 36rem) + 0.2rem), 0.4rem); --btn-m: clamp(0.4rem, calc(0.002564102564102564 * (100vw - 36rem) + 0.4rem), 0.8rem); --btn-l: clamp(0.6rem, calc(0.003846153846153846 * (100vw - 36rem) + 0.6rem), 1.2rem); --btn-xl: clamp(0.8rem, calc(0.005128205128205128 * (100vw - 36rem) + 0.8rem), 1.6rem); --btn-s-txt: clamp(0.8rem, calc(0.0012820512820512818 * (100vw - 36rem) + 0.8rem), 1rem); --btn-m-txt: clamp(1rem, calc(0.003846153846153847 * (100vw - 36rem) + 1rem), 1.6rem); --btn-l-txt: clamp(2rem, calc(0.0025641025641025637 * (100vw - 36rem) + 2rem), 2.4rem); --btn-xl-txt: clamp(2.4rem, calc(0.00512820512820513 * (100vw - 36rem) + 2.4rem), 3.2rem);}.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-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-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); }.text-primary-t-5 { color: var(--primary-t-5); }.text-primary-t-6 { color: var(--primary-t-6); }.text-primary-t-7 { color: var(--primary-t-7); }.text-primary-t-8 { color: var(--primary-t-8); }.text-primary-t-9 { color: var(--primary-t-9); }.text-primary-t-10 { color: var(--primary-t-10); }.text-primary-t-11 { color: var(--primary-t-11); }.text-primary-t-12 { color: var(--primary-t-12); }.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-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-t-1 { color: var(--base-t-1); }.text-base-t-2 { color: var(--base-t-2); }.text-base-t-3 { color: var(--base-t-3); }.text-base-t-4 { color: var(--base-t-4); }.text-base-t-5 { color: var(--base-t-5); }.text-base-t-6 { color: var(--base-t-6); }.text-base-t-7 { color: var(--base-t-7); }.text-base-t-8 { color: var(--base-t-8); }.text-base-t-9 { color: var(--base-t-9); }.text-base-t-10 { color: var(--base-t-10); }.text-base-t-11 { color: var(--base-t-11); }.text-base-t-12 { color: var(--base-t-12); }.fill-iron-oxide { fill: var(--iron-oxide); }.fill-iron-oxide-l-1 { fill: var(--iron-oxide-l-1); }.fill-iron-oxide-l-2 { fill: var(--iron-oxide-l-2); }.fill-iron-oxide-l-3 { fill: var(--iron-oxide-l-3); }.fill-iron-oxide-l-4 { fill: var(--iron-oxide-l-4); }.fill-iron-oxide-l-5 { fill: var(--iron-oxide-l-5); }.fill-iron-oxide-d-1 { fill: var(--iron-oxide-d-1); }.fill-iron-oxide-d-2 { fill: var(--iron-oxide-d-2); }.fill-iron-oxide-d-3 { fill: var(--iron-oxide-d-3); }.fill-iron-oxide-d-4 { fill: var(--iron-oxide-d-4); }.fill-iron-oxide-d-5 { fill: var(--iron-oxide-d-5); }.fill-iron-oxide-t-1 { fill: var(--iron-oxide-t-1); }.fill-iron-oxide-t-2 { fill: var(--iron-oxide-t-2); }.fill-iron-oxide-t-3 { fill: var(--iron-oxide-t-3); }.fill-iron-oxide-t-4 { fill: var(--iron-oxide-t-4); }.fill-iron-oxide-t-5 { fill: var(--iron-oxide-t-5); }.fill-iron-oxide-t-6 { fill: var(--iron-oxide-t-6); }.fill-iron-oxide-t-7 { fill: var(--iron-oxide-t-7); }.fill-iron-oxide-t-8 { fill: var(--iron-oxide-t-8); }.fill-iron-oxide-t-9 { fill: var(--iron-oxide-t-9); }.fill-iron-oxide-t-10 { fill: var(--iron-oxide-t-10); }.fill-iron-oxide-t-11 { fill: var(--iron-oxide-t-11); }.fill-iron-oxide-t-12 { fill: var(--iron-oxide-t-12); }.text-sand { color: var(--sand); }.text-sand-l-1 { color: var(--sand-l-1); }.text-sand-d-1 { color: var(--sand-d-1); }.text-sand-d-2 { color: var(--sand-d-2); }.text-sand-t-1 { color: var(--sand-t-1); }.text-sand-t-2 { color: var(--sand-t-2); }.text-sand-t-3 { color: var(--sand-t-3); }.text-sand-t-4 { color: var(--sand-t-4); }.text-sand-t-5 { color: var(--sand-t-5); }.text-sand-t-6 { color: var(--sand-t-6); }.text-sand-t-7 { color: var(--sand-t-7); }.text-sand-t-8 { color: var(--sand-t-8); }.text-sand-t-9 { color: var(--sand-t-9); }.text-sand-t-10 { color: var(--sand-t-10); }.text-sand-t-11 { color: var(--sand-t-11); }.text-sand-t-12 { color: var(--sand-t-12); }.fill-sand { fill: var(--sand); }.fill-sand-l-1 { fill: var(--sand-l-1); }.fill-sand-d-1 { fill: var(--sand-d-1); }.fill-sand-d-2 { fill: var(--sand-d-2); }.fill-sand-t-1 { fill: var(--sand-t-1); }.fill-sand-t-2 { fill: var(--sand-t-2); }.fill-sand-t-3 { fill: var(--sand-t-3); }.fill-sand-t-4 { fill: var(--sand-t-4); }.fill-sand-t-5 { fill: var(--sand-t-5); }.fill-sand-t-6 { fill: var(--sand-t-6); }.fill-sand-t-7 { fill: var(--sand-t-7); }.fill-sand-t-8 { fill: var(--sand-t-8); }.fill-sand-t-9 { fill: var(--sand-t-9); }.fill-sand-t-10 { fill: var(--sand-t-10); }.fill-sand-t-11 { fill: var(--sand-t-11); }.fill-sand-t-12 { fill: var(--sand-t-12); }.border-sand { border-color: var(--sand); }.border-sand-l-1 { border-color: var(--sand-l-1); }.border-sand-d-1 { border-color: var(--sand-d-1); }.border-sand-d-2 { border-color: var(--sand-d-2); }.border-sand-t-1 { border-color: var(--sand-t-1); }.border-sand-t-2 { border-color: var(--sand-t-2); }.border-sand-t-3 { border-color: var(--sand-t-3); }.border-sand-t-4 { border-color: var(--sand-t-4); }.border-sand-t-5 { border-color: var(--sand-t-5); }.border-sand-t-6 { border-color: var(--sand-t-6); }.border-sand-t-7 { border-color: var(--sand-t-7); }.border-sand-t-8 { border-color: var(--sand-t-8); }.border-sand-t-9 { border-color: var(--sand-t-9); }.border-sand-t-10 { border-color: var(--sand-t-10); }.border-sand-t-11 { border-color: var(--sand-t-11); }.border-sand-t-12 { border-color: var(--sand-t-12); }.fill-white { fill: var(--white); }.fill-white-t-1 { fill: var(--white-t-1); }.fill-white-t-2 { fill: var(--white-t-2); }.fill-white-t-3 { fill: var(--white-t-3); }.fill-white-t-4 { fill: var(--white-t-4); }.fill-white-t-5 { fill: var(--white-t-5); }.fill-white-t-6 { fill: var(--white-t-6); }.fill-white-t-7 { fill: var(--white-t-7); }.fill-white-t-8 { fill: var(--white-t-8); }.fill-white-t-9 { fill: var(--white-t-9); }.fill-white-t-10 { fill: var(--white-t-10); }.fill-white-t-11 { fill: var(--white-t-11); }.fill-white-t-12 { fill: var(--white-t-12); }.fill-black { fill: var(--black); }.fill-black-t-1 { fill: var(--black-t-1); }.fill-black-t-2 { fill: var(--black-t-2); }.fill-black-t-3 { fill: var(--black-t-3); }.fill-black-t-4 { fill: var(--black-t-4); }.fill-black-t-5 { fill: var(--black-t-5); }.fill-black-t-6 { fill: var(--black-t-6); }.fill-black-t-7 { fill: var(--black-t-7); }.fill-black-t-8 { fill: var(--black-t-8); }.fill-black-t-9 { fill: var(--black-t-9); }.fill-black-t-10 { fill: var(--black-t-10); }.fill-black-t-11 { fill: var(--black-t-11); }.fill-black-t-12 { fill: var(--black-t-12); }