.trailer-scene{aspect-ratio:16/9;overflow:hidden;border-radius:24px}.trailer-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:#fff;background:#000}.trailer-poster img{display:block;width:100%;height:100%;object-fit:contain}.trailer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffffb3;border-radius:50%;background:#081b30bb;box-shadow:0 4px 24px #0006;transition:background .2s,scale .2s}.trailer-play svg{width:38px;height:38px}.trailer-poster:hover .trailer-play{background:#096daae6;scale:1.08}.trailer-poster:focus-visible{outline:4px solid #45caff;outline-offset:-5px}.trailer-scene iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.opening.is-trailer-playing .opening-sticky{overflow:visible}.opening.is-trailer-playing .opening-sticky:after{display:none!important}.opening.is-trailer-playing .opening-scene{transform:translate(-50%,-50%)!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important}.opening.is-trailer-playing .opening-scene:after{display:none!important}@media(max-width:760px){.trailer-scene{border-radius:14px}.trailer-play{width:56px;height:56px}.trailer-play svg{width:30px;height:30px}.trailer-scene iframe,.opening.is-trailer-playing .trailer-scene{min-height:220px}}@media(prefers-reduced-motion:reduce){.trailer-play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-trailer.css.map */