.video-section{padding-top:5rem;padding-bottom:5rem}@media screen and (min-width: 750px){.video-section{padding-top:calc(5rem + var(--page-width-margin));padding-bottom:calc(5rem + var(--page-width-margin))}}.video-section__media{position:relative;width:100%;overflow:hidden}.video-section__media iframe,.video-section__media video,.video-section__media .video-section__poster{background-color:rgba(var(--color-foreground),.03);border:0;position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);z-index:2}.video-section__media .video-section__poster,.video-section__media iframe,.video-section__media video{width:100%;height:calc(100% + 100px)}.video-section__media .video-section__poster{object-fit:cover;display:block;z-index:1}.video-section__media .text-over-video{position:absolute;top:0;left:0;color:#fff;z-index:3;width:100%;height:100%;padding:40px;display:flex;align-items:center}.video-section__media .text-over-video.text-over-video-center{justify-content:center;text-align:center}.video-section__media .text-over-video.text-over-video-right{justify-content:flex-end;text-align:right}.video-section__media .text-over-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-section__media .text-over-video>div{z-index:2;position:relative}.video-section__media .text-over-video .button,.video-section__media .text-over-video .button:hover,.video-section__media .text-over-video .button:focus{color:#000;background-color:#fff;border:0;font-weight:700}.video-section__media .text-over-video .button svg{width:20px;height:20px;margin-right:10px;display:inline-block}@media screen and (max-width: 749px){.video-section__media .text-over-video{padding:20px}}@media (min-aspect-ratio: 16/9){.video-section__media iframe,.video-section__media video,.video-section__media .video-poster{height:56.25vw}}@media (max-aspect-ratio: 16/9){.video-section__media iframe,.video-section__media video,.video-section__media .video-poster{width:177.78vh}}.video-modal{display:none;bottom:0;left:0;opacity:1;overflow:hidden;position:fixed;right:0;top:0;z-index:30;color:#fff;align-items:center;justify-content:center}.video-modal.active{display:flex;overflow:hidden}.video-modal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;opacity:.6}.video-modal-content{flex:0 1 auto;margin:15px;width:100%;max-width:1000px;display:flex;align-items:center;box-shadow:0 12px 25px #00000026;position:relative;z-index:1}.video-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;padding-bottom:56.25%;height:auto}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-modal .button.modal-close,.video-modal .button:not(.button-secondary).modal-close{position:absolute;top:-10px;right:-10px;z-index:1;background:#fff;border-color:#fff;width:36px;height:36px;padding:0;min-width:auto;min-height:auto;border-radius:100%}.video-modal .modal-close svg{display:block;width:24px;height:24px}@media only screen and (min-width: 769px){.video-modal-content{margin:40px}.video-modal .button.modal-close,.video-modal .button:not(.button-secondary).modal-close{top:-15px;right:-15px;width:48px;height:48px}.video-modal .modal-close svg{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/490/assets/video-modal.css.map */