:root {
  --font-primary: "Helvetica Now", sans-serif;
  --font-inter: "Inter", sans-serif;
}

@font-face {
  font-family: "Helvetica Now";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/qXhSS_qRzs6XUO7V04gFT-HelveticaNowDisplay-Bold.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Now";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/soRJXk2zzba9sJpRhk88T-HelveticaNowDisplay-Light.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Now";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/P0WbK5o9p4kiPivdRja01-HelveticaNowDisplay-Medium.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Now";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/-39Ou5eDT85iJ9yQlLxkk-HelveticaNowDisplay-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/inter/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/inter/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/inter/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/inter/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --neutral-light: hsla(0, 0%, 98.04%, 1);
  --silver: hsla(0, 0%, 84.31%, 1);
  --coconut: hsla(25.71, 58.33%, 23.53%, 1);
  --berry: hsla(348, 71.43%, 41.18%, 1);
  --orange: hsla(7.32, 87.23%, 53.92%, 1);
  --tangerine: hsla(27.8, 91.11%, 55.88%, 1);
  --lemon: hsla(42.67, 95.74%, 53.92%, 1);
  --banana: hsla(50, 42.86%, 72.55%, 1);
  --almond: hsla(60, 40%, 90.2%, 1);
  --plum: hsla(204, 100%, 24.51%, 1);
  --prune: hsla(197.78, 87.1%, 69.61%, 1);
  --avocado: hsla(159, 100%, 19.61%, 1);
  --apple: hsla(145.71, 38.89%, 64.71%, 1);
  --grape: hsla(285, 28.57%, 27.45%, 1);
  --cherry: hsla(336, 90.91%, 78.43%, 1);
  --aluminum: hsla(0, 0%, 74.51%, 1);
  --chrome: hsla(0, 0%, 64.71%, 1);
  --platinum: hsla(0, 0%, 54.9%, 1);
  --steel: hsla(0, 0%, 45.1%, 1);
  --iron: hsla(0, 0%, 35.29%, 1);
  --titanium: hsla(0, 0%, 25.49%, 1);
  --neutral-dark: hsla(0, 0%, 15.69%, 1);
  --tungsten: hsla(0, 0%, 5.88%, 1);
  --text-xs: clamp(0.4rem, calc(0.04vw + 0.39rem), 0.45rem);
  --text-s: clamp(0.8rem, calc(0.09vw + 0.77rem), 0.9rem);
  --text-m: clamp(1.6rem, calc(0.18vw + 1.54rem), 1.8rem);
  --text-l: clamp(2.4rem, calc(0.27vw + 2.31rem), 2.7rem);
  --text-xl: clamp(3.2rem, calc(0.36vw + 3.09rem), 3.6rem);
  --text-2xl: clamp(4rem, calc(0.45vw + 3.86rem), 4.5rem);
  --text-3xl: clamp(4.8rem, calc(0.54vw + 4.63rem), 5.4rem);
  --text-4xl: clamp(5.6rem, calc(0.63vw + 5.4rem), 6.3rem);
  --text-5xl: clamp(6.4rem, calc(0.71vw + 6.17rem), 7.2rem);
  --space-4xs: clamp(0rem, calc(0vw + 0rem), 0rem);
  --space-3xs: clamp(0.1rem, calc(0.01vw + 0.1rem), 0.11rem);
  --space-2xs: clamp(0.2rem, calc(0.02vw + 0.19rem), 0.23rem);
  --space-xs: clamp(0.4rem, calc(0.04vw + 0.39rem), 0.45rem);
  --space-s: clamp(0.8rem, calc(0.09vw + 0.77rem), 0.9rem);
  --space-m: clamp(1.6rem, calc(0.18vw + 1.54rem), 1.8rem);
  --space-l: clamp(2.4rem, calc(0.27vw + 2.31rem), 2.7rem);
  --space-xl: clamp(3.2rem, calc(0.36vw + 3.09rem), 3.6rem);
  --space-2xl: clamp(4rem, calc(0.45vw + 3.86rem), 4.5rem);
  --space-3xl: clamp(4.8rem, calc(0.54vw + 4.63rem), 5.4rem);
  --space-4xl: clamp(5.6rem, calc(0.63vw + 5.4rem), 6.3rem);
  --space-5xl: clamp(6.4rem, calc(0.71vw + 6.17rem), 7.2rem);
}
.text-neutral-light {
  color: var(--neutral-light);
}

