.satoads-popup{
  --pop-ease:var(--satoads-ease,cubic-bezier(0.22,1,0.36,1));
  --pop-card:var(--satoads-surface,#191919);
  --pop-ink:var(--satoads-text,#ffffff);
  --pop-body:var(--satoads-body,#dadbdf);
  --pop-mute:var(--satoads-text-muted,#7d8187);
  --pop-hair:var(--satoads-hairline,#212327);
  --pop-outline:var(--satoads-outline-border,rgba(255,255,255,0.25));
  --pop-canvas:var(--satoads-bg,#0a0a0a);
  --pop-radius:var(--satoads-radius,8px);
  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__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__card{
  position:relative;
  z-index:1;
  width:min(100%,440px);
  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-promo .satoads-popup__card{
  border-top:2px solid var(--satoads-accent,#ff7a17)
}
.satoads-popup.is-notice .satoads-popup__card{width:min(100%,380px)}
.satoads-popup.is-notice .satoads-popup__media{display:none}
.satoads-popup__close{
  position:absolute;
  top:12px;
  inset-inline-end:12px;
  z-index:2;
  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{
  margin:0;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:var(--satoads-surface-2,#1a1c20);
  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__inner{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px
}
.satoads-popup.is-notice .satoads-popup__inner{padding:28px 24px 24px}
.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__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__copy{
  margin:0;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  color:var(--pop-body)
}
.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__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__card,
.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__card{
  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__card{
  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__card{width:100%;max-height:88vh}
  .satoads-popup__inner{padding:20px}
}

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