:root { --primary: hsl(42, 100%, 65%); --primary-l-1: rgb(255, 219, 136); --primary-l-2: rgb(255, 237, 196); --primary-d-1: rgb(170, 134, 51); --primary-d-2: rgb(85, 67, 26); --primary-t-1: rgba(255, 206, 93, 0.91); --primary-t-2: rgba(255, 211, 109, 0.82); --primary-t-3: rgba(255, 216, 126, 0.73); --primary-t-4: rgba(255, 221, 142, 0.64); --primary-t-5: rgba(255, 226, 158, 0.55); --primary-t-6: rgba(255, 230, 174, 0.45); --primary-t-7: rgba(255, 235, 190, 0.36); --primary-t-8: rgba(255, 240, 206, 0.27); --primary-t-9: rgba(255, 245, 223, 0.18); --primary-t-10: rgba(255, 250, 239, 0.09); --secondary: hsl(0, 100%, 65%); --secondary-l-1: rgb(255, 136, 136); --secondary-l-2: rgb(255, 196, 196); --secondary-d-1: rgb(170, 51, 51); --secondary-d-2: rgb(85, 26, 26); --secondary-t-1: rgba(255, 93, 93, 0.91); --secondary-t-2: rgba(255, 109, 109, 0.82); --secondary-t-3: rgba(255, 126, 126, 0.73); --secondary-t-4: rgba(255, 142, 142, 0.64); --secondary-t-5: rgba(255, 158, 158, 0.55); --secondary-t-6: rgba(255, 174, 174, 0.45); --secondary-t-7: rgba(255, 190, 190, 0.36); --secondary-t-8: rgba(255, 206, 206, 0.27); --secondary-t-9: rgba(255, 223, 223, 0.18); --secondary-t-10: rgba(255, 239, 239, 0.09); --tertiary: hsl(242, 100%, 65%); --tertiary-l-1: rgb(140, 136, 255); --tertiary-l-2: rgb(197, 196, 255); --tertiary-d-1: rgb(55, 51, 170); --tertiary-d-2: rgb(27, 26, 85); --tertiary-t-1: rgba(98, 93, 255, 0.91); --tertiary-t-2: rgba(113, 109, 255, 0.82); --tertiary-t-3: rgba(129, 126, 255, 0.73); --tertiary-t-4: rgba(145, 142, 255, 0.64); --tertiary-t-5: rgba(161, 158, 255, 0.55); --tertiary-t-6: rgba(176, 174, 255, 0.45); --tertiary-t-7: rgba(192, 190, 255, 0.36); --tertiary-t-8: rgba(208, 206, 255, 0.27); --tertiary-t-9: rgba(224, 223, 255, 0.18); --tertiary-t-10: rgba(239, 239, 255, 0.09); --action: hsl(296, 100%, 65%); --action-l-1: rgb(247, 136, 255); --action-l-2: rgb(251, 196, 255); --action-d-1: rgb(162, 51, 170); --action-d-2: rgb(81, 26, 85); --action-t-1: rgba(244, 93, 255, 0.91); --action-t-2: rgba(245, 109, 255, 0.82); --action-t-3: rgba(246, 126, 255, 0.73); --action-t-4: rgba(247, 142, 255, 0.64); --action-t-5: rgba(248, 158, 255, 0.55); --action-t-6: rgba(250, 174, 255, 0.45); --action-t-7: rgba(251, 190, 255, 0.36); --action-t-8: rgba(252, 206, 255, 0.27); --action-t-9: rgba(253, 223, 255, 0.18); --action-t-10: rgba(254, 239, 255, 0.09); --base: hsl(46, 2%, 20%); --base-l-1: rgb(120, 120, 118); --base-l-2: rgb(187, 187, 187); --base-d-1: rgb(35, 35, 33); --base-d-2: rgb(17, 17, 17); --base-t-1: rgba(70, 70, 69, 0.91); --base-t-2: rgba(89, 89, 87, 0.82); --base-t-3: rgba(107, 107, 106, 0.73); --base-t-4: rgba(126, 126, 125, 0.64); --base-t-5: rgba(144, 144, 143, 0.55); --base-t-6: rgba(163, 163, 162, 0.45); --base-t-7: rgba(181, 181, 180, 0.36); --base-t-8: rgba(200, 200, 199, 0.27); --base-t-9: rgba(218, 218, 218, 0.18); --base-t-10: rgba(237, 237, 236, 0.09); --neutral: hsl(0, 0%, 0%); --neutral-l-1: rgb(51, 51, 51); --neutral-l-2: rgb(102, 102, 102); --neutral-l-3: rgb(153, 153, 153); --neutral-l-4: rgb(204, 204, 204); --neutral-d-1: rgb(0, 0, 0); --neutral-d-2: rgb(0, 0, 0); --neutral-d-3: rgb(0, 0, 0); --neutral-t-1: rgba(23, 23, 23, 0.91); --neutral-t-2: rgba(46, 46, 46, 0.82); --neutral-t-3: rgba(70, 70, 70, 0.73); --neutral-t-4: rgba(93, 93, 93, 0.64); --neutral-t-5: rgba(116, 116, 116, 0.55); --neutral-t-6: rgba(139, 139, 139, 0.45); --neutral-t-7: rgba(162, 162, 162, 0.36); --neutral-t-8: rgba(185, 185, 185, 0.27); --neutral-t-9: rgba(209, 209, 209, 0.18); --neutral-t-10: rgba(232, 232, 232, 0.09); --black: hsl(0, 0%, 0%); --black-t-1: rgba(23, 23, 23, 0.91); --black-t-2: rgba(46, 46, 46, 0.82); --black-t-3: rgba(70, 70, 70, 0.73); --black-t-4: rgba(93, 93, 93, 0.64); --black-t-5: rgba(116, 116, 116, 0.55); --black-t-6: rgba(139, 139, 139, 0.45); --black-t-7: rgba(162, 162, 162, 0.36); --black-t-8: rgba(185, 185, 185, 0.27); --black-t-9: rgba(209, 209, 209, 0.18); --black-t-10: rgba(232, 232, 232, 0.09); --white: hsl(0, 0%, 100%); --white-t-1: rgba(255, 255, 255, 0.91); --white-t-2: rgba(255, 255, 255, 0.82); --white-t-3: rgba(255, 255, 255, 0.73); --white-t-4: rgba(255, 255, 255, 0.64); --white-t-5: rgba(255, 255, 255, 0.55); --white-t-6: rgba(255, 255, 255, 0.45); --white-t-7: rgba(255, 255, 255, 0.36); --white-t-8: rgba(255, 255, 255, 0.27); --white-t-9: rgba(255, 255, 255, 0.18); --white-t-10: rgba(255, 255, 255, 0.09); --space-xxs: clamp(0.82rem, calc(0.0002127659574468087 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0011702127659574456 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.0023404255319148934 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.004255319148936169 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.007127659574468084 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.011170212765957446 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-xxl: clamp(3.13rem, calc(0.017127659574468088 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-2xs: clamp(0.82rem, calc(0.0002127659574468087 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0011702127659574456 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.0023404255319148934 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.004255319148936169 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.007127659574468084 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.011170212765957446 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.017127659574468088 * (100vw - 36rem) + 3.13rem), 4.74rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.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); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.bg-secondary-t-5 { background-color: var(--secondary-t-5); }.bg-secondary-t-6 { background-color: var(--secondary-t-6); }.bg-secondary-t-7 { background-color: var(--secondary-t-7); }.bg-secondary-t-8 { background-color: var(--secondary-t-8); }.bg-secondary-t-9 { background-color: var(--secondary-t-9); }.bg-secondary-t-10 { background-color: var(--secondary-t-10); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.text-secondary-t-5 { color: var(--secondary-t-5); }.text-secondary-t-6 { color: var(--secondary-t-6); }.text-secondary-t-7 { color: var(--secondary-t-7); }.text-secondary-t-8 { color: var(--secondary-t-8); }.text-secondary-t-9 { color: var(--secondary-t-9); }.text-secondary-t-10 { color: var(--secondary-t-10); }.bg-tertiary { background-color: var(--tertiary); }.bg-tertiary-l-1 { background-color: var(--tertiary-l-1); }.bg-tertiary-l-2 { background-color: var(--tertiary-l-2); }.bg-tertiary-d-1 { background-color: var(--tertiary-d-1); }.bg-tertiary-d-2 { background-color: var(--tertiary-d-2); }.bg-tertiary-t-1 { background-color: var(--tertiary-t-1); }.bg-tertiary-t-2 { background-color: var(--tertiary-t-2); }.bg-tertiary-t-3 { background-color: var(--tertiary-t-3); }.bg-tertiary-t-4 { background-color: var(--tertiary-t-4); }.bg-tertiary-t-5 { background-color: var(--tertiary-t-5); }.bg-tertiary-t-6 { background-color: var(--tertiary-t-6); }.bg-tertiary-t-7 { background-color: var(--tertiary-t-7); }.bg-tertiary-t-8 { background-color: var(--tertiary-t-8); }.bg-tertiary-t-9 { background-color: var(--tertiary-t-9); }.bg-tertiary-t-10 { background-color: var(--tertiary-t-10); }.text-tertiary { color: var(--tertiary); }.text-tertiary-l-1 { color: var(--tertiary-l-1); }.text-tertiary-l-2 { color: var(--tertiary-l-2); }.text-tertiary-d-1 { color: var(--tertiary-d-1); }.text-tertiary-d-2 { color: var(--tertiary-d-2); }.text-tertiary-t-1 { color: var(--tertiary-t-1); }.text-tertiary-t-2 { color: var(--tertiary-t-2); }.text-tertiary-t-3 { color: var(--tertiary-t-3); }.text-tertiary-t-4 { color: var(--tertiary-t-4); }.text-tertiary-t-5 { color: var(--tertiary-t-5); }.text-tertiary-t-6 { color: var(--tertiary-t-6); }.text-tertiary-t-7 { color: var(--tertiary-t-7); }.text-tertiary-t-8 { color: var(--tertiary-t-8); }.text-tertiary-t-9 { color: var(--tertiary-t-9); }.text-tertiary-t-10 { color: var(--tertiary-t-10); }.bg-action { background-color: var(--action); }.bg-action-l-1 { background-color: var(--action-l-1); }.bg-action-l-2 { background-color: var(--action-l-2); }.bg-action-d-1 { background-color: var(--action-d-1); }.bg-action-d-2 { background-color: var(--action-d-2); }.bg-action-t-1 { background-color: var(--action-t-1); }.bg-action-t-2 { background-color: var(--action-t-2); }.bg-action-t-3 { background-color: var(--action-t-3); }.bg-action-t-4 { background-color: var(--action-t-4); }.bg-action-t-5 { background-color: var(--action-t-5); }.bg-action-t-6 { background-color: var(--action-t-6); }.bg-action-t-7 { background-color: var(--action-t-7); }.bg-action-t-8 { background-color: var(--action-t-8); }.bg-action-t-9 { background-color: var(--action-t-9); }.bg-action-t-10 { background-color: var(--action-t-10); }.text-action { color: var(--action); }.text-action-l-1 { color: var(--action-l-1); }.text-action-l-2 { color: var(--action-l-2); }.text-action-d-1 { color: var(--action-d-1); }.text-action-d-2 { color: var(--action-d-2); }.text-action-t-1 { color: var(--action-t-1); }.text-action-t-2 { color: var(--action-t-2); }.text-action-t-3 { color: var(--action-t-3); }.text-action-t-4 { color: var(--action-t-4); }.text-action-t-5 { color: var(--action-t-5); }.text-action-t-6 { color: var(--action-t-6); }.text-action-t-7 { color: var(--action-t-7); }.text-action-t-8 { color: var(--action-t-8); }.text-action-t-9 { color: var(--action-t-9); }.text-action-t-10 { color: var(--action-t-10); }.bg-base { background-color: var(--base); }.bg-base-l-1 { background-color: var(--base-l-1); }.bg-base-l-2 { background-color: var(--base-l-2); }.bg-base-d-1 { background-color: var(--base-d-1); }.bg-base-d-2 { background-color: var(--base-d-2); }.bg-base-t-1 { background-color: var(--base-t-1); }.bg-base-t-2 { background-color: var(--base-t-2); }.bg-base-t-3 { background-color: var(--base-t-3); }.bg-base-t-4 { background-color: var(--base-t-4); }.bg-base-t-5 { background-color: var(--base-t-5); }.bg-base-t-6 { background-color: var(--base-t-6); }.bg-base-t-7 { background-color: var(--base-t-7); }.bg-base-t-8 { background-color: var(--base-t-8); }.bg-base-t-9 { background-color: var(--base-t-9); }.bg-base-t-10 { background-color: var(--base-t-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-d-1 { color: var(--base-d-1); }.text-base-d-2 { color: var(--base-d-2); }.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); }.bg-neutral { background-color: var(--neutral); }.bg-neutral-l-1 { background-color: var(--neutral-l-1); }.bg-neutral-l-2 { background-color: var(--neutral-l-2); }.bg-neutral-l-3 { background-color: var(--neutral-l-3); }.bg-neutral-l-4 { background-color: var(--neutral-l-4); }.bg-neutral-d-1 { background-color: var(--neutral-d-1); }.bg-neutral-d-2 { background-color: var(--neutral-d-2); }.bg-neutral-d-3 { background-color: var(--neutral-d-3); }.bg-neutral-t-1 { background-color: var(--neutral-t-1); }.bg-neutral-t-2 { background-color: var(--neutral-t-2); }.bg-neutral-t-3 { background-color: var(--neutral-t-3); }.bg-neutral-t-4 { background-color: var(--neutral-t-4); }.bg-neutral-t-5 { background-color: var(--neutral-t-5); }.bg-neutral-t-6 { background-color: var(--neutral-t-6); }.bg-neutral-t-7 { background-color: var(--neutral-t-7); }.bg-neutral-t-8 { background-color: var(--neutral-t-8); }.bg-neutral-t-9 { background-color: var(--neutral-t-9); }.bg-neutral-t-10 { background-color: var(--neutral-t-10); }.border-neutral { border-color: var(--neutral); }.border-neutral-l-1 { border-color: var(--neutral-l-1); }.border-neutral-l-2 { border-color: var(--neutral-l-2); }.border-neutral-l-3 { border-color: var(--neutral-l-3); }.border-neutral-l-4 { border-color: var(--neutral-l-4); }.border-neutral-d-1 { border-color: var(--neutral-d-1); }.border-neutral-d-2 { border-color: var(--neutral-d-2); }.border-neutral-d-3 { border-color: var(--neutral-d-3); }.border-neutral-t-1 { border-color: var(--neutral-t-1); }.border-neutral-t-2 { border-color: var(--neutral-t-2); }.border-neutral-t-3 { border-color: var(--neutral-t-3); }.border-neutral-t-4 { border-color: var(--neutral-t-4); }.border-neutral-t-5 { border-color: var(--neutral-t-5); }.border-neutral-t-6 { border-color: var(--neutral-t-6); }.border-neutral-t-7 { border-color: var(--neutral-t-7); }.border-neutral-t-8 { border-color: var(--neutral-t-8); }.border-neutral-t-9 { border-color: var(--neutral-t-9); }.border-neutral-t-10 { border-color: var(--neutral-t-10); }.bg-black { background-color: var(--black); }.bg-black-t-1 { background-color: var(--black-t-1); }.bg-black-t-2 { background-color: var(--black-t-2); }.bg-black-t-3 { background-color: var(--black-t-3); }.bg-black-t-4 { background-color: var(--black-t-4); }.bg-black-t-5 { background-color: var(--black-t-5); }.bg-black-t-6 { background-color: var(--black-t-6); }.bg-black-t-7 { background-color: var(--black-t-7); }.bg-black-t-8 { background-color: var(--black-t-8); }.bg-black-t-9 { background-color: var(--black-t-9); }.bg-black-t-10 { background-color: var(--black-t-10); }.text-black { color: var(--black); }.text-black-t-1 { color: var(--black-t-1); }.text-black-t-2 { color: var(--black-t-2); }.text-black-t-3 { color: var(--black-t-3); }.text-black-t-4 { color: var(--black-t-4); }.text-black-t-5 { color: var(--black-t-5); }.text-black-t-6 { color: var(--black-t-6); }.text-black-t-7 { color: var(--black-t-7); }.text-black-t-8 { color: var(--black-t-8); }.text-black-t-9 { color: var(--black-t-9); }.text-black-t-10 { color: var(--black-t-10); }.bg-white { background-color: var(--white); }.bg-white-t-1 { background-color: var(--white-t-1); }.bg-white-t-2 { background-color: var(--white-t-2); }.bg-white-t-3 { background-color: var(--white-t-3); }.bg-white-t-4 { background-color: var(--white-t-4); }.bg-white-t-5 { background-color: var(--white-t-5); }.bg-white-t-6 { background-color: var(--white-t-6); }.bg-white-t-7 { background-color: var(--white-t-7); }.bg-white-t-8 { background-color: var(--white-t-8); }.bg-white-t-9 { background-color: var(--white-t-9); }.bg-white-t-10 { background-color: var(--white-t-10); }.text-white { color: var(--white); }.text-white-t-1 { color: var(--white-t-1); }.text-white-t-2 { color: var(--white-t-2); }.text-white-t-3 { color: var(--white-t-3); }.text-white-t-4 { color: var(--white-t-4); }.text-white-t-5 { color: var(--white-t-5); }.text-white-t-6 { color: var(--white-t-6); }.text-white-t-7 { color: var(--white-t-7); }.text-white-t-8 { color: var(--white-t-8); }.text-white-t-9 { color: var(--white-t-9); }.text-white-t-10 { color: var(--white-t-10); }