.bg-neutral-light {
  background-color: var(--neutral-light);
}

.border-neutral-light {
  border-color: var(--neutral-light);
}

.text-silver {
  color: var(--silver);
}

.bg-silver {
  background-color: var(--silver);
}

.border-silver {
  border-color: var(--silver);
}

.text-coconut {
  color: var(--coconut);
}

.bg-coconut {
  background-color: var(--coconut);
}

.border-coconut {
  border-color: var(--coconut);
}

.text-berry {
  color: var(--berry);
}

.bg-berry {
  background-color: var(--berry);
}

.border-berry {
  border-color: var(--berry);
}

.text-orange {
  color: var(--orange);
}

.bg-orange {
  background-color: var(--orange);
}

.border-orange {
  border-color: var(--orange);
}

.text-tangerine {
  color: var(--tangerine);
}

.bg-tangerine {
  background-color: var(--tangerine);
}

.border-tangerine {
  border-color: var(--tangerine);
}

.text-lemon {
  color: var(--lemon);
}

.bg-lemon {
  background-color: var(--lemon);
}

.border-lemon {
  border-color: var(--lemon);
}

.text-banana {
  color: var(--banana);
}

.bg-banana {
  background-color: var(--banana);
}

.border-banana {
  border-color: var(--banana);
}

.text-almond {
  color: var(--almond);
}

.bg-almond {
  background-color: var(--almond);
}

.border-almond {
  border-color: var(--almond);
}

.text-plum {
  color: var(--plum);
}

.bg-plum {
  background-color: var(--plum);
}

.border-plum {
  border-color: var(--plum);
}

.text-prune {
  color: var(--prune);
}

.bg-prune {
  background-color: var(--prune);
}

.border-prune {
  border-color: var(--prune);
}

.text-avocado {
  color: var(--avocado);
}

.bg-avocado {
  background-color: var(--avocado);
}

.border-avocado {
  border-color: var(--avocado);
}

.text-apple {
  color: var(--apple);
}

.bg-apple {
  background-color: var(--apple);
}

.border-apple {
  border-color: var(--apple);
}

.text-grape {
  color: var(--grape);
}

.bg-grape {
  background-color: var(--grape);
}

.border-grape {
  border-color: var(--grape);
}

.text-cherry {
  color: var(--cherry);
}

.bg-cherry {
  background-color: var(--cherry);
}

.border-cherry {
  border-color: var(--cherry);
}

.text-aluminum {
  color: var(--aluminum);
}

.bg-aluminum {
  background-color: var(--aluminum);
}

.border-aluminum {
  border-color: var(--aluminum);
}

.text-chrome {
  color: var(--chrome);
}

.bg-chrome {
  background-color: var(--chrome);
}

.border-chrome {
  border-color: var(--chrome);
}

.text-platinum {
  color: var(--platinum);
}

.bg-platinum {
  background-color: var(--platinum);
}

.border-platinum {
  border-color: var(--platinum);
}

.text-steel {
  color: var(--steel);
}

.bg-steel {
  background-color: var(--steel);
}

.border-steel {
  border-color: var(--steel);
}

.text-iron {
  color: var(--iron);
}

.bg-iron {
  background-color: var(--iron);
}

.border-iron {
  border-color: var(--iron);
}

.text-titanium {
  color: var(--titanium);
}

.bg-titanium {
  background-color: var(--titanium);
}

.border-titanium {
  border-color: var(--titanium);
}

.text-neutral-dark {
  color: var(--neutral-dark);
}

.bg-neutral-dark {
  background-color: var(--neutral-dark);
}

.border-neutral-dark {
  border-color: var(--neutral-dark);
}

.text-tungsten {
  color: var(--tungsten);
}

.bg-tungsten {
  background-color: var(--tungsten);
}

.border-tungsten {
  border-color: var(--tungsten);
}

.padding-4xs {
  padding: var(--space-4xs);
}

.padding-3xs {
  padding: var(--space-3xs);
}

.padding-2xs {
  padding: var(--space-2xs);
}

.padding-xs {
  padding: var(--space-xs);
}

.padding-s {
  padding: var(--space-s);
}

.padding-m {
  padding: var(--space-m);
}

.padding-l {
  padding: var(--space-l);
}

.padding-xl {
  padding: var(--space-xl);
}

