:root {--space-l: clamp(1.875rem, 1.7679rem + 0.5357vw, 2.25rem);--color-secondary: hsl(275, 100%, 45%);--color-primary: hsl(255, 100%, 50%);--step--1: clamp(0.8333rem, 0.8036rem + 0.1488vw, 0.9375rem);--color-background: hsl(0 0% 10%);--step-2: clamp(1.1865rem, 1.0627rem + 0.6193vw, 1.62rem);--color-text: hsl(0, 0%, 90%);--step-0: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem);--shade-background-light-10: hsl(from var(--color-background) h s calc(l + 10));--shade-background-transparent-25: hsl(from var(--color-background) h s l / 0.25);--shade-background-dark-20: hsl(from var(--color-background) h s calc(l - 20));--step-1: clamp(1.0547rem, 0.9703rem + 0.4219vw, 1.35rem);--shade-background-light-20: hsl(from var(--color-background) h s calc(l + 20));--step-6: clamp(1.9006rem, 1.4838rem + 2.0838vw, 3.3592rem);--shade-background-dark-10: hsl(from var(--color-background) h s calc(l - 10));--space-xs: clamp(0.6875rem, 0.6339rem + 0.2679vw, 0.875rem);--space-xl: clamp(2.8125rem, 2.6518rem + 0.8036vw, 3.375rem);--container-width: 1440px;--border-radius: 0.25em;--content-gap: var(--space-xs);--step-3: clamp(1.3348rem, 1.1608rem + 0.8702vw, 1.944rem);--step-4: clamp(1.5017rem, 1.2642rem + 1.1873vw, 2.3328rem);--step-5: clamp(1.6894rem, 1.3723rem + 1.5856vw, 2.7994rem);--space-s: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem);--space-m: clamp(1.4375rem, 1.3661rem + 0.3571vw, 1.6875rem);--shade-background-transparent-50: hsl(from var(--color-background) h s l / 0.5);--shade-background-transparent-75: hsl(from var(--color-background) h s l / 0.75);--shade-primary-light-10: hsl(from var(--color-primary) h s calc(l + 10));--shade-primary-light-20: hsl(from var(--color-primary) h s calc(l + 20));--shade-primary-dark-10: hsl(from var(--color-primary) h s calc(l - 10));--shade-primary-dark-20: hsl(from var(--color-primary) h s calc(l - 20));--shade-primary-transparent-25: hsl(from var(--color-primary) h s l / 0.25);--shade-primary-transparent-50: hsl(from var(--color-primary) h s l / 0.5);--shade-primary-transparent-75: hsl(from var(--color-primary) h s l / 0.75);--shade-secondary-light-10: hsl(from var(--color-secondary) h s calc(l + 10));--shade-secondary-light-20: hsl(from var(--color-secondary) h s calc(l + 20));--shade-secondary-dark-10: hsl(from var(--color-secondary) h s calc(l - 10));--shade-secondary-dark-20: hsl(from var(--color-secondary) h s calc(l - 20));--shade-secondary-transparent-25: hsl(from var(--color-secondary) h s l / 0.25);--shade-secondary-transparent-50: hsl(from var(--color-secondary) h s l / 0.5);--shade-secondary-transparent-75: hsl(from var(--color-secondary) h s l / 0.75);--transition: 0.2s;--icon-size: 4rem;--shade-background-light-05: hsl(from var(--color-background) h s calc(l + 5));--shade-background-light-15: hsl(from var(--color-background) h s calc(l + 15));--shade-background-dark-05: hsl(from var(--color-background) h s calc(l - 5));--shade-background-dark-15: hsl(from var(--color-background) h s calc(l - 15));--shade-color-text-dark-10: hsl(from var(--color-text)h s calc( l - 10));;--shade-color-text-dark-20: hsl(from var(--color-text)h s calc( l - 20));;}