youtube-style-player{display:block;position:relative;overflow:hidden;background:#000;width:100%;cursor:pointer;user-select:none;-webkit-user-select:none}youtube-style-player video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.video-player__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-player__poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-player__poster-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:68px;height:48px;background:#000000b3;border-radius:14px;border:none;cursor:pointer;transition:background .2s ease}.video-player__poster-btn:hover{background:#ff0000d9}.video-player__poster-btn .icon{width:24px;height:24px;color:#fff}.video-player__poster.hidden{display:none}.video-player__tap-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:5;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#00000080;opacity:0;pointer-events:none;transition:none}.video-player__tap-indicator .icon{width:24px;height:24px;color:#fff}.video-player__tap-indicator.animate{animation:tap-indicator-fade .5s ease forwards}@keyframes tap-indicator-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.video-player__controls{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:30px 12px 10px;background:linear-gradient(transparent,#000000b3);opacity:1;transition:opacity .3s ease}.video-player__controls.hidden{opacity:0;pointer-events:none}.video-player__progress-container{position:relative;width:100%;height:14px;display:flex;align-items:center;cursor:pointer}.video-player__progress-bar{position:relative;width:100%;height:3px;background:#ffffff4d;border-radius:2px;transition:height .1s ease;overflow:visible}.video-player__progress-container:hover .video-player__progress-bar,.video-player__progress-container.dragging .video-player__progress-bar{height:5px}.video-player__buffered{position:absolute;top:0;left:0;height:100%;background:#fff6;border-radius:2px;pointer-events:none}.video-player__progress{position:absolute;top:0;left:0;height:100%;background:var(--video-player-accent, #FF0000);border-radius:2px;pointer-events:none}.video-player__scrubber{position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:13px;height:13px;border-radius:50%;background:var(--video-player-accent, #FF0000);pointer-events:none;transition:transform .1s ease}.video-player__progress-container:hover .video-player__scrubber,.video-player__progress-container.dragging .video-player__scrubber{transform:translate(-50%,-50%) scale(1)}.video-player__time{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}@media screen and (min-width:750px){.video-player__time{font-size:13px}}.video-player__empty{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:#1a1a1a;color:#666;font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-video-player.css.map */