.black-friday {
  height: 64px;
  background: radial-gradient(50% 100% at 50% 0%, #2C2C2C 0%, #000 100%);
  overflow: hidden;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday {
    height: 4.4444444444vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday {
    height: 17.0666666667vw;
  }
}
.black-friday-image {
  width: 420px;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-image {
    width: 29.1666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-image {
    width: 112vw;
  }
}
.black-friday-image-left {
  left: 0;
}
.black-friday-image-right {
  right: 0;
}
.black-friday-image img {
  width: 100%;
  height: 100%;
}
.black-friday-image-mobile {
  display: none;
}
.black-friday-info {
  gap: 10px;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info {
    gap: 0.6944444444vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info {
    gap: 2.6666666667vw;
  }
}
.black-friday-info-code {
  gap: 4px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px dashed #FFF;
  background: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info-code {
    gap: 0.2777777778vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-code {
    gap: 1.0666666667vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info-code {
    padding: 0.4166666667vw 0.8333333333vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-code {
    padding: 1.6vw 3.2vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info-code {
    border-radius: 0.5555555556vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-code {
    border-radius: 2.1333333333vw;
  }
}
.black-friday-info-code:hover {
  border: 1px solid #FFF;
}
.black-friday-info-code img {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info-code img {
    width: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-code img {
    width: 6.4vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info-code img {
    height: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-code img {
    height: 6.4vw;
  }
}
.black-friday-info-code-ok {
  display: none;
}
.black-friday-close {
  width: 24px;
  height: 24px;
  top: 20px;
  right: 0;
  z-index: 5;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-close {
    width: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-close {
    width: 6.4vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-close {
    height: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-close {
    height: 6.4vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-close {
    top: 1.3888888889vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-close {
    top: 5.3333333333vw;
  }
}

.new-year {
  height: 64px;
  background: radial-gradient(50% 100% at 50% 0%, #2C2C2C 0%, #000 100%);
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .new-year {
    height: 4.4444444444vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year {
    height: 17.0666666667vw;
  }
}
.new-year-close {
  width: 24px;
  height: 24px;
  top: 20px;
  right: 0;
  z-index: 5;
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .new-year-close {
    width: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year-close {
    width: 6.4vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .new-year-close {
    height: 1.6666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year-close {
    height: 6.4vw;
  }
}
@media screen and (max-width: 1440px) and (min-width: 577px) {
  .new-year-close {
    top: 1.3888888889vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year-close {
    top: 5.3333333333vw;
  }
}

@media screen and (max-width: 576px) {
  .black-friday {
    height: 168px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .black-friday {
    height: 11.6666666667vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .black-friday {
    height: 44.8vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-image {
    width: 74px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-image {
    width: 5.1388888889vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .black-friday-image {
    width: 19.7333333333vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-image-desktop {
    display: none;
  }
  .black-friday-image-mobile {
    display: block;
  }
  .black-friday-info {
    flex-direction: column;
    max-width: 275px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-info {
    max-width: 19.0972222222vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .black-friday-info {
    max-width: 73.3333333333vw;
  }
}
@media screen and (max-width: 576px) {
  .black-friday-info-text > span {
    display: none;
  }
  .black-friday-close {
    top: 7px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .black-friday-close {
    top: 0.4861111111vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .black-friday-close {
    top: 1.8666666667vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year {
    height: 114px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .new-year {
    height: 7.9166666667vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .new-year {
    height: 30.4vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year-text {
    max-width: 270px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .new-year-text {
    max-width: 18.75vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .new-year-text {
    max-width: 72vw;
  }
}
@media screen and (max-width: 576px) {
  .new-year-close {
    top: 7px;
  }
}
@media screen and (max-width: 576px) and (max-width: 1440px) and (min-width: 577px) {
  .new-year-close {
    top: 0.4861111111vw;
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .new-year-close {
    top: 1.8666666667vw;
  }
}

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