video-player{display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}video-player video,video-player button svg{width:100%;height:auto}video-player video img{width:100%;height:auto;position:absolute;top:0;left:0}video-player button{position:absolute;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:.2s all ease-in-out;border:none;background:#0000;cursor:pointer;padding:0}video-player .play-btn{top:50%;left:50%;border:2px solid #000;background:#0000004f;transform:translate(-50%,-50%)}video-player .play-btn svg{padding:10px}video-player .mute-btn{bottom:20px;left:20px}video-player .mute-btn .sound-active{opacity:1;transition:.2s all ease-in-out}video-player .mute-btn .mute-active{opacity:0;transition:.2s all ease-in-out}video-player .mute-btn.active .sound-active{opacity:0}video-player .mute-btn.active .mute-active{opacity:1}video-player.played .play-btn{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/34/assets/video-player.css.map */