/***** CONFIGURATION *****/
html {
  font-size: 62.5%;
}
::selection {
  background-color: var(--primary);
  color: var(--text-on-primary);
}
/***** RESPONSIVE FRAMEWORK VARIABLES *****/
:root {
  --viewport-min: 30;
  --viewport-max: 152;
  --text-xs: calc(0.8 * var(--p));
  --text-s: calc(0.9 * var(--p));
  --text-m: var(--p);
  --text-l: calc(1.2 * var(--p));
  --text-xl: calc(1.4 * var(--p));
  --lh-h1: 1.215;
  --lh-h2: 1.215;
  --lh-h3: 1.325;
  --lh-h4: 1.39;
  --lh-h5: 1.495;
  --lh-h6: 1.54;
  --lh-p: 1.8;
  --h-font-weight: 700;
  --section-padding-x: var(--space-m);
  --section-space-xs: var(--space-l);
  --section-space-s: calc(var(--space-l) * 1.2);
  --section-space-m: calc(var(--space-l) * 1.44);
  --section-space-l: calc(var(--space-l) * 1.728);
  --section-space-xl: calc(var(--space-l) * 2.0736);
  --btn-radius: 4px;
  --radius-xs: 0.2rem;
  --radius-s: 0.3rem;
  --radius-m: 0.45rem;
  --radius-l: 0.675rem;
  --radius-xl: 1.0125rem;
  --box-shadow-color: rgba(255, 255, 255, 0.1);
  --box-shadow-s: 0 1px 3px 0 var(--box-shadow-color), 0 1px 2px -1px var(--box-shadow-color);
  --box-shadow-m: 0 4px 6px -1px var(--box-shadow-color), 0 2px 4px -2px var(--box-shadow-color);
  --box-shadow-l: 0 10px 15px -3px var(--box-shadow-color), 0 4px 6px -4px var(--box-shadow-color);
  --box-shadow-xl: 0 20px 25px -5px var(--box-shadow-color), 0 8px 10px -6px var(--box-shadow-color);
  --width-content: 1280px;
  --width-xs: 22rem;
  --width-s: 30.8rem;
  --width-m: 43.12rem;
  --width-l: 60.368rem;
  --width-xl: 84.5152rem;
}
/***** BREAKPOINT CALCULATION HELPERS *****/
/***** FLUID TYPORAPHY CSS MATH *****/
:root {
  --p: 1.7rem;
  --h6: 1.7rem;
  --h5: 1.91rem;
  --h4: 2.15rem;
  --h3: 2.42rem;
  --h2: 2.72rem;
  --h1: 3.06rem;
  --space-xs: 0.8rem;
  --space-s: 1.28rem;
  --space-m: 2.05rem;
  --space-l: 3.28rem;
  --space-xl: 5.24rem;
  --space-xxl: 8.39rem;
}
@media (min-width: 380px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.92rem;
    --h4: 2.16rem;
    --h3: 2.43rem;
    --h2: 2.74rem;
    --h1: 3.09rem;
    --space-xs: 0.81rem;
    --space-s: 1.3rem;
    --space-m: 2.09rem;
    --space-l: 3.35rem;
    --space-xl: 5.39rem;
    --space-xxl: 8.67rem;
  }
}
@media (min-width: 480px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.92rem;
    --h4: 2.17rem;
    --h3: 2.46rem;
    --h2: 2.78rem;
    --h1: 3.14rem;
    --space-xs: 0.82rem;
    --space-s: 1.33rem;
    --space-m: 2.15rem;
    --space-l: 3.49rem;
    --space-xl: 5.65rem;
    --space-xxl: 9.15rem;
  }
}
@media (min-width: 768px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.94rem;
    --h4: 2.21rem;
    --h3: 2.52rem;
    --h2: 2.88rem;
    --h1: 3.28rem;
    --space-xs: 0.86rem;
    --space-s: 1.42rem;
    --space-m: 2.35rem;
    --space-l: 3.89rem;
    --space-xl: 6.44rem;
    --space-xxl: 10.66rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.95rem;
    --h4: 2.25rem;
    --h3: 2.58rem;
    --h2: 2.97rem;
    --h1: 3.41rem;
    --space-xs: 0.89rem;
    --space-s: 1.5rem;
    --space-m: 2.53rem;
    --space-l: 4.27rem;
    --space-xl: 7.21rem;
    --space-xxl: 12.17rem;
  }
}
@media (min-width: 1336px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.97rem;
    --h4: 2.29rem;
    --h3: 2.65rem;
    --h2: 3.08rem;
    --h1: 3.57rem;
    --space-xs: 0.93rem;
    --space-s: 1.6rem;
    --space-m: 2.76rem;
    --space-l: 4.77rem;
    --space-xl: 8.25rem;
    --space-xxl: 14.24rem;
  }
}
@media (min-width: 1536px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 1.98rem;
    --h4: 2.31rem;
    --h3: 2.7rem;
    --h2: 3.15rem;
    --h1: 3.68rem;
    --space-xs: 0.95rem;
    --space-s: 1.67rem;
    --space-m: 2.92rem;
    --space-l: 5.12rem;
    --space-xl: 8.97rem;
    --space-xxl: 15.71rem;
  }
}
@media (min-width: 1536px) {
  :root {
    --p: 1.7rem;
    --h6: 1.7rem;
    --h5: 2.01rem;
    --h4: 2.37rem;
    --h3: 2.79rem;
    --h2: 3.3rem;
    --h1: 3.89rem;
    --space-xs: 1rem;
    --space-s: 1.8rem;
    --space-m: 3.24rem;
    --space-l: 5.83rem;
    --space-xl: 10.5rem;
    --space-xxl: 18.9rem;
  }
}