/* Breakpoints */
@keyframes fade-up {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-down {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mask-reveal {
  0% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.media__copy .media-headline {
  animation-name: fade-up, mask-reveal;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
  --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .54) 0%, rgba(0, 0, 0, .54) 42%, rgba(0, 0, 0, .42) 57%, rgba(0, 255, 47, 0) 100%);
  --media-gradient-left: linear-gradient(0deg, rgba(0, 0, 0, .54) 0%, rgba(0, 0, 0, .54) 42%, rgba(0, 0, 0, .42) 57%, rgba(0, 255, 47, 0) 100%);
}
@media screen and (min-width: 1025px) {
  .media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 38.1%, rgba(0, 0, 0, 0) 72.33%);
    --media-gradient-left: linear-gradient(90deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 38.1%, rgba(0, 0, 0, 0) 72.33%);
  }
}
@media screen and (min-width: 1441px) {
  .media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 34.95%, rgba(0, 0, 0, 0) 72.32%);
    --media-gradient-left: linear-gradient(90deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 34.95%, rgba(0, 0, 0, 0) 72.32%);
  }
}

.media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
  --media-gradient-bottom: linear-gradient(0deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 42%, rgba(255, 255, 255, .36) 57%, rgba(0, 255, 47, 0) 100%);
  --media-gradient-left: linear-gradient(0deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 42%, rgba(255, 255, 255, .36) 57%, rgba(0, 255, 47, 0) 100%);
}
@media screen and (min-width: 1025px) {
  .media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(90deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 47%, rgba(255, 255, 255, .36) 63%, rgba(255, 255, 255, 0) 100%);
    --media-gradient-left: linear-gradient(90deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 47%, rgba(255, 255, 255, .36) 63%, rgba(255, 255, 255, 0) 100%);
  }
}
@media screen and (min-width: 1441px) {
  .media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 45%, rgba(255, 255, 255, .36) 57%, rgba(255, 255, 255, 0) 100%);
    --media-gradient-left: linear-gradient(90deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .58) 45%, rgba(255, 255, 255, .36) 57%, rgba(255, 255, 255, 0) 100%);
  }
}

.media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
  --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 47.78%, rgba(0, 0, 0, 0) 100%);
  --media-gradient-left: linear-gradient(0deg, rgba(0, 0, 0, .7) 3.88%, rgba(0, 0, 0, .6) 47.78%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (min-width: 1025px) {
  .media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .78) 3.88%, rgba(0, 0, 0, .76) 19.06%, rgba(0, 0, 0, .6) 40.9%, rgba(0, 0, 0, 0) 67.85%);
    --media-gradient-left: linear-gradient(90deg, rgba(0, 0, 0, .78) 3.88%, rgba(0, 0, 0, .76) 19.06%, rgba(0, 0, 0, .6) 40.9%, rgba(0, 0, 0, 0) 67.85%);
  }
}
@media screen and (min-width: 1441px) {
  .media__main--dark .media__media::after, .media__main--dark.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(0, 0, 0, .78) 3.88%, rgba(0, 0, 0, .76) 19.93%, rgba(0, 0, 0, .6) 34.93%, rgba(0, 0, 0, 0) 61.38%);
    --media-gradient-left: linear-gradient(90deg, rgba(0, 0, 0, .78) 3.88%, rgba(0, 0, 0, .76) 19.93%, rgba(0, 0, 0, .6) 34.93%, rgba(0, 0, 0, 0) 61.38%);
  }
}

.media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
  --media-gradient-bottom: linear-gradient(0deg, rgba(255, 255, 255, .7) 3.88%, rgba(255, 255, 255, .6) 47.78%, rgba(255, 255, 255, 0) 100%);
  --media-gradient-left: linear-gradient(0deg, rgba(255, 255, 255, .7) 3.88%, rgba(255, 255, 255, .6) 47.78%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 1025px) {
  .media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(255, 255, 255, .78) 3.88%, rgba(255, 255, 255, .76) 19.06%, rgba(255, 255, 255, .6) 40.9%, rgba(255, 255, 255, 0) 67.85%);
    --media-gradient-left:linear-gradient(90deg, rgba(255, 255, 255, .78) 3.88%, rgba(255, 255, 255, .76) 19.06%, rgba(255, 255, 255, .6) 40.9%, rgba(255, 255, 255, 0) 67.85%);
  }
}
@media screen and (min-width: 1441px) {
  .media__main--light .media__media::after, .media__main--light.media__main--bottom .media__media::after {
    --media-gradient-bottom: linear-gradient(0deg, rgba(255, 255, 255, .78) 3.88%, rgba(255, 255, 255, .76) 19.93%, rgba(255, 255, 255, .6) 34.93%, rgba(255, 255, 255, 0) 61.38%);
    --media-gradient-left: linear-gradient(90deg, rgba(255, 255, 255, .78) 3.88%, rgba(255, 255, 255, .76) 19.93%, rgba(255, 255, 255, .6) 34.93%, rgba(255, 255, 255, 0) 61.38%);
  }
}

