@charset "UTF-8";.embed-video-container{padding-bottom:4rem}.embed-video-container .embed-video-wrapper .embed-video{width:100%;height:100%;max-height:640px;aspect-ratio:16/9;background:var(--background-color);position:relative;cursor:pointer;overflow:hidden}.embed-video-container .embed-video-wrapper .embed-video img{width:100%;height:100%;object-fit:cover}.embed-video-container .embed-video-wrapper .embed-video .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0003;transition:background-color .3s ease}.embed-video-container .embed-video-wrapper .embed-video .video-overlay .play-button{transition:transform .3s ease}.embed-video-container .embed-video-wrapper .embed-video .video-overlay .play-button .play-icon{display:block;width:4rem;height:4rem}.embed-video-container .embed-video-wrapper .embed-video .video-overlay .play-button .play-hover-icon,.embed-video-container .embed-video-wrapper .embed-video:hover .video-overlay .play-button .play-icon{display:none}.embed-video-container .embed-video-wrapper .embed-video:hover .video-overlay .play-button .play-hover-icon{display:block;width:4rem;height:4rem}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;z-index:1000;justify-content:center;align-items:center}.video-modal .modal-content{position:relative;width:90%;max-width:1200px;background-color:transparent}.video-modal .modal-content .close-button{--button-size: 2rem;position:absolute;top:calc(-1 * var(--button-size) * 1.25);right:0;cursor:pointer;z-index:1001;width:var(--button-size);height:var(--button-size);display:flex;justify-content:center;align-items:center}.video-modal .modal-content .close-button:before,.video-modal .modal-content .close-button:after{content:"";display:block;background:#000;width:var(--button-size);height:1.5px;position:absolute}.video-modal .modal-content .close-button:before{transform:rotate(45deg)}.video-modal .modal-content .close-button:after{transform:rotate(-45deg)}.video-modal .modal-content .modal-video-container{--aspect-16-9: 56.25% ;width:100%;padding-top:var(--aspect-16-9);position:relative}.video-modal .modal-content .modal-video-container #youtubePlayer{position:absolute;top:0;left:0;width:100%;height:100%}.video-modal .modal-content .modal-video-container #youtubePlayer iframe{width:100%;height:100%;border:none}@media screen and (max-width: 768px){.video-modal .modal-content{width:95%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/video-modal.css.map */