.video-popup{display:block;width:100%;height:100%}.video-popup__trigger{position:relative;display:block;width:100%;padding:0;border:0;margin:0;background:#0b0d12;cursor:pointer;overflow:hidden;border-radius:inherit;aspect-ratio:var(--vp-aspect, 16 / 9);line-height:0}.video-popup--fill{position:absolute;top:0;right:0;bottom:0;left:0}.video-popup--fill .video-popup__trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.video-popup__trigger img,.video-popup__trigger .img-placeholder,.video-popup__trigger svg.placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.video-popup__trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001f;transition:background .25s ease}.video-popup__trigger:hover:after{background:#00000038}.video-popup__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fffffff2;box-shadow:0 10px 30px -10px #00000080;transition:transform .18s ease,background .18s ease}.video-popup__trigger:hover .video-popup__play,.video-popup__trigger:focus-visible .video-popup__play{transform:translate(-50%,-50%) scale(1.06)}.video-popup__play svg{width:auto;height:22px;margin-left:4px;color:#16181d}.video-popup__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0c10d1;opacity:0;transition:opacity .25s ease}.video-popup__backdrop.is-open{opacity:1}.video-popup__dialog{position:relative;display:inline-flex;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);transform:scale(.96);transition:transform .25s ease}.video-popup__backdrop.is-open .video-popup__dialog{transform:scale(1)}.video-popup__video{display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);border-radius:10px;background:#000}.video-popup__close{position:absolute;top:-14px;right:-14px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#16181d;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 20px -6px #0009}.video-popup__close svg{width:15px;height:15px}@media(max-width:600px){.video-popup__close{top:8px;right:8px}.video-popup__play{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/video-popup.css.map */