html {
  height: auto;
}

/* -- Global -- */

@media (min-width: 990px) {
  :root {
    --size: 1600;
  }

  html {
    height: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: calc(15.8 * 100vw / var(--size));
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* -- Media -- */

@media only screen and (max-width: 1172px) {
  [value-box="wrapper"] .text-m {
    font-size: 16px;
  }

  [value-box="wrapper"] {
    max-width: 17.5rem;
  }
}

@media only screen and (max-width: 1090px) {
  [value-box="wrapper"] .text-m {
    font-size: 15px;
  }

  [value-box="wrapper"] {
    max-width: 16.25rem;
  }
}

@media only screen and (max-width: 991px) {
  [value-box="wrapper"] {
    max-width: unset !important;
  }
}

@media only screen and (max-width: 765px) {
  .ln_marquee-line.is--training {
    animation: marquee 20s linear infinite;
  }
}

@media only screen and (max-width: 479px) {
}

@media (min-width: 990px) {
  .lp_trustpilot-list_group.is--front .lp_trustpilot-list {
    animation: marqueeRev 20s linear infinite;
  }

  .lp_trustpilot-list_group.is--backw .lp_trustpilot-list {
    animation: marqueeFrt 20s linear infinite;
  }

  .ln_marquee-line.is--training {
    animation: marquee 20s linear infinite;
  }
}

/* -- Keyframe Animations -- */

/* Animations */

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes marqueeRev {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes marqueeFrt {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@media only screen and (max-width: 991px) {
  @keyframes marquee2 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes marqueeRev {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100%);
    }
  }
}

.lp_trustpilot-rtext {
  background: linear-gradient(
    180deg,
    #7d7d7d 70%,
    rgba(125, 125, 125, 0.2) 90%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ln_button:hover .ln_button-back {
  background-color: #e0db65;
}

.ln_button-back {
  transition: all 0.2s ease;
}