.fade {
  transition: 200ms;
}

.fade:not(.show) {
  display: none;
}

:root {
  --banner-height: 50px;
  --banner-bg: radial-gradient(50% 50% at 50% 50%, #122D49 0%, #0A1A2B 100%);
}

@media screen and (max-width: 799px) {
  :root {
    --banner-height: 170px;
  }
}
.offer-banner {
  --margin: 32px;
  position: fixed;
  height: var(--banner-height);
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1000;
  text-decoration: none !important;
  border-bottom: 0;
  display: flex;
}
.offer-banner .offer__bg {
  background: var(--banner-bg);
  height: 50px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.offer-banner__container {
  background: url("/images/widgets/black-friday-2025/banner-bg-desktop.png") center center/cover no-repeat;
  position: relative;
  max-width: 1920px;
  width: 100%;
}
@media screen and (max-width: 799px) {
  .offer-banner__container {
    background: url("/images/widgets/black-friday-2025/banner-bg-mobile.png") center center/cover no-repeat;
  }
}
.offer-banner__container .offer-banner__content {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 799px) {
  .offer-banner__container .offer-banner__content {
    flex-direction: column;
  }
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .offer-banner__container .offer-banner__content .desktop {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .offer-banner__container .offer-banner__content .desktop {
    display: none;
  }
}
.offer-banner__container .offer-banner__content .tablet {
  display: none;
  margin-left: -22px;
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .offer-banner__container .offer-banner__content .tablet {
    display: block;
  }
}
@media screen and (max-width: 799px) {
  .offer-banner__container .offer-banner__content .tablet {
    display: none;
  }
}
.offer-banner__container .offer-banner__content .mobile {
  display: none;
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .offer-banner__container .offer-banner__content .mobile {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .offer-banner__container .offer-banner__content .mobile {
    display: block;
  }
}
.offer-banner__container .offer-banner__content .mobile.center {
  margin-top: -15px;
}
.offer-banner__container .offer-banner__content .mobile.right {
  margin-top: -25px;
}
.offer-banner .close {
  --icon-size: 12px;
  --icon-position: 20px;
  position: absolute;
  right: var(--icon-position);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1010;
}
@media screen and (max-width: 799px) {
  .offer-banner .close {
    --icon-position: 15px;
    right: var(--icon-position);
    top: var(--icon-position);
  }
}
.offer-banner .close .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  fill: #ffffff;
}

.header {
  margin-top: var(--banner-height);
}

.--is-visible .header {
  margin-top: 0;
}
.--is-visible .offer-banner {
  display: none;
}

/*# sourceMappingURL=black-friday-2025.css.map */