.video-container{position:relative;display:inline-flex;width:100%}.video-container.fullscreen{height:100%;width:100%;background:#000;display:flex}.video-container.fullscreen .control--fullscreen .fa-expand{display:none}.video-container.fullscreen .control--fullscreen .fa-compress{display:inline-flex}.video-container__video{height:100%;position:relative;z-index:1}.video-container__video::-webkit-media-controls{display:none!important}.video-container__controls{position:absolute;z-index:2;bottom:0;width:100%;display:flex;align-items:center;padding-top:40px;padding-left:10px;padding-right:10px;height:80px;opacity:0;transition:all .15s ease}.video-container__controls:before{content:"";height:300px;width:100%;background:linear-gradient(0deg,#000000b8,#0000 61.29%);position:absolute;bottom:0;left:0}.video-container__controls.visible{opacity:1}.video-container__controls .progress{width:calc(100% - 20px);cursor:pointer;height:24px;position:absolute;left:0;top:20px;margin-left:10px;margin-right:10px}.video-container__controls .progress:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:10px;background:#4e5251}.video-container__controls .progress__current{position:absolute;top:50%;left:0;height:10px;background:#acacac;z-index:2;transform:translateY(-50%)}.video-container__controls .progress__current:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translate(50%,-50%);border-radius:50%;border:4px solid #fff;width:20px;height:20px;background:#fff}.video-container__controls .progress .tooltip{position:absolute;bottom:0;left:50%;width:100px}.video-container__controls .progress .tooltip video{width:100%}.video-container__controls .control{border:0;padding:0;background:transparent;outline:none;margin-right:15px;cursor:pointer;width:20px;display:flex;align-items:center;justify-content:center}.video-container__controls .control:hover svg{color:#acacac;z-index:6}.video-container__controls .control i,.video-container__controls .control svg{font-size:20px;color:#fff;z-index:6;fill:#fff;height:14px;width:14px}.video-container__controls .control svg path{fill:#fff;width:14px;height:14px}.video-container__controls .control--play .fa-pause{display:inline-flex}.video-container__controls .control--play .fa-play{display:none}.video-container__controls .control--play.paused .fa-play{display:inline-flex}.video-container__controls .control--play.paused .fa-pause{display:none}.video-container__controls .control--volume{width:unset}.video-container__controls .control--volume__button{width:20px;display:flex;justify-content:flex-start}.video-container__controls .control--volume__button .fa-volume-up{display:inline-flex}.video-container__controls .control--volume__button .fa-volume-off{display:none}.video-container__controls .control--volume__slider{display:flex;opacity:1;-webkit-appearance:none;width:90px;margin-left:10px}.video-container__controls .control--volume__slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#fff}.video-container__controls .control--volume__slider::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;height:14px;width:4px;border-radius:0;background-color:#fff;cursor:pointer}.video-container__controls .control--volume__slider:focus{outline:none}.video-container__controls .control--volume__slider:hover,.video-container__controls .control--volume:hover .control--volume__slider{opacity:1}.video-container__controls .control--volume.muted .fa-volume-up{display:none}.video-container__controls .control--volume.muted .fa-volume-off{display:inline-flex}.video-container__controls .control--fullscreen{margin-left:auto;margin-right:0}.video-container__controls .control--fullscreen .fa-compress{display:none}.video-container__video::-webkit-media-controls-panel{background-color:#f0f;border-radius:10%;height:30%}.video-container__video::-webkit-media-controls-enclosure{width:90%}.videoPoster{position:absolute;width:100%;z-index:6}.customGradient:before{content:"";width:100%;position:absolute;height:300px;bottom:0;z-index:3;background:linear-gradient(0deg,#00000052,#0000 61.29%)}.control_wrapper{padding:0 20px;display:flex;align-items:center;justify-content:space-between;width:100%}.control_onleft{display:flex;align-items:center}.show-play-button{border:none}.hide-icon{z-index:8!important}.video-container__controls .control--volume__slider{z-index:1;height:3px}
/*# sourceMappingURL=/cdn/shop/t/69/assets/pdp-media.css.map */