.satoads-popup{
  --pop-ease:var(--satoads-ease,cubic-bezier(0.22,1,0.36,1));
  --pop-card:var(--satoads-surface, #1e1e1e);
  --pop-ink:var(--satoads-text,#ffffff);
  --pop-body:var(--satoads-body,#dadbdf);
  --pop-mute:var(--satoads-text-muted,#7d8187);
  --pop-hair:var(--satoads-hairline,#373737);
  --pop-outline:var(--satoads-outline-border,rgba(255,255,255,0.25));
  --pop-canvas:var(--satoads-bg, #171717);
  --pop-radius:var(--satoads-radius,8px);
  --pop-accent:var(--satoads-accent,#ff7a17);
  box-sizing:border-box;
  font-family:var(--satoads-font,inherit)
}
.satoads-popup *,
.satoads-popup *::before,
.satoads-popup *::after{box-sizing:border-box}
.satoads-popup:not(.is-preview){
  position:fixed;
  inset:0;
  z-index:100040;
  display:grid;
  place-items:center;
  padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))
}
.satoads-popup[hidden]{display:none!important}
.satoads-popup:not(.is-preview).is-open{
  display:grid!important
}
.satoads-popup__scrim{
  position:absolute;
  inset:0;
  background:rgba(10,10,10,0.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px)
}
.satoads-popup.is-preview .satoads-popup__scrim{
  position:absolute;
  border-radius:inherit
}
.satoads-popup__deck{
  position:relative;
  z-index:1;
  width:min(100%,440px);
  overflow:visible
}
.satoads-popup.is-spotlight .satoads-popup__deck,
.satoads-popup.is-promo .satoads-popup__deck{
  width:min(100%,460px)
}
.satoads-popup.is-notice .satoads-popup__deck{
  width:min(100%,380px)
}
.satoads-popup__stack{
  display:none;
  pointer-events:none
}
.satoads-popup__deck[data-remaining="1"] .satoads-popup__stack,
.satoads-popup__deck[data-remaining="2"] .satoads-popup__stack{
  display:block
}
.satoads-popup.is-preview .satoads-popup__stack{
  display:none!important
}
.satoads-popup__stack-card{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:var(--pop-radius);
  background:var(--pop-card);
  border:1px solid var(--pop-hair)
}
.satoads-popup__stack-card:nth-child(1){
  transform:translateY(10px) scale(0.97);
  opacity:0.5
}
.satoads-popup__stack-card:nth-child(2){
  transform:translateY(20px) scale(0.94);
  opacity:0.28
}
.satoads-popup__deck[data-remaining="1"] .satoads-popup__stack-card:nth-child(2){
  display:none
}
.satoads-popup__card{
  position:relative;
  z-index:1;
  width:100%;
  max-height:min(86vh,720px);
  overflow:auto;
  background:var(--pop-card);
  color:var(--pop-ink);
  border:1px solid var(--pop-hair);
  border-radius:var(--pop-radius);
  box-shadow:none;
  outline:none
}
.satoads-popup.is-card .satoads-popup__card,
.satoads-popup.is-standard .satoads-popup__card{
  overflow:hidden
}
.satoads-popup.is-spotlight .satoads-popup__card,
.satoads-popup.is-promo .satoads-popup__card{
  overflow:hidden;
  border-color:color-mix(in srgb,var(--pop-accent) 35%,var(--pop-hair))
}
.satoads-popup.is-notice .satoads-popup__card{
  overflow:hidden;
  text-align:center
}
.satoads-popup.is-notice .satoads-popup__card::before{
  content:"";
  display:block;
  height:2px;
  background:var(--pop-ink)
}
.satoads-popup__close{
  position:absolute;
  top:12px;
  inset-inline-end:12px;
  z-index:3;
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid var(--pop-outline);
  border-radius:var(--pop-radius);
  background:color-mix(in srgb,var(--pop-card) 82%,transparent);
  color:var(--pop-ink);
  cursor:pointer
}
.satoads-popup__close:focus-visible{
  outline:2px solid var(--pop-ink);
  outline-offset:2px
}
.satoads-popup__media{
  position:relative;
  margin:0;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:var(--satoads-surface-2,#232323);
  border-bottom:1px solid var(--pop-hair)
}
.satoads-popup__media.is-empty{display:none}
.satoads-popup__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.satoads-popup.is-spotlight .satoads-popup__media:not(.is-empty),
.satoads-popup.is-promo .satoads-popup__media:not(.is-empty){
  aspect-ratio:4 / 5;
  max-height:380px;
  border-bottom:0
}
.satoads-popup.is-spotlight .satoads-popup__media:not(.is-empty)::after,
.satoads-popup.is-promo .satoads-popup__media:not(.is-empty)::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:58%;
  background:linear-gradient(to top,var(--pop-card) 0%,transparent 100%);
  pointer-events:none
}
.satoads-popup.is-spotlight .satoads-popup__media:not(.is-empty) + .satoads-popup__inner,
.satoads-popup.is-promo .satoads-popup__media:not(.is-empty) + .satoads-popup__inner{
  margin-top:-72px;
  position:relative;
  z-index:1;
  padding-top:8px;
  background:transparent
}
.satoads-popup.is-notice .satoads-popup__media{display:none}
.satoads-popup__inner{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px
}
.satoads-popup.is-notice .satoads-popup__inner{
  padding:32px 28px 28px;
  align-items:center
}
.satoads-popup__eyebrow{
  margin:0;
  font-family:var(--satoads-font-mono,ui-monospace,monospace);
  font-size:12px;
  font-weight:400;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--pop-ink)
}
.satoads-popup.is-spotlight .satoads-popup__eyebrow,
.satoads-popup.is-promo .satoads-popup__eyebrow{
  color:var(--pop-accent)
}
.satoads-popup__eyebrow.is-empty{display:none}
.satoads-popup__title{
  margin:0;
  font-size:clamp(20px,3vw,28px);
  font-weight:400;
  letter-spacing:-0.04em;
  line-height:1.2;
  color:var(--pop-ink)
}
.satoads-popup.is-spotlight .satoads-popup__title,
.satoads-popup.is-promo .satoads-popup__title{
  font-size:clamp(24px,3.4vw,32px);
  letter-spacing:-0.05em
}
.satoads-popup.is-notice .satoads-popup__title{
  font-size:clamp(18px,2.6vw,24px)
}
.satoads-popup__copy{
  margin:0;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  color:var(--pop-body)
}
.satoads-popup.is-notice .satoads-popup__copy{
  max-width:32em
}
.satoads-popup__copy.is-empty{display:none}
.satoads-popup__copy p{margin:0 0 0.7em}
.satoads-popup__copy p:last-child{margin-bottom:0}
.satoads-popup__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px
}
.satoads-popup.is-notice .satoads-popup__actions{
  justify-content:center;
  width:100%
}
.satoads-popup__cta,
.satoads-popup__later{
  min-height:40px;
  text-decoration:none
}
.satoads-popup .satoads-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 16px;
  border-radius:var(--satoads-radius,8px);
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  border:1px solid transparent;
  cursor:pointer;
  box-shadow:none;
  white-space:nowrap
}
.satoads-popup .satoads-btn-primary{
  background:var(--satoads-primary,#ffffff);
  color:var(--satoads-on-primary,#0a0a0a);
  border-color:var(--satoads-primary,#ffffff)
}
.satoads-popup .satoads-btn-outline{
  background:transparent;
  color:var(--pop-ink);
  border-color:var(--pop-outline)
}
.satoads-popup__cta.is-empty,
.satoads-popup__later.is-empty{display:none}

html.satoads-popup-open,
html.satoads-popup-open body{overflow:hidden}

.satoads-popup:not(.is-preview):not(.is-open) .satoads-popup__deck,
.satoads-popup:not(.is-preview):not(.is-open) .satoads-popup__scrim{
  opacity:0;
  pointer-events:none
}
.satoads-popup:not(.is-preview).is-open .satoads-popup__scrim{
  animation:satoads-pop-scrim 0.28s var(--pop-ease) both
}
.satoads-popup:not(.is-preview).is-open .satoads-popup__deck{
  animation:satoads-pop-card 0.34s var(--pop-ease) both
}
.satoads-popup.is-closing .satoads-popup__scrim{
  animation:satoads-pop-scrim-out 0.2s ease both
}
.satoads-popup.is-closing .satoads-popup__deck{
  animation:satoads-pop-card-out 0.2s ease both
}

@keyframes satoads-pop-scrim{
  from{opacity:0}
  to{opacity:1}
}
@keyframes satoads-pop-card{
  from{opacity:0;transform:translateY(10px) scale(0.985)}
  to{opacity:1;transform:none}
}
@keyframes satoads-pop-scrim-out{
  to{opacity:0}
}
@keyframes satoads-pop-card-out{
  to{opacity:0;transform:translateY(8px) scale(0.99)}
}

@media (max-width:480px){
  .satoads-popup:not(.is-preview){padding:12px;align-items:end}
  .satoads-popup__deck,
  .satoads-popup.is-spotlight .satoads-popup__deck,
  .satoads-popup.is-promo .satoads-popup__deck,
  .satoads-popup.is-notice .satoads-popup__deck{width:100%}
  .satoads-popup__card{max-height:88vh}
  .satoads-popup__inner{padding:20px}
  .satoads-popup.is-spotlight .satoads-popup__media:not(.is-empty),
  .satoads-popup.is-promo .satoads-popup__media:not(.is-empty){
    aspect-ratio:16 / 11;
    max-height:240px
  }
}

@media (prefers-reduced-motion:reduce){
  .satoads-popup__scrim,
  .satoads-popup__deck,
  .satoads-popup.is-open .satoads-popup__scrim,
  .satoads-popup.is-open .satoads-popup__deck,
  .satoads-popup.is-closing .satoads-popup__scrim,
  .satoads-popup.is-closing .satoads-popup__deck{
    animation:none!important
  }
}