:root {
  --primary-rgb: 255, 109, 67;
  --esport-rgb: 255, 76, 79;
  --esport: rgb(var(--esport-rgb));
  --gold-rgb: 252, 204, 4;
  --gold: rgb(var(--gold-rgb));
  --gold-dark-rgb: 249, 175, 0;
  --gold-dark: rgb(var(--gold-dark-rgb));
  --gold-very-dark-rgb: 69, 40, 1;
  --gold-very-dark: rgb(var(--gold-very-dark-rgb));
  --header-height: 56px;
  --sticky-top: calc(56px + 1rem);
  --twitter-rgb: 29, 161, 242;
  --prisguiden-rgb: 106, 8, 185;
  --prisguiden: rgb(var(--prisguiden-rgb));
  --prisguiden-badge: #FF5E7D;
  --prisguiden-border: #6a08b9;
  --telialigaen-rgb: 153, 10, 227;
  --telialigaen: rgb(var(--telialigaen));
  --ads-rgb: 255, 237, 74;
  --scrims-primary-rgb: 255, 0, 0;
  --scrims-secondary-rgb: 255, 168, 0;
  --scrims-primary: rgb(var(--scrims-primary-rgb));
  --scrims-secondary: rgb(var(--scrims-secondary-rgb));
  --scrims-frame: #10233f;
  --scrims-text: #10233f;
  --terrorists: #ffba00;
  --counter-terrorists: #1ba8f0;
}

@media (prefers-color-scheme: dark) {
  .automode {
    --header: #202124;
    --contrast-rgb: 106, 120, 136;
    --contrast: rgb(var(--contrast-rgb));
    --body-rgb: 21, 32, 43;
    --body: rgb(var(--body-rgb));
    --text: #ddd;
    --text-dark: #fff;
    --input-bg: var(--body);
    --gray-light: #1d2a35;
    --gray-dark: #999;
    --border-dark: #38444d;
    --border-light: #29353e;
    --secondary: #3a2924;
    --secondary-hover: #171312;
    --light-rgb: 13, 23, 33;
    --light: rgb(var(--light-rgb));
    --dark-rgb: 177, 190, 207;
    --dark: rgb(var(--dark-rgb));
    --prisguiden-rgb: 255, 255, 255;
    --prisguiden: rgb(var(--prisguiden-rgb));
    --scrims-text: #fff;
    --bg-light-hover: #182938;
    --foreground: 41, 52, 63;
    --foreground-rgb: rgb(var(--foreground));
    --invert-light: invert(0);
    --invert-dark: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  .automode {
    --header: #fff;
    --contrast-rgb: 52, 58, 64;
    --contrast: rgb(var(--contrast-rgb));
    --body-rgb: 255, 255, 255;
    --body: rgb(var(--body-rgb));
    --text: #000000;
    --text-dark: #000000;
    --input-bg: #fff;
    --gray-light: #f5f5f5;
    --border-dark: #000000;
    --border-light: #eaeaea;
    --light-rgb: 247, 249, 249;
    --light: rgb(var(--light-rgb));
    --dark-rgb: 52, 58, 64;
    --dark: rgb(var(--dark-rgb));
    --prisguiden-rgb: 106, 8, 185;
    --prisguiden: rgb(var(--prisguiden-rgb));
    --bg-light-hover: #f1f1f1;
    --foreground: 225, 230, 230;
    --foreground-rgb: rgb(var(--foreground));
    --invert-light: invert(1);
    --invert-dark: invert(0);
  }
}

.darkmode {
  --header: #202124;
  --contrast-rgb: 106, 120, 136;
  --contrast: rgb(var(--contrast-rgb));
  --body-rgb: 21, 32, 43;
  --body: rgb(var(--body-rgb));
  --text: #ddd;
  --text-dark: #fff;
  --input-bg: var(--body);
  --gray-light: #1d2a35;
  --gray-dark: #999;
  --border-dark: #38444d;
  --border-light: #29353e;
  --secondary: #3a2924;
  --secondary-hover: #171312;
  --light-rgb: 13, 23, 33;
  --light: rgb(var(--light-rgb));
  --dark-rgb: 177, 190, 207;
  --dark: rgb(var(--dark-rgb));
  --prisguiden-rgb: 255, 255, 255;
  --prisguiden: rgb(var(--prisguiden-rgb));
  --scrims-text: #fff;
  --bg-light-hover: #182938;
  --foreground: 41, 52, 63;
  --foreground-rgb: rgb(var(--foreground));
  --invert-light: invert(0);
  --invert-dark: invert(1);
}

.lightmode {
  --header: #fff;
  --contrast-rgb: 52, 58, 64;
  --contrast: rgb(var(--contrast-rgb));
  --body-rgb: 255, 255, 255;
  --body: rgb(var(--body-rgb));
  --text: #000000;
  --text-dark: #000000;
  --input-bg: #fff;
  --gray-light: #f5f5f5;
  --border-dark: #000000;
  --border-light: #eaeaea;
  --light-rgb: 247, 249, 249;
  --light: rgb(var(--light-rgb));
  --dark-rgb: 52, 58, 64;
  --dark: rgb(var(--dark-rgb));
  --prisguiden-rgb: 106, 8, 185;
  --prisguiden: rgb(var(--prisguiden-rgb));
  --bg-light-hover: #f1f1f1;
  --foreground: 225, 230, 230;
  --foreground-rgb: rgb(var(--foreground));
  --invert-light: invert(1);
  --invert-dark: invert(0);
}

#screenshotgame {
  min-height: 80vh;
}

