.CoolDown .za-kv {
  padding: 60px 25px;
  background: url("https://storage-asset.msi.com/event/2025/CND/cool-down-build-up/images/za/kv-bg-m.jpg") bottom center no-repeat ;
  background-size: cover;
  overflow: hidden;
}

@media (min-width: 996px) {
  .CoolDown .za-kv {
    background: url("https://storage-asset.msi.com/event/2025/CND/cool-down-build-up/images/za/kv-bg.jpg") bottom center no-repeat ;
    background-size: cover;
    padding: 100px 0;
    text-align: right;
  }
}

.CoolDown .za-kv__box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.CoolDown .za-kv__title {
  position: relative;
  padding-bottom: 40px;
}

@media (min-width: 996px) {
  .CoolDown .za-kv__title {
    position: absolute;
    z-index: 2;
    width: 45%;
    top: 10%;
  }
}

.CoolDown .za-kv .mist {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
}

.CoolDown .za-kv .mist::before, .CoolDown .za-kv .mist::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("https://storage-asset.msi.com/event/2025/CND/cool-down-build-up/images/za/kv-title-mist.png") bottom right no-repeat ;
  background-size: cover;
  opacity: 0;
  -webkit-animation-name: mist-drift;
          animation-name: mist-drift;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.CoolDown .za-kv .mist::before {
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.CoolDown .za-kv .mist::after {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}

.CoolDown .za-kv-pd {
  display: block;
}

@media (min-width: 996px) {
  .CoolDown .za-kv-pd {
    text-align: right;
    width: 60%;
    margin-left: 40%;
  }
}

.CoolDown .za-kv__text {
  position: relative;
}

.CoolDown .za-kv__text .mist {
  z-index: 0;
}

.CoolDown .za-kv__text .mist::before, .CoolDown .za-kv__text .mist::after {
  background: url("https://storage-asset.msi.com/event/2025/CND/cool-down-build-up/images/za/kv-text-mist.png") bottom right no-repeat ;
  background-size: cover;
}

.CoolDown .za-kv__text img {
  position: relative;
  z-index: 2;
}

@media (min-width: 996px) {
  .CoolDown .za-kv__text {
    width: 45%;
    margin-left: 55%;
  }
}

.CoolDown .redeemarea {
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd8c7), color-stop(97%, #ddd8c7));
  background: linear-gradient(to bottom, #ddd8c7 0%, #ddd8c7 97%);
}

@-webkit-keyframes mist-drift {
  0% {
    -webkit-transform: translateY(10%) scale(0.9);
            transform: translateY(10%) scale(0.9);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(-20%) scale(1.1);
            transform: translateY(-20%) scale(1.1);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: translateY(-30%) scale(1.15);
            transform: translateY(-30%) scale(1.15);
    opacity: 0;
  }
}

@keyframes mist-drift {
  0% {
    -webkit-transform: translateY(10%) scale(0.9);
            transform: translateY(10%) scale(0.9);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(-20%) scale(1.1);
            transform: translateY(-20%) scale(1.1);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: translateY(-30%) scale(1.15);
            transform: translateY(-30%) scale(1.15);
    opacity: 0;
  }
}
/*# sourceMappingURL=kv-base.css.map */