.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}.camera-player-controls{min-width:100%;opacity:1!important}[dir] .camera-player-controls{background-color:rgba(0,0,0,.8);padding:.2rem 1rem}.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:#2f80ed!important;border:2px solid rgba(47,128,237,.1254901961);cursor:pointer}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}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}[dir=ltr] .right-controls{margin-left:auto}[dir=rtl] .right-controls{margin-right:auto}.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}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:#2f80ed;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 #2f80ed;background:#2f80ed;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-menu .vs-dropdown--menu,#playback-rate-menu .vs-dropdown--menu--after{color:hsla(0,0%,75.3%,.8)}[dir] #playback-rate-menu .vs-dropdown--menu,[dir] #playback-rate-menu .vs-dropdown--menu--after{background-color:rgba(0,0,0,.4)}[dir] .playback-rate-item:hover{background-color:#87ceeb}.video-loading-overlay{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;z-index:10}[dir] .video-loading-overlay{background:rgba(0,0,0,.5)}[dir=ltr] .video-loading-overlay,[dir=rtl] .video-loading-overlay{left:0;right:0}.spinner{width:40px;height:40px}[dir] .spinner{border:4px solid #2d9cdb;border-top:4px solid #fff;border-radius:50%;margin-bottom:16px}[dir=ltr] .spinner{-webkit-animation:spin-ltr 1s linear infinite;animation:spin-ltr 1s linear infinite}[dir=rtl] .spinner{-webkit-animation:spin-rtl 1s linear infinite;animation:spin-rtl 1s linear infinite}@-webkit-keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.live-camera-area{position:relative}.live-camera-area p{position:absolute;top:50%;color:#fff;z-index:5}[dir] .live-camera-area p{margin:0;padding:0}[dir=ltr] .live-camera-area p{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .live-camera-area p{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.live-camera-area button{z-index:5;position:absolute;top:80%}[dir=ltr] .live-camera-area button{left:50%;margin-left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .live-camera-area button{right:50%;margin-right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.hykecam-camera-area{position:relative}[dir] .hykecam-camera-area{background-color:#000}.hykecam-center{width:55%}[dir] .hykecam-center{margin:0 auto}.hykecam-video{width:100%;z-index:10}.loader{font-size:10px;text-indent:-9999em;width:100px;height:100px;position:absolute;top:20%;-webkit-transform:translateZ(0);z-index:20}[dir] .loader{margin:50px auto;border-radius:50%;background:#fff;transform:translateZ(0)}[dir=ltr] .loader{background:-webkit-gradient(linear,left top,right top,color-stop(10%,#fff),color-stop(42%,hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff 10%,hsla(0,0%,100%,0) 42%);left:40%;-webkit-animation:load3-ltr 1.4s linear infinite;animation:load3-ltr 1.4s linear infinite}[dir=rtl] .loader{background:-webkit-gradient(linear,right top,left top,color-stop(10%,#fff),color-stop(42%,hsla(0,0%,100%,0)));background:linear-gradient(270deg,#fff 10%,hsla(0,0%,100%,0) 42%);right:40%;-webkit-animation:load3-rtl 1.4s linear infinite;animation:load3-rtl 1.4s linear infinite}.loader:before{width:50%;height:50%;position:absolute;top:0;content:""}[dir] .loader:before{background:#fff}[dir=ltr] .loader:before{border-radius:100% 0 0 0;left:0}[dir=rtl] .loader:before{border-radius:0 100% 0 0;right:0}.loader:after{width:75%;height:75%;content:"";position:absolute;top:0;bottom:0}[dir] .loader:after{background:#000;border-radius:50%;margin:auto}[dir=ltr] .loader:after,[dir=rtl] .loader:after{left:0;right:0}@-webkit-keyframes load3-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes load3-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes load3-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}