:root {
  --gap-es: 1rem;
  --gap-xs: 1rem;
  --gap-xs-alt: 1.6rem;
  --gap-s: 2rem;
  --gap-s-alt: 2.4rem;
  --gap-m: 3rem;
  --gap-m-alt: 3.2rem;
  --gap-l: 4rem;
  --gap-l-alt: 4.8rem;
  --gap-xxl: 8rem;
}
@media (max-width: 991px) {
  :root {
    --gap-es: 0.8rem;
    --gap-xs-alt: 0.8rem;
    --gap-s: 1.6rem;
    --gap-s-alt: 1.6rem;
    --gap-m: 2.4rem;
    --gap-m-alt: 2.4rem;
    --gap-l: 2.4rem;
    --gap-l-alt: 3.2rem;
    --gap-xxl: 4rem;
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --gap-es: clamp(0.8rem, calc(0.1785714286vw + 0.7428571429rem), 1rem);
    --gap-xs-alt: clamp(0.8rem, calc(0.7142857143vw + 0.5714285714rem), 1.6rem);
    --gap-s: clamp(1.6rem, calc(0.3571428571vw + 1.4857142857rem), 2rem);
    --gap-s-alt: clamp(1.6rem, calc(0.7142857143vw + 1.3714285714rem), 2.4rem);
    --gap-m: clamp(2.4rem, calc(0.5357142857vw + 2.2285714286rem), 3rem);
    --gap-m-alt: clamp(2.4rem, calc(0.7142857143vw + 2.1714285714rem), 3.2rem);
    --gap-l: clamp(2.4rem, calc(1.4285714286vw + 1.9428571429rem), 4rem);
    --gap-l-alt: clamp(3.2rem, calc(1.4285714286vw + 2.7428571429rem), 4.8rem);
    --gap-xxl: clamp(4rem, calc(3.5714285714vw + 2.8571428571rem), 8rem);
  }
}