.vo{--vo-bg: #ffffff;--vo-max: 1140px;--vo-radius: 10px;--vo-ratio: 16 / 9;--vo-play-size: 80px;--vo-play-color: rgba(255, 255, 255, .8);--vo-pt: 16px;--vo-pb: 16px;background:var(--vo-bg);padding:var(--vo-pt) 16px var(--vo-pb)}.vo__wrap{max-width:var(--vo-max);margin:0 auto}.vo__media{position:relative;width:100%;aspect-ratio:var(--vo-ratio);border-radius:var(--vo-radius);overflow:hidden;background:#000}.vo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#000 center / cover no-repeat;cursor:pointer;transition:opacity .4s ease,visibility .4s ease}.vo__overlay img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vo__overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.vo__play{position:relative;z-index:1;width:var(--vo-play-size);height:var(--vo-play-size);color:var(--vo-play-color);opacity:.85;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));transition:transform .25s ease,opacity .25s ease}.vo__play svg{width:100%;height:100%;display:block}.vo__overlay:hover .vo__play,.vo__overlay:focus-visible .vo__play{transform:scale(1.1);opacity:1}.vo__overlay:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:-6px}.vo__player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.vo__player iframe,.vo__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000}.vo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.vo-modal.is-open{display:flex}.vo-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;cursor:pointer}.vo-modal__dialog{position:relative;width:100%;max-width:1100px}.vo-modal__frame{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.vo-modal__frame iframe,.vo-modal__frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vo-modal__close{position:absolute;top:-48px;right:0;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}body.vo-lock{overflow:hidden}@media(max-width:749px){.vo{padding-left:var(--vo-px-m, 16px);padding-right:var(--vo-px-m, 16px)}.vo__play{width:calc(var(--vo-play-size) * .75);height:calc(var(--vo-play-size) * .75)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/video-overlay.css.map */