:root{--min-viewport:360;--max-viewport:1600;--base-font:10;--clamp-unit:1vw;--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(4,77%,41%,1);--primary-5:hsla(4,77%,41%,0.05);--primary-10:hsla(4,77%,41%,0.1);--primary-20:hsla(4,77%,41%,0.2);--primary-30:hsla(4,77%,41%,0.3);--primary-40:hsla(4,77%,41%,0.4);--primary-50:hsla(4,77%,41%,0.5);--primary-60:hsla(4,77%,41%,0.6);--primary-70:hsla(4,77%,41%,0.7);--primary-80:hsla(4,77%,41%,0.8);--primary-90:hsla(4,77%,41%,0.9);--primary-d-1:hsl(5,76%,36%);--primary-d-2:hsl(6,74%,32%);--primary-d-3:hsl(7,72%,28%);--primary-d-4:hsl(8,70%,23%);--primary-d-5:hsl(9,67%,19%);--primary-d-6:hsl(11,65%,15%);--primary-d-7:hsl(16,66%,10%);--primary-d-8:hsl(17,72%,6%);--primary-l-1:hsl(8,61%,48%);--primary-l-2:hsl(10,59%,55%);--primary-l-3:hsl(11,63%,61%);--primary-l-4:hsl(12,66%,68%);--primary-l-5:hsl(12,69%,75%);--primary-l-6:hsl(12,73%,81%);--primary-l-7:hsl(12,77%,88%);--primary-l-8:hsl(12,81%,94%);--secondary:hsla(0,65%,5%,1);--secondary-5:hsla(0,65%,5%,0.05);--secondary-10:hsla(0,65%,5%,0.1);--secondary-20:hsla(0,65%,5%,0.2);--secondary-30:hsla(0,65%,5%,0.3);--secondary-40:hsla(0,65%,5%,0.4);--secondary-50:hsla(0,65%,5%,0.5);--secondary-60:hsla(0,65%,5%,0.6);--secondary-70:hsla(0,65%,5%,0.7);--secondary-80:hsla(0,65%,5%,0.8);--secondary-90:hsla(0,65%,5%,0.9);--secondary-d-1:hsl(0,69%,4%);--secondary-d-2:hsl(0,70%,4%);--secondary-d-3:hsl(0,71%,4%);--secondary-d-4:hsl(0,72%,3%);--secondary-d-5:hsl(0,72%,2%);--secondary-d-6:hsl(0,72%,2%);--secondary-d-7:hsl(0,72%,1%);--secondary-d-8:hsl(0,72%,1%);--secondary-l-1:hsl(359,14%,14%);--secondary-l-2:hsl(359,8%,23%);--secondary-l-3:hsl(360,5%,33%);--secondary-l-4:hsl(360,3%,43%);--secondary-l-5:hsl(360,3%,54%);--secondary-l-6:hsl(360,3%,65%);--secondary-l-7:hsl(360,3%,76%);--secondary-l-8:hsl(360,3%,88%);--bg-body:hsla(280,26%,95%,1);--bg-surface:hsla(280,100%,99%,1);--bg-surface-5:hsla(280,100%,99%,0.05);--bg-surface-10:hsla(280,100%,99%,0.1);--bg-surface-20:hsla(280,100%,99%,0.2);--bg-surface-30:hsla(280,100%,99%,0.3);--bg-surface-40:hsla(280,100%,99%,0.4);--bg-surface-50:hsla(280,100%,99%,0.5);--bg-surface-60:hsla(280,100%,99%,0.6);--bg-surface-70:hsla(280,100%,99%,0.7);--bg-surface-80:hsla(280,100%,99%,0.8);--bg-surface-90:hsla(280,100%,99%,0.9);--bg-surface-d-1:hsl(276,2%,72%);--bg-surface-d-2:hsl(276,1%,46%);--bg-surface-d-3:hsl(276,1%,23%);--text-body:hsla(0,9%,13%,1);--text-title:hsla(0,8%,9%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsla(280,100%,98%,1);--light-5:hsla(280,100%,98%,0.05);--light-10:hsla(280,100%,98%,0.1);--light-20:hsla(280,100%,98%,0.2);--light-30:hsla(280,100%,98%,0.3);--light-40:hsla(280,100%,98%,0.4);--light-50:hsla(280,100%,98%,0.5);--light-60:hsla(280,100%,98%,0.6);--light-70:hsla(280,100%,98%,0.7);--light-80:hsla(280,100%,98%,0.8);--light-90:hsla(280,100%,98%,0.9);--light-d-1:hsl(282,6%,76%);--light-d-2:hsl(282,2%,56%);--light-d-3:hsl(282,2%,36%);--light-d-4:hsl(282,2%,19%);--dark:hsla(360,13%,12%,1);--dark-5:hsla(0,13%,12%,0.05);--dark-10:hsla(0,13%,12%,0.1);--dark-20:hsla(0,13%,12%,0.2);--dark-30:hsla(0,13%,12%,0.3);--dark-40:hsla(0,13%,12%,0.4);--dark-50:hsla(0,13%,12%,0.5);--dark-60:hsla(0,13%,12%,0.6);--dark-70:hsla(0,13%,12%,0.7);--dark-80:hsla(0,13%,12%,0.8);--dark-90:hsla(0,13%,12%,0.9);--dark-d-1:hsl(0,12%,10%);--dark-d-2:hsl(1,12%,8%);--dark-d-3:hsl(1,14%,6%);--dark-d-4:hsl(1,18%,3%);--success:hsla(136,64%,26%,1);--success-5:hsla(136,64%,26%,0.05);--success-10:hsla(136,64%,26%,0.1);--success-20:hsla(136,64%,26%,0.2);--success-30:hsla(136,64%,26%,0.3);--success-40:hsla(136,64%,26%,0.4);--success-50:hsla(136,64%,26%,0.5);--success-60:hsla(136,64%,26%,0.6);--success-70:hsla(136,64%,26%,0.7);--success-80:hsla(136,64%,26%,0.8);--success-90:hsla(136,64%,26%,0.9);--error:hsla(0,77%,31%,1);--error-5:hsla(0,77%,31%,0.05);--error-10:hsla(0,77%,31%,0.1);--error-20:hsla(0,77%,31%,0.2);--error-30:hsla(0,77%,31%,0.3);--error-40:hsla(0,77%,31%,0.4);--error-50:hsla(0,77%,31%,0.5);--error-60:hsla(0,77%,31%,0.6);--error-70:hsla(0,77%,31%,0.7);--error-80:hsla(0,77%,31%,0.8);--error-90:hsla(0,77%,31%,0.9);--always-light:hsla(280,100%,95%,1);--always-light-d-1:hsl(281,11%,69%);--always-light-d-2:hsl(281,5%,45%);--always-light-d-3:hsl(281,4%,22%);--always-dark:hsla(280,13%,12%,1);--always-dark-d-1:hsl(278,12%,10%);--always-dark-d-2:hsl(280,12%,7%);--always-dark-d-3:hsl(280,16%,4%);--space-4xs:clamp(0.52rem,calc(-0.09vw + 0.55rem),0.42rem);--space-3xs:clamp(0.66rem,calc(-0.05vw + 0.67rem),0.6rem);--space-2xs:clamp(0.82rem,calc(0.03vw + 0.81rem),0.85rem);--space-xs:clamp(1.02rem,calc(0.16vw + 0.97rem),1.2rem);--space-s:clamp(1.28rem,calc(0.39vw + 1.16rem),1.7rem);--space-m:clamp(1.6rem,calc(0.74vw + 1.36rem),2.4rem);--space-l:clamp(2rem,calc(1.29vw + 1.59rem),3.39rem);--space-xl:clamp(2.5rem,calc(2.13vw + 1.82rem),4.8rem);--space-2xl:clamp(3.13rem,calc(3.39vw + 2.04rem),6.78rem);--space-3xl:clamp(3.91rem,calc(5.27vw + 2.22rem),9.59rem);--space-4xl:clamp(4.88rem,calc(8.04vw + 2.31rem),13.57rem);--text-xs:clamp(1.11rem,calc(-0.08vw + 1.13rem),1.02rem);--text-s:clamp(1.24rem,calc(0.03vw + 1.23rem),1.28rem);--text-m:clamp(1.4rem,calc(0.19vw + 1.34rem),1.6rem);--text-l:clamp(1.57rem,calc(0.39vw + 1.45rem),2rem);--text-xl:clamp(1.77rem,calc(0.67vw + 1.56rem),2.5rem);--text-2xl:clamp(1.99rem,calc(1.05vw + 1.66rem),3.13rem);--text-3xl:clamp(2.24rem,calc(1.54vw + 1.75rem),3.91rem);--text-4xl:clamp(2.52rem,calc(2.19vw + 1.82rem),4.88rem);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--radius-xs:0.25rem;--radius-s:.5rem;--radius-m:1rem;--radius-l:2rem;--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary)}