:root {--min-viewport: 360;--max-viewport: 1400;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1600px;--primary: hsla(172,100%,26%,1);--primary-d-1: hsl(171,76%,24%);--primary-d-2: hsl(170,62%,21%);--primary-d-3: hsl(169,51%,17%);--primary-d-4: hsl(168,41%,13%);--primary-d-5: hsl(166,30%,8%);--primary-l-1: hsl(168,33%,46%);--primary-l-2: hsl(166,27%,60%);--primary-l-3: hsl(165,27%,73%);--primary-l-4: hsl(164,27%,87%);--secondary: hsla(206,100%,16%,1);--secondary-d-1: hsl(209,78%,14%);--secondary-d-2: hsl(212,62%,12%);--secondary-d-3: hsl(214,49%,9%);--secondary-d-4: hsl(214,51%,6%);--secondary-l-1: hsl(214,36%,31%);--secondary-l-2: hsl(216,20%,44%);--secondary-l-3: hsl(217,16%,58%);--secondary-l-4: hsl(218,16%,71%);--secondary-l-5: hsl(219,17%,86%);--bg-body: hsla(280,26%,95%,1);--bg-dark: hsla(209,78%,15%,1);--overlay: hsla(212,62%,13%,1);--overlay-5: hsla(212,62%,13%,0.05);--overlay-10: hsla(212,62%,13%,0.1);--overlay-20: hsla(212,62%,13%,0.2);--overlay-30: hsla(212,62%,13%,0.3);--overlay-40: hsla(212,62%,13%,0.4);--overlay-50: hsla(212,62%,13%,0.5);--overlay-60: hsla(212,62%,13%,0.6);--overlay-70: hsla(212,62%,13%,0.7);--overlay-80: hsla(212,62%,13%,0.8);--overlay-90: hsla(212,62%,13%,0.9);--text-body: hsla(214.26999999999998,4%,24%,1);--text-body-lighter: hsla(214.26999999999998,0%,44%,1);--text-title: hsla(172,100%,26%,1);--text-light: hsla(0,0%,100%,1);--border-primary: hsla(171,100%,25.88%,1);--shadow-primary: hsla(0,0%,0%,0.15);--base: hsla(214,49%,10%,1);--base-medium: hsla(214.29,4%,34.31%,1);--base-dark-2: hsla(210,4.62%,20%,1);--light: hsla(49,100%,98%,1);--light-d-1: hsl(48,9%,82%);--light-d-2: hsl(48,4%,67%);--light-d-3: hsl(48,2%,53%);--light-d-4: hsl(48,2%,39%);--light-d-5: hsl(48,2%,26%);--light-d-6: hsl(48,1%,14%);--dark: hsla(280,13%,12%,1);--dark-d-1: hsl(278,12%,10%);--dark-d-2: hsl(280,12%,8%);--dark-d-3: hsl(280,13%,6%);--dark-d-4: hsl(279,17%,3%);--success: hsl(136,95%,56%);--success-5: hsla(136,95%,56%,0.05);--success-10: hsla(136,95%,56%,0.1);--success-20: hsla(136,95%,56%,0.2);--success-30: hsla(136,95%,56%,0.3);--success-40: hsla(136,95%,56%,0.4);--success-50: hsla(136,95%,56%,0.5);--success-60: hsla(136,95%,56%,0.6);--success-70: hsla(136,95%,56%,0.7);--success-80: hsla(136,95%,56%,0.8);--success-90: hsla(136,95%,56%,0.9);--error: hsl(351,95%,56%);--error-5: hsla(351,95%,56%,0.05);--error-10: hsla(351,95%,56%,0.1);--error-20: hsla(351,95%,56%,0.2);--error-30: hsla(351,95%,56%,0.3);--error-40: hsla(351,95%,56%,0.4);--error-50: hsla(351,95%,56%,0.5);--error-60: hsla(351,95%,56%,0.6);--error-70: hsla(351,95%,56%,0.7);--error-80: hsla(351,95%,56%,0.8);--error-90: hsla(351,95%,56%,0.9);--white: hsla(0,0%,100%,1);--white-d-1: hsl(0,0%,88%);--white-d-2: hsl(0,0%,75%);--white-d-3: hsl(0,0%,64%);--white-d-4: hsl(0,0%,52%);--white-d-5: hsl(0,0%,41%);--white-d-6: hsl(0,0%,31%);--white-d-7: hsl(0,0%,21%);--white-d-8: hsl(0,0%,12%);--black: hsla(340,0%,0%,1);--black-l-1: hsl(0,0%,12%);--black-l-2: hsl(0,0%,21%);--black-l-3: hsl(0,0%,31%);--black-l-4: hsl(0,0%,41%);--space-4xs: clamp(0.52rem,calc(-0.08vw + 0.55rem),0.42rem);--space-3xs: clamp(0.66rem,calc(-0.04vw + 0.67rem),0.6rem);--space-2xs: clamp(0.82rem,calc(0.02vw + 0.81rem),0.85rem);--space-xs: clamp(1.02rem,calc(0.14vw + 0.98rem),1.2rem);--space-s: clamp(1.28rem,calc(0.33vw + 1.18rem),1.7rem);--space-m: clamp(1.6rem,calc(0.63vw + 1.4rem),2.4rem);--space-l: clamp(2rem,calc(1.09vw + 1.65rem),3.39rem);--space-xl: clamp(2.5rem,calc(1.8vw + 1.93rem),4.8rem);--space-2xl: clamp(3.13rem,calc(2.86vw + 2.21rem),6.78rem);--space-3xl: clamp(3.91rem,calc(4.44vw + 2.48rem),9.59rem);--space-4xl: clamp(4.88rem,calc(6.78vw + 2.71rem),13.57rem);--text-xs: clamp(1.04rem,calc(-0.11vw + 1.08rem),0.9rem);--text-s: clamp(1.25rem,calc(-0.04vw + 1.26rem),1.2rem);--text-m: clamp(1.5rem,calc(0.08vw + 1.48rem),1.6rem);--text-l: clamp(1.8rem,calc(0.26vw + 1.72rem),2.13rem);--text-xl: clamp(2.16rem,calc(0.53vw + 1.99rem),2.84rem);--text-2xl: clamp(2.59rem,calc(0.94vw + 2.29rem),3.79rem);--text-3xl: clamp(3.11rem,calc(1.52vw + 2.63rem),5.05rem);--text-4xl: clamp(3.73rem,calc(2.34vw + 2.98rem),6.73rem);--mobiletext-xs: clamp(1.11rem,calc(-0.07vw + 1.13rem),1.01rem);--mobiletext-s: clamp(1.24rem,calc(0.08vw + 1.22rem),1.35rem);--mobiletext-m: clamp(1.4rem,calc(0.31vw + 1.3rem),1.8rem);--mobiletext-l: clamp(1.57rem,calc(0.64vw + 1.37rem),2.4rem);--mobiletext-xl: clamp(1.77rem,calc(1.11vw + 1.42rem),3.2rem);--mobiletext-2xl: clamp(1.99rem,calc(1.77vw + 1.43rem),4.26rem);--mobiletext-3xl: clamp(2.24rem,calc(2.69vw + 1.38rem),5.68rem);--mobiletext-4xl: clamp(2.52rem,calc(3.95vw + 1.26rem),7.58rem);--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));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--radius-xs: .5rem;--radius-s: 1rem;--radius-m: 2rem;--radius-l: 3rem;--radius-full: 999rem;--border-size-xs: 1px;--border-size-s: 2px;--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);--input-size: 50px;}