/* This css file is applied before styles.scss loaded */

@font-face {
  font-display: swap;
  font-family: MontserratVariable;
  src: url("../assets/fonts/Montserrat-Variable.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-Variable.woff") format("woff");
  font-style: normal;
  font-weight: 400 800;
}

@font-face {
  font-display: swap;
  font-family: MontserratVariable;
  src: url("../assets/fonts/Montserrat-Italic-Variable.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-Italic-Variable.woff") format("woff");
  font-style: italic;
  font-weight: 400 800;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-MediumItalic.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-Bold.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-ExtraBold_modA.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-ExtraBold_modA.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat-ExtraBoldItalic_modA.woff2") format("woff2"),
    url("../assets/fonts/Montserrat-ExtraBoldItalic_modA.woff") format("woff");
  font-style: italic;
  font-weight: 800;
}

@font-face {
  font-family: "Digital-7 Mono";
  src: url("../assets/fonts/Digital-7-MonoItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}

body {
  margin: 0;
}

.loading-container {
  position: fixed;
  z-index: 2100;
  display: flex;
  width: 100vw;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  transition: opacity 0.8s ease;
  overflow: hidden;
  will-change: opacity;
}

stb-root.user-checked + .loading-container {
  opacity: 0;
}

stb-root.user-checked.hide-preloader + .loading-container {
  display: none;
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {
  visibility: hidden;
}