.media__main, .media__content, .media__disclaimers-below {
  padding: 0 var(--grid-standard-margin);
}

.media__content {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-gap: var(--grid-standard-gutter);
}

.media__wrapper {
  grid-row-gap: 0;
  position: relative;
  overflow-x: clip;
}
.media .media__media::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 5;
}
.media__main--light .media__media::after {
  background: var(--media-gradient-left);
  --gradient: media-classic-dark-left;
}
.media__main--light.media__main--bottom .media__media::after {
  background: var(--media-gradient-bottom);
  --gradient: media-classic-dark-bottom;
}
.media__main--dark .media__media::after {
  background: var(--media-gradient-left);
  --gradient: media-classic-light-left;
}
.media__main--dark.media__main--bottom .media__media::after {
  background: var(--media-gradient-bottom);
  --gradient: media-classic-light-bottom;
}
.media__main--gradient-0 .media__media::after {
  opacity: 0;
}
.media__main--gradient-30 .media__media::after {
  opacity: 0.3;
}
.media__main--gradient-60 .media__media::after {
  opacity: 0.6;
}
.media__main--gradient-100 .media__media::after {
  opacity: 1;
}
.media__main {
  position: relative;
}
.media__main--fullwidth {
  padding-inline: unset;
}
.media [data-player=play] .media__copy {
  opacity: 0;
}
.media__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  pointer-events: none;
  z-index: 10;
}
.media__main--fullwidth .media__content {
  padding-inline: unset;
}
.media__content .media-headline,
.media__content .animated-facts__item {
  pointer-events: all;
}
.media__copy {
  z-index: 2;
  grid-column: 1/3;
  padding-block: var(--spacing-m);
  padding-inline: var(--spacer-9) 0;
  align-self: end;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1025px) {
  .media__copy {
    grid-column: 1/5;
  }
}
@media (min-width: 1025px) {
  .media__main--left-centered .media__copy {
    align-self: center;
  }
}
.media__main--hidden .media__copy {
  display: none;
}
.media__copy .media-headline .disclaimer-indicator {
  vertical-align: super;
  font-size: small;
}
.media__disclaimer {
  position: absolute;
  left: var(--grid-standard-margin);
  bottom: 0;
  z-index: 10;
}
.media__main--fullwidth .media__disclaimer {
  left: 0;
}
.media__disclaimer .disclaimer-indicator {
  --colors-background-default: rgba(18, 20, 22, 1);
  --colors-text-copy: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 26px;
  min-height: 26px;
  padding: 0 var(--spacer-3);
  color: var(--colors-text-copy);
  background-color: var(--colors-background-default);
}
.media__disclaimers-below .disclaimers-below__disclaimer {
  margin-top: var(--spacer-3);
}
.media__media {
  position: relative;
  z-index: 1;
}
.media__main--gradient-none .media__media::after {
  content: none;
}
.media__cookie-notification {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  background-image: linear-gradient(-180deg, rgba(100, 0, 0, 0), #999 90%);
}
.media__cookie-notification--hidden {
  display: none;
}
@media (min-width: 769px) {
  .media__cookie-notification {
    padding: 4rem 0;
  }
}
.media__cookie-container {
  background-color: white;
  padding-block: var(--spacer-4);
}
@media (min-width: 769px) {
  .media__cookie-container {
    padding-inline: var(--spacer-4);
    width: 450px;
  }
}
@media (min-width: 1025px) {
  .media__cookie-container {
    width: 550px;
  }
}
@media (min-width: 1441px) {
  .media__cookie-container {
    width: 650px;
  }
}
.media__cookie-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (min-width: 769px) {
  .media__cookie-inner {
    gap: 35px;
  }
}
.media__cookie-svg {
  width: 32px;
  height: 32px;
}
@media (min-width: 769px) {
  .media__cookie-svg {
    width: 64px;
    height: 64px;
  }
}
.media__cookie-text {
  text-align: center;
}
.media__cookie-button .button {
  max-width: none;
}
.media .media__media::after {
  right: 0;
  top: 66.6%;
}
@media screen and (min-width: 1025px) {
  .media .media__media::after {
    top: 0;
  }
}
.media .media__main--bottom .media__media::after {
  top: 50%;
}
@media screen and (min-width: 1025px) {
  .media .media__main--bottom .media__media::after {
    top: 0;
  }
}
.media .media__main--gradient-none .media__media::after {
  content: none;
}

.media__cookie-container {
  background-color: var(--colors-background-alternative);
  color: var(--colors-text-primary-highlight);
}
.media__main--light .media__media::after {
  background: var(--media-gradient-left);
  --gradient: media-ev-dark-left;
}
.media__main--light.media__main--bottom .media__media::after {
  background: var(--media-gradient-bottom);
  --gradient: media-ev-dark-bottom;
}
.media__main--dark .media__media::after {
  background: var(--media-gradient-left);
  --gradient: media-ev-light-left;
}
.media__main--dark.media__main--bottom .media__media::after {
  background: var(--media-gradient-bottom);
  --gradient: media-ev-light-bottom;
}