.screenshot-game--initializing {
  pointer-events: none;
}
.screenshot-game--initializing .screenshot-game__flippable__inner {
  transform: rotateX(180deg);
}
.screenshot-game__flippable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  perspective: 1000px;
}
.screenshot-game__flippable__inner {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.screenshot-game__flippable__inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotateX(180deg);
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 0.3rem;
  background: var(--secondary);
  -webkit-animation: pulsate 2s infinite;
          animation: pulsate 2s infinite;
}
.screenshot-game__flippable__item {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 991.98px) {
  .screenshot-game__button {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.85rem;
  }
  .screenshot-game__title {
    font-size: 1.6rem;
  }
  .screenshot-game__description {
    font-size: 0.9rem;
  }
}
.screenshot-game__button {
  position: relative;
}
.screenshot-game__button::before, .screenshot-game__button::after {
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 10px;
}
.screenshot-game__button::before {
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
.screenshot-game__button::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button::before, .screenshot-game__flippable__item--scrolltext .screenshot-game__button::after {
  opacity: 1;
  transition: opacity 0.25s, background-image 0.15s;
  transition-delay: 0.25s;
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button::before {
  background-image: linear-gradient(to right, var(--body), transparent);
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button::after {
  background-image: linear-gradient(to right, transparent, var(--body));
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button.btn-success::before {
  background-image: linear-gradient(to right, var(--success), transparent);
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button.btn-success::after {
  background-image: linear-gradient(to right, transparent, var(--success));
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button.btn-danger::before {
  background-image: linear-gradient(to right, var(--danger), transparent);
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button.btn-danger::after {
  background-image: linear-gradient(to right, transparent, var(--danger));
}
.screenshot-game__flippable__item--scrolltext .screenshot-game__button__label {
  position: relative;
  -webkit-animation: scrolltext 3s infinite alternate ease-in-out;
          animation: scrolltext 3s infinite alternate ease-in-out;
}
.screenshot-game__selector {
  line-height: 1.2;
  font-size: 2rem;
}
@media (min-width: 992px) {
  .screenshot-game__selector {
    font-size: 3.5rem;
  }
}
.screenshot-game__summary__stars--complete {
  cursor: pointer;
}
.screenshot-game__summary__star {
  transition: opacity 0.5s;
}
.screenshot-game__summary__star--filled {
  opacity: 1;
}
.screenshot-game__summary__star--faded {
  opacity: 0.5;
}
.screenshot-game__summary__star--empty {
  opacity: 0.2;
}
.screenshot-game__summary__star--hidden {
  opacity: 0;
}
.screenshot-game__resultcard {
  position: absolute;
  top: 15%;
  right: 15%;
  bottom: 15%;
  left: 15%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 1rem var(--body);
  color: #ddd;
}
@media (max-width: 991.98px) {
  .screenshot-game__resultcard {
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
  }
}
.screenshot-game__resultcard__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: auto;
  left: auto;
}
.screenshot-game__stats {
  transition: opacity 0.2s;
}
.screenshot-game__stats--initializing {
  opacity: 0.1;
}
.screenshot-game__stats__row {
  margin-bottom: 2px;
}
.screenshot-game__stats__row--marked .screenshot-game__stats__bar {
  background: var(--primary);
}
.screenshot-game__stats__row:last-child {
  margin-bottom: 0;
}
.screenshot-game__stats__row:nth-child(2) .screenshot-game__stats__bar {
  transition-delay: 0.1s;
}
.screenshot-game__stats__row:nth-child(3) .screenshot-game__stats__bar {
  transition-delay: 0.2s;
}
.screenshot-game__stats__row:nth-child(4) .screenshot-game__stats__bar {
  transition-delay: 0.3s;
}
.screenshot-game__stats__row:nth-child(5) .screenshot-game__stats__bar {
  transition-delay: 0.4s;
}
.screenshot-game__stats__row:nth-child(6) .screenshot-game__stats__bar {
  transition-delay: 0.5s;
}
.screenshot-game__stats__bars {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.screenshot-game__stats__bar {
  transition: width 0.2s;
  background: #777;
}
.screenshot-game__stats__label {
  background: inherit;
}
.screenshot-game__stats .screenshot-game__stats__row {
  background: var(--foreground-rgb);
}
.screenshot-game__stats .screenshot-game__stats__bars {
  background: transparent;
}
.screenshot-game__ad {
  min-height: 25px;
}
@media (min-width: 992px) {
  .screenshot-game__ad {
    min-height: 400px;
  }
}

@-webkit-keyframes scrolltext {
  0%, 20% {
    transform: translateX(0%);
    left: 0%;
  }
  80%, 100% {
    transform: translateX(-100%);
    left: 100%;
  }
}

@keyframes scrolltext {
  0%, 20% {
    transform: translateX(0%);
    left: 0%;
  }
  80%, 100% {
    transform: translateX(-100%);
    left: 100%;
  }
}

/*# sourceMappingURL=screenshotgame.css.map*/