:root { --color-3: oklch(0.6118 0.1603 147.18); --test-accent1: hsl(46, 100%, 42%); --test-accent1-l-1: rgb(224, 187, 64); --test-accent1-l-2: rgb(235, 210, 128); --test-accent1-l-3: rgb(245, 232, 191); --test-accent1-d-1: rgb(161, 123, 0); --test-accent1-d-2: rgb(107, 82, 0); --test-accent1-d-3: rgb(54, 41, 0); --test-accent1-t-1: rgba(218, 172, 23, 0.91); --test-accent1-t-2: rgba(221, 181, 46, 0.82); --test-accent1-t-3: rgba(225, 189, 70, 0.73); --test-accent1-t-4: rgba(229, 197, 93, 0.64); --test-accent1-t-5: rgba(233, 205, 116, 0.55); --test-accent1-t-6: rgba(236, 214, 139, 0.45); --test-accent1-t-7: rgba(240, 222, 162, 0.36); --test-accent1-t-8: rgba(244, 230, 185, 0.27); --test-accent1-t-9: rgba(248, 238, 209, 0.18); --test-accent1-t-10: rgba(251, 247, 232, 0.09); --color-3-l-1: #404040; --color-3-l-2: #808080; --color-3-l-3: #bfbfbf; --primary: hsl(327,66%,52%); --primary-5: hsla(327,66%,52%,0.05); --primary-10: hsla(327,66%,52%,0.1); --primary-20: hsla(327,66%,52%,0.2); --primary-30: hsla(327,66%,52%,0.3); --primary-40: hsla(327,66%,52%,0.4); --primary-50: hsla(327,66%,52%,0.5); --primary-60: hsla(327,66%,52%,0.6); --primary-70: hsla(327,66%,52%,0.7); --primary-80: hsla(327,66%,52%,0.8); --primary-90: hsla(327,66%,52%,0.9); --primary-d-1: hsl(328,57%,43%); --primary-d-2: hsl(328,54%,35%); --primary-d-3: hsl(329,49%,27%); --primary-d-4: hsl(331,43%,19%); --primary-d-5: hsl(333,34%,11%); --primary-l-1: hsl(330,67%,62%); --primary-l-2: hsl(332,70%,71%); --primary-l-3: hsl(334,73%,79%); --primary-l-4: hsl(335,77%,86%); --primary-l-5: hsl(336,81%,93%); --secondary: hsl(279,100%,66%); --secondary-d-1: hsl(279,59%,54%); --secondary-d-2: hsl(279,48%,43%); --secondary-d-3: hsl(279,45%,32%); --secondary-d-4: hsl(279,41%,22%); --secondary-d-5: hsl(280,33%,12%); --secondary-l-1: hsl(280,100%,72%); --secondary-l-2: hsl(281,100%,78%); --secondary-l-3: hsl(282,100%,84%); --secondary-l-4: hsl(283,100%,89%); --secondary-l-5: hsl(284,100%,95%); --bg-body: hsl(0,0%,100%); --bg-surface: hsl(0,0%,97%); --text-body: hsl(27,2%,25%); --text-title: hsl(27,1%,12%); --border-primary: hsla(0,0%,50%,0.25); --shadow-primary: hsla(0,0%,0%,0.25); --light: hsl(0,0%,100%); --light-5: hsla(0,0%,100%,0.05); --light-10: hsla(0,0%,100%,0.1); --light-20: hsla(0,0%,100%,0.2); --light-30: hsla(0,0%,100%,0.3); --light-40: hsla(0,0%,100%,0.4); --light-50: hsla(0,0%,100%,0.5); --light-60: hsla(0,0%,100%,0.6); --light-70: hsla(0,0%,100%,0.7); --light-80: hsla(0,0%,100%,0.8); --light-90: hsla(0,0%,100%,0.9); --dark: hsl(0,0%,0%); --dark-5: hsla(0,0%,0%,0.05); --dark-10: hsla(0,0%,0%,0.1); --dark-20: hsla(0,0%,0%,0.2); --dark-30: hsla(0,0%,0%,0.3); --dark-40: hsla(0,0%,0%,0.4); --dark-50: hsla(0,0%,0%,0.5); --dark-60: hsla(0,0%,0%,0.6); --dark-70: hsla(0,0%,0%,0.7); --dark-80: hsla(0,0%,0%,0.8); --dark-90: hsla(0,0%,0%,0.9); --white: hsl(0,0%,100%); --black: hsl(0,0%,0%); --transparent: hsla(0,0%,0%,0); --text-2xs: clamp(0.82rem, calc(0.00022271714922049017 * (100vw - 46.8rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0012249443207126935 * (100vw - 46.8rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.0024498886414253897 * (100vw - 46.8rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0044543429844097985 * (100vw - 46.8rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.007461024498886414 * (100vw - 46.8rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.011692650334075723 * (100vw - 46.8rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.017928730512249448 * (100vw - 46.8rem) + 3.13rem), 4.74rem); --space-2xs: clamp(1.02rem, calc(0.01681514476614699 * (100vw - 46.8rem) + 1.02rem), 2.53rem); --space-xs: clamp(1.28rem, calc(0.023385300668151445 * (100vw - 46.8rem) + 1.28rem), 3.38rem); --space-s: clamp(1.6rem, calc(0.03229398663697105 * (100vw - 46.8rem) + 1.6rem), 4.5rem); --space-m: clamp(2rem, calc(0.044543429844097995 * (100vw - 46.8rem) + 2rem), 6rem); --space-l: clamp(2.5rem, calc(0.061247216035634745 * (100vw - 46.8rem) + 2.5rem), 8rem); --space-xl: clamp(3.13rem, calc(0.08385300668151448 * (100vw - 46.8rem) + 3.13rem), 10.66rem); --space-2xl: clamp(3.91rem, calc(0.11469933184855235 * (100vw - 46.8rem) + 3.91rem), 14.21rem);}.bg-test-accent1 { background-color: var(--test-accent1); }.bg-test-accent1-l-1 { background-color: var(--test-accent1-l-1); }.bg-test-accent1-l-2 { background-color: var(--test-accent1-l-2); }.bg-test-accent1-l-3 { background-color: var(--test-accent1-l-3); }.bg-test-accent1-d-1 { background-color: var(--test-accent1-d-1); }.bg-test-accent1-d-2 { background-color: var(--test-accent1-d-2); }.bg-test-accent1-d-3 { background-color: var(--test-accent1-d-3); }.bg-test-accent1-t-1 { background-color: var(--test-accent1-t-1); }.bg-test-accent1-t-2 { background-color: var(--test-accent1-t-2); }.bg-test-accent1-t-3 { background-color: var(--test-accent1-t-3); }.bg-test-accent1-t-4 { background-color: var(--test-accent1-t-4); }.bg-test-accent1-t-5 { background-color: var(--test-accent1-t-5); }.bg-test-accent1-t-6 { background-color: var(--test-accent1-t-6); }.bg-test-accent1-t-7 { background-color: var(--test-accent1-t-7); }.bg-test-accent1-t-8 { background-color: var(--test-accent1-t-8); }.bg-test-accent1-t-9 { background-color: var(--test-accent1-t-9); }.bg-test-accent1-t-10 { background-color: var(--test-accent1-t-10); }.text-test-accent1 { color: var(--test-accent1); }.text-test-accent1-l-1 { color: var(--test-accent1-l-1); }.text-test-accent1-l-2 { color: var(--test-accent1-l-2); }.text-test-accent1-l-3 { color: var(--test-accent1-l-3); }.text-test-accent1-d-1 { color: var(--test-accent1-d-1); }.text-test-accent1-d-2 { color: var(--test-accent1-d-2); }.text-test-accent1-d-3 { color: var(--test-accent1-d-3); }.text-test-accent1-t-1 { color: var(--test-accent1-t-1); }.text-test-accent1-t-2 { color: var(--test-accent1-t-2); }.text-test-accent1-t-3 { color: var(--test-accent1-t-3); }.text-test-accent1-t-4 { color: var(--test-accent1-t-4); }.text-test-accent1-t-5 { color: var(--test-accent1-t-5); }.text-test-accent1-t-6 { color: var(--test-accent1-t-6); }.text-test-accent1-t-7 { color: var(--test-accent1-t-7); }.text-test-accent1-t-8 { color: var(--test-accent1-t-8); }.text-test-accent1-t-9 { color: var(--test-accent1-t-9); }.text-test-accent1-t-10 { color: var(--test-accent1-t-10); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.margin-top-2xs { margin-block-start: var(--space-2xs); }.margin-top-xs { margin-block-start: var(--space-xs); }.margin-top-s { margin-block-start: var(--space-s); }.margin-top-m { margin-block-start: var(--space-m); }.margin-top-l { margin-block-start: var(--space-l); }.margin-top-xl { margin-block-start: var(--space-xl); }.margin-top-2xl { margin-block-start: var(--space-2xl); }.margin-left-2xs { margin-inline-start: var(--space-2xs); }.margin-left-xs { margin-inline-start: var(--space-xs); }.margin-left-s { margin-inline-start: var(--space-s); }.margin-left-m { margin-inline-start: var(--space-m); }.margin-left-l { margin-inline-start: var(--space-l); }.margin-left-xl { margin-inline-start: var(--space-xl); }.margin-left-2xl { margin-inline-start: var(--space-2xl); }