:root {
  --accent-color: #FFC451;
  --secondary-accent-color: #333333;
  --tertiary--accent-color: rgba(0, 0, 0, 1);

  --primary-text-color: #333333;
  --secondary-text-color: #ffffff;
  --tertiary-text-color: #ebe9e9;

  --primary-background-color: #222222;
  --secondary-background-color: #ebe9e9;
  --tertiary-background-color: #3d3d3b;
}

/* Try to force the dark theme at the devices with touch screen (tablet\mobile) */
@media (pointer:coarse) {
  :root {
    color-scheme: dark;
  }
}

html, body {
  background-color: #000000;
}

* {
  margin: 0px;
  padding: 0px;

}

*:focus {
  outline: none;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html, body {
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html, body, #__next {
  height: 100%;
}

html, body,
button, input {
  font-family: 'Outfit';
}

/* Disable the blue highlight on touch devices with webkit engine. */
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

.background-login-frame {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
}

/* Move the front page content anchor out of the screen for prevent scroll when the "go to content" link is pressed with keyboard navigation */
.content-anchor {
  position: relative;
  pointer-events: none;
  display: block;
  height: 68px;
  margin-top: -68px;
}

@font-face {
  font-family: DINCondensed;
  font-weight: 600;
  font-style: normal;
  src: url("/font/DIN_Condensed/DIN_Condensed_Bold.ttf");
}

@font-face {
  font-family: Outfit;
  font-weight: 400;
  src: url("/font/Outfit/Outfit-Regular-400.ttf");
}

@font-face {
  font-family: Outfit;
  font-weight: 500;
  src: url("/font/Outfit/Outfit-Medium-500.ttf");
}

@font-face {
  font-family: Outfit;
  font-weight: 600;
  src: url("/font/Outfit/Outfit-SemiBold-600.ttf");
}

@font-face {
  font-family: Expose;
  font-weight: 900;
  src: url("/font/Expose/Expose-Black.woff2") format("woff2"),
       url("/font/Expose/Expose-Black.woff") format("woff"),
       url("/font/Expose/Expose-Black.ttf") format("truetype"),
       url("/font/Expose/Expose-Black.eot") format("embedded-opentype");
}

.hide-nextjs-error-popup nextjs-portal {
  display: none;
}

.icon-star-colorfill:before {
    margin-left: 0.25em !important;
}

[class*="fil-format-icon-13-15"],
[class*="fil-format-icon-7-12"],
[class*="fil-format-icon-3-6"] {
  transform-origin: center;
  transform: scale(1.25);
}