.how-to-use-block-label,.how-to-use-video-modal-opener{visibility:hidden;display:none}.how-to-use-block-video-thumbnail{position:relative;cursor:pointer;border-radius:50%;overflow:hidden;visibility:hidden;display:none}.how-to-use-video-button{padding:0;border:none;background:none;width:100%;position:relative;cursor:pointer}.how-to-use-video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.how-to-use-video-play-icon svg{width:15px;height:15px;fill:#fff}.how-to-use-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease}.how-to-use-video-modal[open]{opacity:1;visibility:visible;background:#1f252999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.how-to-use-video-modal__content{position:relative;width:100%;max-width:35rem;height:90vh;border-radius:12px;overflow:hidden;background:#000;border:1px solid #00D2BF}.how-to-use-video-modal__close-button{position:absolute;top:14px;left:14px;background:transparent;border:none;padding:0;cursor:pointer;z-index:10;color:#fff}.how-to-use-video-modal__close-button svg{width:24px;height:24px;fill:#fff}.how-to-use-video-modal__controls{position:absolute;top:14px;right:14px;z-index:10;display:flex;flex-direction:column;gap:18px}.how-to-use-video-modal__mute-button,.how-to-use-video-modal__share-button{background:transparent;border:none;padding:0;cursor:pointer}.how-to-use-video-modal__mute-button svg,.how-to-use-video-modal__share-button svg{width:24px;height:24px}.how-to-use-video-modal__video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.how-to-use-video-deferred-media{width:100%;height:100%}.how-to-use-video-deferred-media iframe,.how-to-use-video-deferred-media video{width:100%;height:100%;object-fit:cover}.how-to-use-play-button--2{background:linear-gradient(0deg,#00a786,#00d2bf);box-shadow:0 0 28.85px #01c9b333;border-radius:30px;padding:10px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;border:none;color:#fff;text-transform:uppercase;font-family:var(--font-heading-family);font-size:1.6rem;position:absolute;top:1.4rem;right:1.2rem;z-index:10}.swiper-video-modal-trigger{cursor:pointer}.swiper-video-modal-trigger svg{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;visibility:hidden}.how-to-use-play-button--2{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/57/assets/how-to-use-video-modal.css.map */