.video-banner-play{position:relative;width:100%;overflow:hidden;min-height:46vw}.video-banner-play--small{min-height:32vw}.video-banner-play--medium{min-height:46vw}.video-banner-play--large{min-height:62vw}.video-banner-play__media{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-banner-play__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-banner-play__poster img,.video-banner-play__poster .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.video-banner-play__poster--placeholder{background-color:#1a1a1a}.video-banner-play__poster--placeholder .placeholder-svg{opacity:.4}.video-banner-play__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2}.video-banner-play__content{position:relative;z-index:3;max-width:700px;width:100%;text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.video-banner-play__heading,.video-banner-play__subtitle{margin:0}.video-banner-play__button{text-decoration:none}.video-banner-play__play{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;margin:4px 0;border:1px solid currentColor;border-radius:50%;background-color:transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.video-banner-play__play svg{width:22px;height:22px;fill:currentColor;margin-left:4px}.video-banner-play__content--light .video-banner-play__play{color:#fff}.video-banner-play__content--light .video-banner-play__play:hover{background-color:#fff;color:#323232}.video-banner-play__content--dark .video-banner-play__play{color:#323232}.video-banner-play__content--dark .video-banner-play__play:hover{background-color:#323232;color:#fff}.video-banner-play__play:hover{transform:scale(1.06)}.video-banner-play__play:focus-visible{outline:2px solid currentColor;outline-offset:4px}.video-banner-play__poster,.video-banner-play__overlay,.video-banner-play__content{transition:opacity .3s ease}.video-banner-play__media[loaded] .video-banner-play__poster,.video-banner-play__media[loaded] .video-banner-play__overlay,.video-banner-play__media[loaded] .video-banner-play__content{opacity:0;visibility:hidden;pointer-events:none}.video-banner-play__media>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:4}.video-banner-play__media>iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:177.78vh;height:56.25vw;transform:translate(-50%,-50%);border:0;z-index:4}@media screen and (max-width:750px){.video-banner-play--small{min-height:62vw}.video-banner-play--medium{min-height:80vw}.video-banner-play--large{min-height:105vw}.video-banner-play__content{padding:30px 15px;gap:15px}.video-banner-play__play{width:60px;height:60px}.video-banner-play__play svg{width:18px;height:18px}}@media screen and (max-width:480px){.video-banner-play--small{min-height:80vw}.video-banner-play--medium{min-height:100vw}.video-banner-play--large{min-height:125vw}.video-banner-play__content{padding:20px 15px;gap:12px}}@media(prefers-reduced-motion:reduce){.video-banner-play__play,.video-banner-play__poster,.video-banner-play__overlay,.video-banner-play__content{transition:none}.video-banner-play__play:hover{transform:none}}.video-banner-play-section{padding:0;margin:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-banner-play.css.map */