.vue-slider-disabled{opacity:.5}[dir] .vue-slider-disabled{cursor:not-allowed}[dir] .vue-slider-rail{background-color:#ccc;border-radius:15px}[dir] .vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%}[dir] .vue-slider-mark-step{border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .vue-slider-dot-handle{cursor:pointer;border-radius:50%;background-color:#fff}[dir=ltr] .vue-slider-dot-handle{-webkit-box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}[dir=rtl] .vue-slider-dot-handle{-webkit-box-shadow:-.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:-.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 1px 2px rgba(52,152,219,.36)}[dir] .vue-slider-dot-handle-focus{box-shadow:0 0 1px 2px rgba(52,152,219,.36)}[dir] .vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;min-width:20px;color:#fff;-webkit-box-sizing:content-box;box-sizing:content-box}[dir] .vue-slider-dot-tooltip-inner{padding:2px 5px;text-align:center;border-radius:5px;border-color:#3498db;background-color:#3498db}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-top:after{border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}[dir=ltr] .vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-slider-dot-tooltip-inner-top:after{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-bottom:after{border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}[dir=ltr] .vue-slider-dot-tooltip-inner-bottom:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-slider-dot-tooltip-inner-bottom:after{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-slider-dot-tooltip-inner-left:after{top:50%;-webkit-transform:translateY(-50%);height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-left:after{transform:translateY(-50%);border-color:transparent;border-style:solid;border-width:5px}[dir=ltr] .vue-slider-dot-tooltip-inner-left:after{left:100%;border-left-color:inherit}[dir=rtl] .vue-slider-dot-tooltip-inner-left:after{right:100%;border-right-color:inherit}.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);height:0;width:0}[dir] .vue-slider-dot-tooltip-inner-right:after{transform:translateY(-50%);border-color:transparent;border-style:solid;border-width:5px}[dir=ltr] .vue-slider-dot-tooltip-inner-right:after{right:100%;border-right-color:inherit}[dir=rtl] .vue-slider-dot-tooltip-inner-right:after{left:100%;border-left-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;transition:all .3s}[dir] .vue-slider-dot-tooltip-wrapper{-webkit-transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.video-controls{position:absolute;transition:all .2s ease}[dir] .video-controls{cursor:pointer;padding:10px;-webkit-transition:all .2s ease;background-image:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5))}[dir=ltr] .video-controls{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.5)))}[dir=rtl] .video-controls{background-image:-webkit-gradient(linear,right top,right bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.5)))}.video-controls.hide{opacity:0;pointer-events:none}.video-progress{position:relative;height:8.4px}[dir] .video-progress{margin-bottom:10px}.play-back-video-seek-dot{width:100%;height:100%}[dir] .play-back-video-seek-dot{border-radius:50%;background-color:#7367f0}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}[dir] progress{border-radius:2px}[dir] progress::-webkit-progress-bar,[dir] progress::-webkit-progress-value{background-color:#474545;border-radius:2px}.seek{position:absolute;top:0;width:100%}[dir] .seek{cursor:pointer;margin:0}.seek:hover+.seek-tooltip{display:block}.seek-tooltip{display:none;position:absolute;top:-50px;font-size:12px;content:attr(data-title);font-weight:700;color:#fff}[dir] .seek-tooltip{padding:3px;background-color:rgba(0,0,0,.6)}[dir=ltr] .seek-tooltip{margin-left:-20px}[dir=rtl] .seek-tooltip{margin-right:-20px}.bottom-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-controls,.right-controls{color:#fff}.left-controls,.right-controls,.volume-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .volume-controls{margin-right:10px}[dir=rtl] .volume-controls{margin-left:10px}.volume-controls input{width:100px;opacity:1;transition:all .4s ease}[dir] .volume-controls input{-webkit-transition:all .4s ease}.volume-controls:hover input,.volume-controls input:focus{width:100px;opacity:1}[dir=ltr] .fullscreen-button{margin-right:0}[dir=rtl] .fullscreen-button{margin-left:0}.playback-animation{pointer-events:none;position:absolute;top:50%;width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0}[dir] .playback-animation{margin-top:-40px;border-radius:80px;background-color:rgba(0,0,0,.6)}[dir=ltr] .playback-animation{left:50%;margin-left:-40px}[dir=rtl] .playback-animation{right:50%;margin-right:-40px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;height:8.4px}[dir] input[type=range]{background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;-webkit-appearance:none;transition:all .4s ease}[dir] input[type=range]::-webkit-slider-runnable-track{cursor:pointer;border-radius:1.3px;-webkit-transition:all .4s ease}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;-webkit-appearance:none}[dir] input[type=range]::-webkit-slider-thumb{border-radius:16px;background:#7367f0;cursor:pointer}[dir=ltr] input[type=range]::-webkit-slider-thumb{margin-left:-1px}[dir=rtl] input[type=range]::-webkit-slider-thumb{margin-right:-1px}[dir] input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}input[type=range].volume{height:5px}[dir] input[type=range].volume{background-color:#fff}[dir] input[type=range].volume::-webkit-slider-runnable-track{background-color:transparent}input[type=range].volume::-webkit-slider-thumb{height:14px;width:14px}[dir] input[type=range].volume::-webkit-slider-thumb{background:#fff}[dir=ltr] input[type=range].volume::-webkit-slider-thumb{margin-left:0}[dir=rtl] input[type=range].volume::-webkit-slider-thumb{margin-right:0}input[type=range]::-moz-range-track{width:100%;height:8.4px}[dir] input[type=range]::-moz-range-track{cursor:pointer;border:1px solid transparent;background:transparent;border-radius:1.3px}input[type=range]::-moz-range-thumb{height:14px;width:14px}[dir] input[type=range]::-moz-range-thumb{border-radius:50px;border:1px solid #7367f0;background:#7367f0;cursor:pointer;margin-top:5px}input[type=range]:focus::-moz-range-track{outline:none}[dir] input[type=range].volume::-moz-range-thumb{border:1px solid #fff;background:#fff}.play-button svg{width:24px;height:24px}[dir] .play-button svg{cursor:pointer}[dir=ltr] .play-button svg{margin-right:1rem}[dir=rtl] .play-button svg{margin-left:1rem}.pause-button svg{width:24px;height:24px}[dir] .pause-button svg{cursor:pointer}[dir=ltr] .pause-button svg{margin-right:1rem}[dir=rtl] .pause-button svg{margin-left:1rem}.volume-button svg{width:24px;height:24px}[dir] .volume-button svg{cursor:pointer}[dir=ltr] .volume-button svg{margin-right:1rem}[dir=rtl] .volume-button svg{margin-left:1rem}#playback-rate-controls{display:grid;grid-template-rows:40px;grid-template-columns:24px 42px 24px;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-areas:"area-minus area-rate area-plus"}[dir=ltr] #playback-rate-controls{margin-right:1rem}[dir=rtl] #playback-rate-controls{margin-left:1rem}#item-playback-minus-button{grid-area:area-minus;width:24px;height:24px}#item-playback-rate{grid-area:area-rate;font-size:18px;font-weight:500}[dir=ltr] #item-playback-rate,[dir=rtl] #item-playback-rate{margin-left:1rem;margin-right:1rem}#item-playback-plus-button{grid-area:area-plus;width:24px;height:24px}