.video-player{position:relative;overflow:hidden;background-color:#000}.video-player--fit-parent{position:absolute;width:100%;height:100%;top:0;left:0}.video-player--fullscreen{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;padding:0!important}.video-player__source,.video-player__preview,.video-player__video,.video-player__click-area,.video-player__overlay{position:absolute;width:100%;height:100%;top:0;left:0}.video-player--first-interacted .video-player__preview{display:none}.video-player--cover .video-player__video{object-fit:cover}.video-player__click-area{cursor:pointer}.video-player__overlay:before,.video-player__overlay:after{content:"";position:absolute;width:100%;left:0}.video-player__overlay:before{height:100%;top:0;left:0;background:#0003;transition:opacity .3s ease}.video-player--playing .video-player__overlay:before{opacity:0}.video-player__overlay:after{height:80px;bottom:0;opacity:0;background:linear-gradient(180deg,#1f1b1600,#1f1b1600 2.92%,#1f1b1603 10.97%,#1f1b1609 23.1%,#1f1b1617 38.27%,#1f1b162e 55.41%,#1f1b164e 73.47%,#1f1b1699);transition:opacity .3s ease}.video-player--controls-panel-visible .video-player__overlay:after{opacity:1}.video-player__preview{object-fit:cover}.video-player__overlay-play-icon,.video-player__overlay-loader-icon{position:absolute;top:50%;left:50%;transition:visibility .2s,opacity .2s}.video-player__overlay-play-icon{width:40px;height:40px;margin:-20px 0 0 -20px;background:url(./12stz-play-white.svg) 0 0 / 100% 100%}.video-player--first-interacted .video-player__overlay-play-icon{visibility:hidden;opacity:0}.video-player__overlay-loader-icon{visibility:hidden;width:60px;height:15px;margin:-7.5px 0 0 -30px;opacity:0;background:url(./loader.svg) 0 0 / 100% 100%}.video-player--loading .video-player__overlay-loader-icon{visibility:visible;opacity:1}.video-player__controls{display:flex;visibility:hidden;position:absolute;width:100%;height:40px;bottom:0;left:0;z-index:1;align-items:center;opacity:0;transform:translateY(50%);transition:visibility .3s ease,opacity .3s ease,transform .3s ease}.video-player--controls-panel-visible .video-player__controls{visibility:visible;opacity:1;transform:translateY(0)}.video-player__play-button,.video-player__fullscreen-button{position:relative;width:40px;height:40px;cursor:pointer}.video-player__play-button:after,.video-player__fullscreen-button:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px}.video-player__play-button:after{background:url(./12stz-play-white.svg) 0 0 / 100% 100%}.video-player--playing .video-player__play-button:after{background:url(./12stz-pause-white.svg) 0 0 / 100% 100%}.video-player__fullscreen-button:after{background:url(./12stz-fullscreen-white.svg) 0 0 / 100% 100%}.video-player--fullscreen .video-player__fullscreen-button:after{background:url(./12stz-smallscreen-white.svg) 0 0 / 100% 100%}.video-player__timeline{position:relative;height:40px;padding:0 8px;flex:1;overflow:hidden}.video-player__timeline-track{position:absolute;height:100%;top:0;right:9px;left:9px;cursor:pointer}.video-player__timeline-progress-bar{position:absolute;width:100%;height:2px;top:50%;left:0;margin-top:-1px;overflow:hidden;border-radius:1px;background-color:#ffffff3d}.video-player__timeline-progress{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1px;background-color:#fff;transform:translate(-100%)}.video-player__timeline-ball-container{position:absolute;width:100%;height:100%;top:0;left:0;transform:translate(-100%);will-change:transform}.video-player__timeline-ball{position:absolute;width:12px;height:12px;top:50%;left:100%;margin:-6px 0 0 -6px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;border-radius:6px;background-color:#fff}.video-player__timeline-ball:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.video-player__timeline-ball:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.video-player__close-button{display:none;position:absolute;width:40px;height:40px;top:8px;right:8px;cursor:pointer}.video-player--fullscreen .video-player__close-button{display:block}.video-player__close-button:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;background:url(./12stz-close-white.svg) 0 0 / 100% 100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-player.css.map */