.youtube-video{width:100%}.youtube-video__header{margin-bottom:24px;text-align:center}.youtube-video__title{font-size:2rem;font-weight:400;margin:0}.youtube-video__poster-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;cursor:pointer;background-color:#000}.youtube-video__poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s ease}.youtube-video__poster--placeholder{width:100%;height:100%}.youtube-video__poster--placeholder img{width:100%;height:100%;object-fit:cover}.youtube-video__poster-wrapper:hover .youtube-video__poster{transform:scale(1.02);opacity:.9}.youtube-video__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#000000b3;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;color:#fff;padding:0}.youtube-video__play-button svg{width:32px;height:32px;margin-left:4px}.youtube-video__poster-wrapper:hover .youtube-video__play-button{background-color:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.youtube-video__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.youtube-video__modal.is-open{opacity:1;visibility:visible}.youtube-video__modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;cursor:pointer}.youtube-video__modal-content{position:relative;width:90%;max-width:1200px;z-index:1;transform:scale(.9);transition:transform .3s ease}.youtube-video__modal.is-open .youtube-video__modal-content{transform:scale(1)}.youtube-video__modal-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:#fff;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.youtube-video__modal-close:hover{opacity:.7}.youtube-video__modal-close svg{width:28px;height:28px}.youtube-video__iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:#000;border-radius:8px;overflow:hidden}.youtube-video__iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 767px){.youtube-video__title{font-size:1.5rem}.youtube-video__play-button{width:60px;height:60px}.youtube-video__play-button svg{width:24px;height:24px}.youtube-video__modal-content{width:95%}.youtube-video__modal-close{top:-45px;right:5px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/youtube-video.css.map */