:root { --primary: hsl(248 100% 56%); --secondary: hsl(46, 100%, 62%); --accent: hsl(138, 100%, 65%); --base: hsl(234, 21%, 16%); --secondary-d-1: rgb(204, 168, 49); --secondary-d-2: rgb(153, 126, 37); --secondary-d-3: rgb(102, 84, 24); --secondary-d-4: rgb(51, 42, 12); --secondary-l-1: rgb(255, 219, 100); --secondary-l-2: rgb(255, 228, 139); --secondary-l-3: rgb(255, 237, 177); --secondary-l-4: rgb(255, 246, 216); --accent-d-1: rgb(62, 204, 104); --accent-d-2: rgb(46, 153, 78); --accent-d-3: rgb(31, 102, 52); --accent-d-4: rgb(15, 51, 26); --accent-l-1: rgb(113, 255, 155); --accent-l-2: rgb(148, 255, 180); --accent-l-3: rgb(184, 255, 205); --accent-l-4: rgb(219, 255, 230); --base-l-1: rgb(77, 78, 90); --base-l-2: rgb(121, 122, 131); --base-l-3: rgb(166, 167, 173); --base-l-4: rgb(210, 211, 214); --base-d-1: rgb(26, 27, 39); --base-d-2: rgb(19, 20, 29); --base-d-3: rgb(13, 14, 20); --base-d-4: rgb(6, 7, 10); --primary-l-1: rgb(100, 76, 255); --primary-l-2: rgb(139, 121, 255); --primary-l-3: rgb(177, 165, 255); --primary-l-4: rgb(216, 210, 255); --primary-d-1: rgb(49, 25, 204); --primary-d-2: rgb(37, 19, 153); --primary-d-3: rgb(24, 12, 102); --primary-d-4: rgb(12, 6, 51); --body-color-dark: hsl(216, 8%, 24%); --heading-color-dark: hsl(222, 7%, 18%); --body-color-light: hsl(0, 0%, 73%); --heading-color-light: hsl(0, 0%, 100%); --border-color-light: hsl(0, 0%, 89%); --border-color-dark: hsl(0, 0%, 29%); --box-shadow-color-dark: hsla(0, 0%, 0%, 0.1); --box-shadow-color-light: hsla(0, 0%, 100%, 0.1); --white: hsl(0 0% 100%); --black: hsl(0 0% 0%); --neutral: hsl(0 0% 50%); --transparent: hsla(0, 0%, 0%, 0); --neutral-t-1: rgba(140, 140, 140, 0.91); --neutral-t-2: rgba(151, 151, 151, 0.82); --neutral-t-3: rgba(163, 163, 163, 0.73); --neutral-t-4: rgba(174, 174, 174, 0.64); --neutral-t-5: rgba(186, 186, 186, 0.55); --neutral-t-6: rgba(197, 197, 197, 0.45); --neutral-t-7: rgba(209, 209, 209, 0.36); --neutral-t-8: rgba(220, 220, 220, 0.27); --neutral-t-9: rgba(232, 232, 232, 0.18); --neutral-t-10: rgba(243, 243, 243, 0.09); --neutral-l-1: rgb(153, 153, 153); --neutral-l-2: rgb(179, 179, 179); --neutral-l-3: rgb(204, 204, 204); --neutral-l-4: rgb(230, 230, 230); --neutral-d-1: rgb(102, 102, 102); --neutral-d-2: rgb(77, 77, 77); --neutral-d-3: rgb(51, 51, 51); --neutral-d-4: rgb(26, 26, 26); --white-t-1: rgba(255, 255, 255, 0.89); --white-t-2: rgba(255, 255, 255, 0.78); --white-t-3: rgba(255, 255, 255, 0.67); --white-t-4: rgba(255, 255, 255, 0.56); --white-t-5: rgba(255, 255, 255, 0.44); --white-t-6: rgba(255, 255, 255, 0.33); --white-t-7: rgba(255, 255, 255, 0.22); --white-t-8: rgba(255, 255, 255, 0.11); --black-t-1: rgba(28, 28, 28, 0.89); --black-t-2: rgba(57, 57, 57, 0.78); --black-t-3: rgba(85, 85, 85, 0.67); --black-t-4: rgba(113, 113, 113, 0.56); --black-t-5: rgba(142, 142, 142, 0.44); --black-t-6: rgba(170, 170, 170, 0.33); --black-t-7: rgba(198, 198, 198, 0.22); --black-t-8: rgba(227, 227, 227, 0.11); --notice: hsl(197, 100%, 42%); --warning: hsl(46, 100%, 42%); --error: hsl(0, 100%, 44%); --error-d-1: rgb(179, 0, 0); --error-d-2: rgb(134, 0, 0); --error-d-3: rgb(90, 0, 0); --error-d-4: rgb(45, 0, 0); --error-l-1: rgb(230, 51, 51); --error-l-2: rgb(236, 102, 102); --error-l-3: rgb(243, 153, 153); --error-l-4: rgb(249, 204, 204); --success: hsl(134, 100%, 37%); --success-l-1: rgb(51, 202, 86); --success-l-2: rgb(102, 215, 128); --success-l-3: rgb(153, 229, 171); --success-l-4: rgb(204, 242, 213); --success-d-1: rgb(0, 151, 35); --success-d-2: rgb(0, 113, 26); --success-d-3: rgb(0, 76, 18); --success-d-4: rgb(0, 38, 9); --notice-l-1: rgb(51, 174, 222); --notice-l-2: rgb(102, 194, 230); --notice-l-3: rgb(153, 215, 239); --notice-l-4: rgb(204, 235, 247); --notice-d-1: rgb(0, 123, 171); --notice-d-2: rgb(0, 92, 128); --notice-d-3: rgb(0, 62, 86); --notice-d-4: rgb(0, 31, 43); --warning-l-1: rgb(222, 182, 51); --warning-l-2: rgb(230, 200, 102); --warning-l-3: rgb(239, 219, 153); --warning-l-4: rgb(247, 237, 204); --warning-d-1: rgb(171, 131, 0); --warning-d-2: rgb(128, 98, 0); --warning-d-3: rgb(86, 66, 0); --warning-d-4: rgb(43, 33, 0); --text-xxs: clamp(0.93rem, calc(0.0010185185185185184 * (100vw - 36rem) + 0.93rem), 1.04rem); --text-xs: clamp(1.11rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.11rem), 1.25rem); --text-s: clamp(1.33rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.33rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.0022222222222222244 * (100vw - 36rem) + 1.92rem), 2.16rem); --text-xl: clamp(2.3rem, calc(0.0026851851851851854 * (100vw - 36rem) + 2.3rem), 2.59rem); --text-xxl: clamp(2.76rem, calc(0.0032407407407407415 * (100vw - 36rem) + 2.76rem), 3.11rem); --h6: clamp(1.33rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.33rem), 1.44rem); --h5: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --h4: clamp(1.92rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.92rem), 2.25rem); --h3: clamp(2.3rem, calc(0.004722222222222224 * (100vw - 36rem) + 2.3rem), 2.81rem); --h2: clamp(2.76rem, calc(0.0070370370370370396 * (100vw - 36rem) + 2.76rem), 3.52rem); --h1: clamp(3.32rem, calc(0.009907407407407406 * (100vw - 36rem) + 3.32rem), 4.39rem); --space-xxs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-xxl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --content-gap: var(--space-m); --radius-s: clamp(0.48rem, calc(-0.0002777777777777775 * (100vw - 36rem) + 0.48rem), 0.45rem); --radius-m: clamp(0.6rem, calc(0 * (100vw - 36rem) + 0.6rem), 0.6rem); --radius-l: clamp(0.75rem, calc(0.00046296296296296336 * (100vw - 36rem) + 0.75rem), 0.8rem); --section-xxs: clamp(1.23rem, calc(0.0026851851851851854 * (100vw - 36rem) + 1.23rem), 1.52rem); --section-xs: clamp(1.54rem, calc(0.004537037037037035 * (100vw - 36rem) + 1.54rem), 2.03rem); --section-s: clamp(1.92rem, calc(0.0072222222222222245 * (100vw - 36rem) + 1.92rem), 2.7rem); --section-m: clamp(2.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.4rem), 3.6rem); --section-l: clamp(3rem, calc(0.016666666666666666 * (100vw - 36rem) + 3rem), 4.8rem); --section-xl: clamp(3.75rem, calc(0.02453703703703704 * (100vw - 36rem) + 3.75rem), 6.4rem); --section-xxl: clamp(4.69rem, calc(0.03555555555555555 * (100vw - 36rem) + 4.69rem), 8.53rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}