.video-modal[open]{opacity:1;visibility:visible;z-index:103}.video-modal{width:100%;height:100%;background-color:#000c;box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto}.video-modal__content{border-radius:32px;width:calc(100% - 20px);max-width:100%;height:max-content;max-height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;padding:0}.video-modal__content-info video,.video-modal__content-info iframe{border-radius:32px;width:100%}.video-modal__toggle{position:absolute;top:-48px;right:16px}@media (min-width: 1200px){.video-modal__content{width:calc(100% - 3.2rem);max-width:800px}.video-modal__toggle{top:16px;right:-52px}}@media screen and (min-width: 750px){.video-section.page-width{margin-top:calc(5rem + var(--page-width-margin));margin-bottom:calc(5rem + var(--page-width-margin))}}.video-section__media{position:relative}.video-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.video-section__media.deferred-media{overflow:visible;height:840px}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media{max-width:100%}.video-section__media--cover video{object-fit:cover}.video-section__content{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:3rem;z-index:2;text-align:center}.video-section__content h2{margin:0 auto;max-width:44rem}.video-section__play-button{display:flex;align-items:center;justify-content:center;flex:none;width:80px;height:80px}.video-section__play-button svg{margin-left:.2rem;width:80px;color:#282828;transition:transform var(--duration-default)}.video-section__play-button:hover svg{transform:scale(1.2)}.video-section__subheading.subtitle{margin:0}.video-section__subheading+.video-section__heading{margin-top:.8rem}.video-section__margin{margin-top:var(--m-video-margin-top);position:relative;z-index:1}.body-template-product .video-section{margin-top:-28px;position:relative;z-index:1}.modal-video-active .video-section__margin{z-index:99}.video-section .video-modal__button video{object-fit:cover}@media only screen and (min-width: 750px){.video-section__margin{margin-top:var(--video-margin-top)}.video-section__media.deferred-media{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/section-video.css.map */