.intro-overlay.black-friday-intro {
  background: #181419;
}

.black-friday-intro .video-welcome {
  display: grid;
  grid-template-rows: minmax(180px, 1fr) auto;
  width: min(100%, 480px);
  overflow-y: auto;
  background: #181419;
}

.black-friday-intro .video-stage {
  position: relative;
  min-width: 0;
  background: #200e1b;
}

.black-friday-intro video {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.black-friday-intro .video-play {
  top: calc(12px + env(safe-area-inset-top, 0px));
  bottom: auto;
  font-size: 14px;
}

.black-friday-intro #video-status {
  bottom: 10px;
  padding-inline: 8px;
}

.black-friday-offer {
  padding: 14px 20px max(16px, env(safe-area-inset-bottom, 0px));
  text-align: center;
  color: #fffaf7;
  background: #181419;
}

.black-friday-label {
  margin: 0 0 4px;
  color: #e9cbd9;
  font: 600 12px/1.25 var(--body);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.black-friday-offer h1 {
  margin: 0;
  font: 500 clamp(32px, 10.6vw, 50px)/1.02 var(--display);
  letter-spacing: -.035em;
}

.black-friday-offer h1 span {
  color: #f8c6db;
}

.black-friday-note {
  margin: 4px 0 0;
  color: #e9cbd9;
  font-size: 13px;
}

.black-friday-offer ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 11px 0 13px;
  padding: 9px 0;
  border-block: 1px dashed #6e5865;
  list-style: none;
}

.black-friday-offer li + li {
  border-inline-start: 1px solid #493a44;
}

.black-friday-offer strong,
.black-friday-offer li > span {
  display: block;
}

.black-friday-offer strong {
  font: 700 clamp(18px, 6.2vw, 27px)/1.15 var(--body);
  font-variant-numeric: tabular-nums;
}

.black-friday-offer li > span {
  margin-top: 3px;
  color: #e9cbd9;
  font-size: 12px;
}

.black-friday-intro .black-friday-offer .skip {
  background: #f8c6db;
  border-color: #f8c6db;
  color: #181419;
  min-height: 49px;
  font-size: 16px;
  font-weight: 600;
}

@media (max-aspect-ratio: 3/4) {
  .black-friday-intro video {
    object-fit: cover;
    object-position: center 17%;
  }

  .black-friday-intro .video-stage::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: clamp(10px, 3svh, 28px);
    background: linear-gradient(transparent, #181419);
    pointer-events: none;
  }
}

@media (orientation: portrait) and (max-height: 620px) {
  .black-friday-offer {
    padding-block: 8px max(8px, env(safe-area-inset-bottom, 0px));
  }

  .black-friday-label {
    margin-bottom: 2px;
  }

  .black-friday-note {
    margin-top: 2px;
  }

  .black-friday-offer ul {
    margin-block: 7px 8px;
    padding-block: 6px;
  }

  .black-friday-intro .video-stage::after {
    height: 10px;
  }
}

@media (min-aspect-ratio: 1/1) {
  .black-friday-intro .video-welcome {
    grid-template: minmax(250px, 1fr) / minmax(0, 1fr) minmax(0, 1fr);
    width: min(100%, 960px);
  }

  .black-friday-offer {
    align-self: center;
    padding-inline: clamp(20px, 4vw, 48px);
  }
}

.social-funnel .black-friday-unavailable :is(.quiz-duration, .age-grid, .welcome-note:not(:last-child)) {
  display: none;
}

.social-funnel .black-friday-paywall {
  background: #181419;
  color: #fffaf7;
}

.social-funnel .black-friday-paywall .paywall-cover {
  height: 92px;
  mask-image: linear-gradient(#000 15%, transparent);
}

.social-funnel .black-friday-paywall .black-friday-label {
  margin: 0 0 7px;
  color: #e9cbd9;
  text-align: center;
}

.social-funnel .black-friday-paywall #paywall-headline {
  color: #fffaf7;
  font: 500 clamp(30px, 9.5vw, 39px)/1.06 var(--display);
  letter-spacing: -.035em;
}

.black-friday-paywall #paywall-headline span {
  color: #f8c6db;
}

.social-funnel .black-friday-paywall > .social-subtitle {
  margin: 12px auto 20px;
  max-width: 38ch;
  color: #e9cbd9;
  font: 400 14px/1.45 var(--body);
}

.social-funnel .black-friday-paywall .membership-plan {
  min-height: 78px;
  background: #241d25 !important;
  border-color: #584955 !important;
  color: #fffaf7 !important;
}

.social-funnel .black-friday-paywall .membership-plan[data-plan=quarter] {
  min-height: 98px;
  padding-top: 30px;
}

.social-funnel .black-friday-paywall .membership-plan[data-plan=quarter]::before {
  height: 21px;
  background: #f8c6db;
  color: #181419;
  font-size: 12px;
}

.social-funnel .black-friday-paywall .membership-plan[aria-checked=true] {
  background: #342531 !important;
  border-color: #f8c6db !important;
}

.social-funnel .black-friday-paywall .membership-plan:focus-visible {
  outline-color: #f8c6db;
}

.social-funnel .black-friday-paywall .plan-radio {
  background: transparent;
  border-color: #b9a6b4;
}

.social-funnel .black-friday-paywall [aria-checked=true] .plan-radio {
  background: #f8c6db;
  border-color: #f8c6db;
  box-shadow: inset 0 0 0 3px #342531;
}

.social-funnel .black-friday-paywall .plan-rate {
  display: grid;
  justify-items: end;
  gap: 5px;
  text-align: end;
}

.social-funnel .black-friday-paywall .plan-rate strong {
  color: #fffaf7;
  font-size: 25px;
  line-height: 1;
  white-space: nowrap;
}

.social-funnel .black-friday-paywall [aria-checked=true] .plan-rate strong {
  color: #f8c6db;
}

.social-funnel .black-friday-paywall .plan-rate small,
.social-funnel .black-friday-paywall .plan-details .plan-billing {
  color: #dccbd7;
}

.social-funnel .black-friday-paywall .plan-saving {
  background: #f8c6db;
  font-weight: 600;
}

.social-funnel .black-friday-paywall #subscription-terms {
  margin: 13px 0 0;
  color: #e9cbd9;
}

.social-funnel .black-friday-paywall .plan-rationale,
.social-funnel .black-friday-paywall .plan-rationale small {
  color: #dccbd7;
}

.social-funnel .black-friday-paywall .stripe-payment-panel {
  color: #111;
}

.social-funnel .app-shell.has-long-paywall:has(.black-friday-paywall) #checkout-dock {
  background: linear-gradient(transparent, #181419 22%);
}

.social-funnel .app-shell.has-long-paywall:has(.black-friday-paywall) #sticky-checkout-button {
  background: #f8c6db;
  color: #181419;
}

.social-funnel .app-shell.has-long-paywall:has(.black-friday-paywall) #social-wallet:not(.wallet-unavailable) {
  border-radius: 32px;
  outline: 1px solid #77636e;
}

@media (max-width: 360px) {
  .social-funnel .black-friday-paywall .paywall-cover {
    height: 72px;
  }

  .social-funnel .black-friday-paywall .plan-rate strong {
    font-size: 23px;
  }
}