.story-popup{position:fixed;bottom:16px;z-index:9999;opacity:0;pointer-events:none;transform:translateY(24px) scale(.92);transition:opacity .4s ease,transform .4s ease}.story-popup--bottom-right{right:16px}.story-popup--bottom-left{left:16px}.story-popup.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.story-popup__card{position:relative;width:var(--story-width, 150px);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #00000047;background:#111;border:2px solid #fff}.story-popup__progress{position:absolute;top:8px;left:8px;right:8px;height:3px;border-radius:3px;background:#ffffff59;z-index:3;overflow:hidden}.story-popup__progress span{display:block;height:100%;width:0%;background:#f2c11d;transition:width .15s linear}.story-popup__close{position:absolute;top:6px;right:6px;z-index:4;width:26px;height:26px;border-radius:50%;background:#0000008c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-popup__close:hover{background:#000c}.story-popup__badge{position:absolute;top:16px;left:8px;z-index:3;background:#f2c11d;color:#111;font-weight:700;font-size:10px;letter-spacing:.02em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.story-popup__media{position:relative;display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}.story-popup__video,.story-popup__media img{width:100%;height:100%;object-fit:cover;display:block}.story-popup__controls{position:absolute;bottom:8px;left:8px;z-index:3;display:flex;gap:6px}.story-popup__icon-btn{width:26px;height:26px;border-radius:50%;background:#0000008c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-popup__icon-btn:hover{background:#000c}.story-popup__cta{position:absolute;bottom:8px;right:8px;z-index:3;background:#fff;color:#111;font-size:10px;font-weight:700;padding:5px 9px;border-radius:999px}@media(max-width:480px){.story-popup__card{width:min(var(--story-width, 150px),120px)}.story-popup{bottom:12px}.story-popup--bottom-right{right:12px}.story-popup--bottom-left{left:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/story-popup-video-ad.css.map */