/*! ------------------------------------------------
 
 * Table of Contents End
 * ------------------------------------------------ */
:root {
  --_size: 1.8rem;
  --_font-default: "Funnel Sans", sans-serif;
  --_font-accent: "Funnel Display", sans-serif;
  --_radius-s: 1rem;
  --_radius-m: 1.6rem;
  --_radius-pt-m: 1.6rem;
  --_radius-l: 3.8rem;
  --_radius-xl: 6rem;
  --_animspeed-fast: 0.1s;
  --_animspeed-medium: 0.3s;
  --_animspeed-slow: 0.6s;
  --_animbezier: cubic-bezier(0.23, 0.65, 0.74, 1.09);
  --base--light: #faf7f6;
  --base-rgb--light: 250, 247, 246;
  --base-tint--light: #ffffff;
  --base-shade--light: #e0dddb;
  --base-opp--light: #161616;
  --base-opp-tint--light: #1c1c1c;
  --accent--light: #9f8be7;
  --accent-rgb--light: 159, 139, 231;
  --additional--light: #ddf160;
  --additional-rgb--light: 221, 241, 96;
  --neutral-transparent--light: rgba(255, 255, 255, 0.3);
  --st-bright--light: #161616;
  --st-medium--light: #7c7c7c;
  --st-muted--light: #e0dddb;
  --st-opp-bright--light: #ffffff;
  --fw-regular--light: 400;
  --fw-medium--light: 600;
  --fw-semibold--light: 700;
  --fw-bold--light: 800;
  --fw-regular-opp--light: 300;
  --fw-medium-opp--light: 500;
  --t-bright--light: #161616;
  --t-medium--light: #303030;
  --t-muted--light: #585858;
  --t-muted-extra--light: #b2aead;
  --t-opp-bright--light: #ffffff;
  --t-opp-medium--light: #acacac;
  --t-opp-muted--light: #838383;

  --base--dark: #161616;
  --base-rgb--dark: 22, 22, 22;
  --base-tint--dark: #1c1c1c;
  --base-shade--dark: #0a0a0a;
  --base-opp--dark: #faf7f6;
  --base-opp-tint--dark: #ffffff;
  --accent--dark: #ddf160;
  --accent-rgb--dark: 221, 241, 96;
  --additional--dark: #9f8be7;
  --additional-rgb--dark: 159, 139, 231;
  --neutral-transparent--dark: rgba(0, 0, 0, 0.3);
  --st-bright--dark: #ffffff;
  --st-medium--dark: #646464;
  --st-muted--dark: #252525;
  --st-opp-bright--dark: #0f0f0f;
  --fw-regular--dark: 300;
  --fw-medium--dark: 500;
  --fw-semibold--dark: 600;
  --fw-bold--dark: 700;
  --fw-regular-opp--dark: 400;
  --fw-medium-opp--dark: 600;
  --t-bright--dark: #ffffff;
  --t-medium--dark: #acacac;
  --t-muted--dark: #838383;
  --t-muted-extra--dark: #535151;
  --t-opp-bright--dark: #161616;
  --t-opp-medium--dark: #303030;
  --t-opp-muted--dark: #969696;

  --pt-base: #ffffff;
  --pt-base-dark: #161616;
  --pt-t-light-bright: #ffffff;
  --pt-t-dark-bright: #161616;
  --pt-st-light-bright: #ffffff;
  --pt-st-dark-bright: #161616;
  --pt-purple-rgb: 159, 139, 231;
  --pt-purple-dark-rgb: 33, 10, 113;
  --nl-white: #ffffff;
  --nl-black: #000000;
}
@media only screen and (min-width: 768px) {
  :root {
    --_radius-m: 2.6rem;
    --_radius-l: 5rem;
    --_radius-xl: 8rem;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --_radius-xl: 8rem;
  }
}


.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.loader.loaded {
  opacity: 0;
  visibility: hidden;
}
.loader__wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--base);
  color: var(--t-bright);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loader__content {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  z-index: 2;
  color: var(--t-bright);
  overflow: hidden;
}
.loader__count {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  overflow: hidden;
  line-height: 1;
}
.loader__count span {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: normal var(--fw-medium) 6rem/0.9 var(--_font-accent);
  letter-spacing: -0.06rem;
  color: var(--t-bright);
}
@media only screen and (min-width: 768px) {
  .loader__count span {
    font-size: 8rem;
  }
}
@media only screen and (min-width: 1200px) {
  .loader__count span {
    font-size: 10rem;
  }
}
@media only screen and (min-width: 1600px) {
  .loader__count span {
    font-size: 12rem;
  }
}