.padding-2xl {
  padding: var(--space-2xl);
}

.padding-3xl {
  padding: var(--space-3xl);
}

.padding-4xl {
  padding: var(--space-4xl);
}

.padding-5xl {
  padding: var(--space-5xl);
}

.margin-4xs {
  margin: var(--space-4xs);
}

.margin-3xs {
  margin: var(--space-3xs);
}

.margin-2xs {
  margin: var(--space-2xs);
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-s {
  margin: var(--space-s);
}

.margin-m {
  margin: var(--space-m);
}

.margin-l {
  margin: var(--space-l);
}

.margin-xl {
  margin: var(--space-xl);
}

.margin-2xl {
  margin: var(--space-2xl);
}

.margin-3xl {
  margin: var(--space-3xl);
}

.margin-4xl {
  margin: var(--space-4xl);
}

.margin-5xl {
  margin: var(--space-5xl);
}

.gap-4xs {
  gap: var(--space-4xs);
}

.gap-3xs {
  gap: var(--space-3xs);
}

.gap-2xs {
  gap: var(--space-2xs);
}

.gap-xs {
  gap: var(--space-xs);
}

.gap-s {
  gap: var(--space-s);
}

.gap-m {
  gap: var(--space-m);
}

.gap-l {
  gap: var(--space-l);
}

.gap-xl {
  gap: var(--space-xl);
}

.gap-2xl {
  gap: var(--space-2xl);
}

.gap-3xl {
  gap: var(--space-3xl);
}

.gap-4xl {
  gap: var(--space-4xl);
}

.gap-5xl {
  gap: var(--space-5xl);
}

.corner-4xs {
  border-top-left-radius: var(--space-4xs);
  border-top-right-radius: var(--space-4xs);
  border-bottom-right-radius: var(--space-4xs);
  border-bottom-left-radius: var(--space-4xs);
}

.corner-3xs {
  border-top-left-radius: var(--space-3xs);
  border-top-right-radius: var(--space-3xs);
  border-bottom-right-radius: var(--space-3xs);
  border-bottom-left-radius: var(--space-3xs);
}

.corner-2xs {
  border-top-left-radius: var(--space-2xs);
  border-top-right-radius: var(--space-2xs);
  border-bottom-right-radius: var(--space-2xs);
  border-bottom-left-radius: var(--space-2xs);
}

.corner-xs {
  border-top-left-radius: var(--space-xs);
  border-top-right-radius: var(--space-xs);
  border-bottom-right-radius: var(--space-xs);
  border-bottom-left-radius: var(--space-xs);
}

.corner-s {
  border-top-left-radius: var(--space-s);
  border-top-right-radius: var(--space-s);
  border-bottom-right-radius: var(--space-s);
  border-bottom-left-radius: var(--space-s);
}

.corner-m {
  border-top-left-radius: var(--space-m);
  border-top-right-radius: var(--space-m);
  border-bottom-right-radius: var(--space-m);
  border-bottom-left-radius: var(--space-m);
}

.corner-l {
  border-top-left-radius: var(--space-l);
  border-top-right-radius: var(--space-l);
  border-bottom-right-radius: var(--space-l);
  border-bottom-left-radius: var(--space-l);
}

.corner-xl {
  border-top-left-radius: var(--space-xl);
  border-top-right-radius: var(--space-xl);
  border-bottom-right-radius: var(--space-xl);
  border-bottom-left-radius: var(--space-xl);
}

.corner-2xl {
  border-top-left-radius: var(--space-2xl);
  border-top-right-radius: var(--space-2xl);
  border-bottom-right-radius: var(--space-2xl);
  border-bottom-left-radius: var(--space-2xl);
}

.corner-3xl {
  border-top-left-radius: var(--space-3xl);
  border-top-right-radius: var(--space-3xl);
  border-bottom-right-radius: var(--space-3xl);
  border-bottom-left-radius: var(--space-3xl);
}

.corner-4xl {
  border-top-left-radius: var(--space-4xl);
  border-top-right-radius: var(--space-4xl);
  border-bottom-right-radius: var(--space-4xl);
  border-bottom-left-radius: var(--space-4xl);
}

.corner-5xl {
  border-top-left-radius: var(--space-5xl);
  border-top-right-radius: var(--space-5xl);
  border-bottom-right-radius: var(--space-5xl);
  border-bottom-left-radius: var(--space-5xl);
}