:root {--min-viewport: 360;--max-viewport: 1400;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1400px;--primary: hsla(20.8,83.64%,56.86%,1);--primary-d-1: hsla(21,61%,45%,1);--primary-d-2: hsla(21,59%,34%,1);--primary-d-3: hsla(21,54%,23%,1);--primary-d-4: hsla(21,46%,13%,1);--primary-l-1: hsla(21,89%,66%,1);--primary-l-2: hsla(20,96%,75%,1);--primary-l-3: hsla(20,100%,84%,1);--primary-l-4: hsla(21,100%,92%,1);--secondary: #85D3E4;--secondary-d-1: hsla(191,32%,56%,1);--secondary-d-2: hsla(191,24%,41%,1);--secondary-d-3: hsla(191,22%,27%,1);--secondary-d-4: hsla(206,47%,6%,1);--secondary-l-1: hsla(191,63%,77%,1);--secondary-l-2: hsla(191,62%,83%,1);--secondary-l-3: hsla(191,62%,89%,1);--secondary-l-4: hsla(212,17%,83%,1);--tertiary: hsla(229.09,5.47%,60.59%,1);--tertiary-d-1: hsla(229,3%,48%,1);--tertiary-d-2: hsla(229,3%,35%,1);--tertiary-d-3: hsla(229,3%,24%,1);--tertiary-d-4: hsla(229,3%,13%,1);--tertiary-l-1: hsla(229,6%,68%,1);--tertiary-l-2: hsla(229,6%,76%,1);--tertiary-l-3: hsla(230,6%,84%,1);--tertiary-l-4: hsla(230,6%,92%,1);--accent: hsla(28.57,57.8%,78.63%,1);--accent-d-1: hsla(29,25%,61%,1);--accent-d-2: hsla(28,15%,45%,1);--accent-d-3: hsla(28,14%,30%,1);--accent-d-4: hsla(28,12%,16%,1);--accent-l-1: hsla(28,59%,83%,1);--accent-l-2: hsla(28,60%,87%,1);--accent-l-3: hsla(28,61%,92%,1);--accent-l-4: hsla(27,63%,96%,1);--bg-body: hsla(210,20%,98%,1);--bg-white: hsla(0,100%,100%,1);--bg-light: hsla(28,61%,92%,1);--bg-dark: hsla(229,3%,13%,1);--bg-dark-d-1: hsla(210,3%,11%,1);--bg-dark-d-2: hsla(210,3%,9%,1);--bg-dark-d-3: hsla(210,3%,7%,1);--bg-dark-d-4: hsla(210,4%,4%,1);--bg-dark-l-1: hsla(210,1%,28%,1);--bg-dark-l-2: hsla(210,1%,44%,1);--bg-dark-l-3: hsla(210,1%,62%,1);--bg-dark-l-4: hsla(210,1%,81%,1);--text-body: hsla(0,0%,15%,1);--text-body-light: hsla(43,10%,90%,1);--text-title: hsla(295,8%,9%,1);--btn-primary: hsla(21,84%,57%,1);--btn-primary-d-1: hsla(21,61%,45%,1);--btn-primary-d-2: hsla(21,59%,34%,1);--btn-primary-d-3: hsla(21,54%,23%,1);--btn-primary-d-4: hsla(22,45%,13%,1);--btn-outline-primary: hsla(21,84%,57%,1);--btn-secondary: hsla(29,58%,79%,1);--btn-secondary-d-1: hsla(29,25%,61%,1);--btn-secondary-d-2: hsla(28,15%,45%,1);--btn-secondary-d-3: hsla(29,14%,30%,1);--btn-secondary-d-4: hsla(24,12%,16%,1);--btn-secondary-outline: hsla(29,58%,79%,1);--border-primary: hsla(0,0%,23%,1);--shadow-primary: hsla(206,47%,6%,1);--shadow-primary-5: hsla(206,47%,6%,0.05);--shadow-primary-10: hsla(206,47%,6%,0.1);--shadow-primary-20: hsla(206,47%,6%,0.2);--shadow-primary-30: hsla(206,47%,6%,0.3);--shadow-primary-40: hsla(206,47%,6%,0.4);--shadow-primary-50: hsla(206,47%,6%,0.5);--shadow-primary-60: hsla(206,47%,6%,0.6);--shadow-primary-70: hsla(206,47%,6%,0.7);--shadow-primary-80: hsla(206,47%,6%,0.8);--shadow-primary-90: hsla(206,47%,6%,0.9);--light: hsla(30,60%,98%,1);--light-d-1: hsla(36,4%,76%,1);--light-d-2: hsla(30,1%,56%,1);--light-d-3: hsla(30,1%,36%,1);--light-d-4: hsla(0,1%,19%,1);--dark: hsla(210,6%,12%,1);--dark-d-1: hsla(200,5%,10%,1);--dark-d-2: hsla(200,4%,8%,1);--dark-d-3: hsla(200,5%,6%,1);--dark-d-4: hsla(200,6%,3%,1);--success: hsl(136,95%,56%);--error: hsl(351,95%,56%);--always-light: hsla(55,100%,97%,1);--always-light-d-1: hsla(56,7%,70%,1);--always-light-d-2: hsla(56,3%,45%,1);--always-light-d-3: hsla(56,3%,23%,1);--always-dark: hsla(210,6%,12%,1);--always-dark-d-1: hsla(220,6%,10%,1);--always-dark-d-2: hsla(210,6%,7%,1);--always-dark-d-3: hsla(210,10%,4%,1);--blush-veil: #fdf7fc;--soft-almond: #fdfaf7;--feather-gray: #f9fafb;--morning-dew: #f7fdf7;--cloud-mist: #f6f9fe;--obsidian: #0B1215;--lava-black: #352f36;--oil-black: #0C0C0C;--midnight-blue: #101720;--oil-slick: #031602;--smoky-black: #101720;--arsenic: #11181c;--oxford-blue: #212a37;--eerie-black: #232023;--gunmetal: #1d1f21;--space-4xs: clamp(0.12rem,calc(0.06vw + 0.11rem),0.19rem);--space-3xs: clamp(0.21rem,calc(0.1vw + 0.18rem),0.31rem);--space-2xs: clamp(0.35rem,calc(0.16vw + 0.29rem),0.52rem);--space-xs: clamp(0.58rem,calc(0.27vw + 0.49rem),0.86rem);--space-s: clamp(0.96rem,calc(0.44vw + 0.82rem),1.44rem);--space-m: clamp(1.6rem,calc(0.74vw + 1.36rem),2.4rem);--space-l: clamp(2.67rem,calc(1.23vw + 2.27rem),4rem);--space-xl: clamp(4.45rem,calc(2.06vw + 3.79rem),6.67rem);--space-2xl: clamp(7.41rem,calc(3.43vw + 6.31rem),11.12rem);--space-3xl: clamp(12.36rem,calc(5.72vw + 10.53rem),18.53rem);--space-4xl: clamp(20.6rem,calc(9.54vw + 17.54rem),30.89rem);--space-5xl: clamp(34.34rem,calc(15.9vw + 29.25rem),51.5rem);--text-xs: clamp(0.97rem,calc(0.05vw + 0.96rem),1.02rem);--text-s: clamp(1.17rem,calc(0.1vw + 1.13rem),1.28rem);--text-m: clamp(1.4rem,calc(0.19vw + 1.34rem),1.6rem);--text-l: clamp(1.68rem,calc(0.3vw + 1.58rem),2rem);--text-xl: clamp(2.02rem,calc(0.45vw + 1.87rem),2.5rem);--text-2xl: clamp(2.42rem,calc(0.65vw + 2.21rem),3.13rem);--text-3xl: clamp(2.9rem,calc(0.93vw + 2.61rem),3.91rem);--text-4xl: clamp(3.48rem,calc(1.3vw + 3.07rem),4.88rem);--text-5xl: clamp(4.18rem,calc(1.78vw + 3.61rem),6.1rem);--text-6xl: clamp(5.02rem,calc(2.42vw + 4.24rem),7.63rem);--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));--dashboard-width: 120rem;--radius-xs: .5rem;--radius-s: 1rem;--radius-m: 2rem;--radius-l: 3rem;--radius-xl: 4rem;--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);}