/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
html,
body,
header,
main,
footter,
aside,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
section,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

/* teko-300 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Teko";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/teko-v10-latin-ext_latin-300.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/teko-v10-latin-ext_latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/teko-v10-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/teko-v10-latin-ext_latin-300.woff) format("woff"), url(../fonts/teko-v10-latin-ext_latin-300.ttf) format("truetype"), url(../fonts/teko-v10-latin-ext_latin-300.svg#Teko) format("svg");
  /* Legacy iOS */
}
/* teko-regular - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/teko-v10-latin-ext_latin-regular.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/teko-v10-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/teko-v10-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/teko-v10-latin-ext_latin-regular.woff) format("woff"), url(../fonts/teko-v10-latin-ext_latin-regular.ttf) format("truetype"), url(../fonts/teko-v10-latin-ext_latin-regular.svg#Teko) format("svg");
  /* Legacy iOS */
}
/* teko-500 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Teko";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/teko-v10-latin-ext_latin-500.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/teko-v10-latin-ext_latin-500.eot?#iefix) format("embedded-opentype"), url(../fonts/teko-v10-latin-ext_latin-500.woff2) format("woff2"), url(../fonts/teko-v10-latin-ext_latin-500.woff) format("woff"), url(../fonts/teko-v10-latin-ext_latin-500.ttf) format("truetype"), url(../fonts/teko-v10-latin-ext_latin-500.svg#Teko) format("svg");
  /* Legacy iOS */
}
/* teko-600 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Teko";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/teko-v10-latin-ext_latin-600.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/teko-v10-latin-ext_latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/teko-v10-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/teko-v10-latin-ext_latin-600.woff) format("woff"), url(../fonts/teko-v10-latin-ext_latin-600.ttf) format("truetype"), url(../fonts/teko-v10-latin-ext_latin-600.svg#Teko) format("svg");
  /* Legacy iOS */
}
/* teko-700 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Teko";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/teko-v10-latin-ext_latin-700.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/teko-v10-latin-ext_latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/teko-v10-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/teko-v10-latin-ext_latin-700.woff) format("woff"), url(../fonts/teko-v10-latin-ext_latin-700.ttf) format("truetype"), url(../fonts/teko-v10-latin-ext_latin-700.svg#Teko) format("svg");
  /* Legacy iOS */
}
/* mulish-300 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/mulish-v3-latin-ext_latin-300.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/mulish-v3-latin-ext_latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/mulish-v3-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/mulish-v3-latin-ext_latin-300.woff) format("woff"), url(../fonts/mulish-v3-latin-ext_latin-300.ttf) format("truetype"), url(../fonts/mulish-v3-latin-ext_latin-300.svg#Mulish) format("svg");
  /* Legacy iOS */
}
/* mulish-regular - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/mulish-v3-latin-ext_latin-regular.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/mulish-v3-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/mulish-v3-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/mulish-v3-latin-ext_latin-regular.woff) format("woff"), url(../fonts/mulish-v3-latin-ext_latin-regular.ttf) format("truetype"), url(../fonts/mulish-v3-latin-ext_latin-regular.svg#Mulish) format("svg");
  /* Legacy iOS */
}
/* mulish-700 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/mulish-v3-latin-ext_latin-700.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/mulish-v3-latin-ext_latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/mulish-v3-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/mulish-v3-latin-ext_latin-700.woff) format("woff"), url(../fonts/mulish-v3-latin-ext_latin-700.ttf) format("truetype"), url(../fonts/mulish-v3-latin-ext_latin-700.svg#Mulish) format("svg");
  /* Legacy iOS */
}
/* mulish-900 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/mulish-v3-latin-ext_latin-900.eot);
  /* IE9 Compat Modes */
  src: local(""), url(../fonts/mulish-v3-latin-ext_latin-900.eot?#iefix) format("embedded-opentype"), url(../fonts/mulish-v3-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/mulish-v3-latin-ext_latin-900.woff) format("woff"), url(../fonts/mulish-v3-latin-ext_latin-900.ttf) format("truetype"), url(../fonts/mulish-v3-latin-ext_latin-900.svg#Mulish) format("svg");
  /* Legacy iOS */
}
:root {
  --backgroundBodyColor: $bgDarkColor;
}

html {
  font-size: 62.5%;
  color-scheme: only dark;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  font-family: "Mulish", arial, verdana, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: var(--backgroundBodyColor);
}
body > header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}

.header {
  --padding-inline: 30px;
  --padding-block: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: var(--padding-block) var(--padding-inline);
}
.header .header__menu-container {
  margin-inline: auto 0;
}
.header .header_header {
  width: 90%;
  max-width: 210px;
}

.header_header a {
  width: 100%;
  display: block;
  position: relative;
}
.header_header svg {
  fill: #fff;
}
.header_header .logo-carousel {
  font-family: "Teko", arial, verdana, helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  display: block;
  height: 1em;
  position: absolute;
  top: 100%;
  right: -1em;
  text-align: right;
  overflow: hidden;
}
.header_header .logo-carousel span {
  display: block;
  height: 1em;
  width: 100%;
  clear: both;
}
.header_header .logo-carousel.logo-carousel--animation span {
  animation: logo-carousel-animation 10s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

@keyframes logo-carousel-animation {
  0% {
    transform: translateY(0%);
  }
  5% {
    transform: translateY(-100%);
  }
  25% {
    transform: translateY(-100%);
  }
  30% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(-200%);
  }
  55% {
    transform: translateY(-300%);
  }
  75% {
    transform: translateY(-300%);
  }
  80% {
    transform: translateY(-400%);
  }
  100% {
    transform: translateY(-400%);
  }
}
.header__menu-container {
  --color: #eee;
}
.header__menu-container > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header__menu-container > ul li {
  font-size: 1.3rem;
  line-height: 1.25;
  font-weight: 700;
  padding-inline: 0.5em;
}
.header__menu-container > ul li:first-child {
  padding-left: 0;
}
.header__menu-container > ul li:last-child {
  padding-left: 0;
}
.header__menu-container > ul li a {
  color: var(--color);
  text-transform: uppercase;
  text-decoration: none;
  padding-inline: 0.5em;
}