.vue-range-slider.slider-component{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-range-slider.slider-component .slider{position:relative;display:block}[dir] .vue-range-slider.slider-component .slider{border-radius:15px;background-color:#ccc}.vue-range-slider.slider-component .slider:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:2}[dir=ltr] .vue-range-slider.slider-component .slider:after{left:0}[dir=rtl] .vue-range-slider.slider-component .slider:after{right:0}.vue-range-slider.slider-component .slider .slider-dot{position:absolute;transition:all 0s;will-change:transform;z-index:5}[dir] .vue-range-slider.slider-component .slider .slider-dot{border-radius:50%;background-color:#fff;-webkit-transition:all 0s;cursor:pointer}[dir=ltr] .vue-range-slider.slider-component .slider .slider-dot{-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-range-slider.slider-component .slider .slider-dot{-webkit-box-shadow:-.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:-.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-range-slider.slider-component .slider .slider-dot.slider-dot-focus{-webkit-box-shadow:0 0 2px 1px #3498db}[dir] .vue-range-slider.slider-component .slider .slider-dot.slider-dot-focus{box-shadow:0 0 2px 1px #3498db}.vue-range-slider.slider-component .slider .slider-dot.slider-dot-dragging{z-index:5}.vue-range-slider.slider-component .slider .slider-dot.slider-dot-disabled{z-index:4}.vue-range-slider.slider-component .slider .slider-dot.slider-hover:hover .slider-tooltip-wrap{display:block}.vue-range-slider.slider-component .slider .slider-dot.slider-always .slider-tooltip-wrap{display:block!important}.vue-range-slider.slider-component .slider .slider-process{position:absolute;z-index:1}[dir] .vue-range-slider.slider-component .slider .slider-process{border-radius:15px;background-color:#3498db}.vue-range-slider.slider-component .slider .slider-process.slider-process-draggable{z-index:3}[dir] .vue-range-slider.slider-component .slider .slider-process.slider-process-draggable{cursor:pointer}.vue-range-slider.slider-component .slider .slider-input{position:absolute;overflow:hidden;height:1px;width:1px;clip:rect(1px,1px,1px,1px)}.vue-range-slider.slider-component .slider .slider-piecewise{position:absolute;width:100%;top:0;height:100%;list-style:none}[dir] .vue-range-slider.slider-component .slider .slider-piecewise{padding:0;margin:0}[dir=ltr] .vue-range-slider.slider-component .slider .slider-piecewise{left:0}[dir=rtl] .vue-range-slider.slider-component .slider .slider-piecewise{right:0}.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item{position:absolute;width:8px;height:8px}.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:first-child .piecewise-dot,.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:last-child .piecewise-dot{visibility:hidden}.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot{position:absolute;top:50%;width:100%;height:100%;display:inline-block;z-index:2;transition:all .3s}[dir] .vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot{background-color:rgba(0,0,0,.16);border-radius:50%;-webkit-transition:all .3s}[dir=ltr] .vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir=ltr] .vue-range-slider.slider-component.slider-horizontal .slider-dot{left:0}[dir=rtl] .vue-range-slider.slider-component.slider-horizontal .slider-dot{right:0}.vue-range-slider.slider-component.slider-horizontal .slider-process{width:0;height:100%;top:0;will-change:width}[dir=ltr] .vue-range-slider.slider-component.slider-horizontal .slider-process{left:0}[dir=rtl] .vue-range-slider.slider-component.slider-horizontal .slider-process{right:0}.vue-range-slider.slider-component.slider-vertical .slider-dot{bottom:0}.vue-range-slider.slider-component.slider-vertical .slider-process{width:100%;height:0;bottom:0;will-change:height}[dir=ltr] .vue-range-slider.slider-component.slider-vertical .slider-process{left:0}[dir=rtl] .vue-range-slider.slider-component.slider-vertical .slider-process{right:0}[dir=ltr] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-dot{right:0}[dir=rtl] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-dot{left:0}.vue-range-slider.slider-component.slider-horizontal-reverse .slider-process{width:0;height:100%;top:0}[dir=ltr] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-process{right:0}[dir=rtl] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-process{left:0}.vue-range-slider.slider-component.slider-vertical-reverse .slider-dot{top:0}.vue-range-slider.slider-component.slider-vertical-reverse .slider-process{width:100%;height:0;top:0}[dir=ltr] .vue-range-slider.slider-component.slider-vertical-reverse .slider-process{left:0}[dir=rtl] .vue-range-slider.slider-component.slider-vertical-reverse .slider-process{right:0}.vue-range-slider.slider-component.slider-horizontal-reverse .slider-piecewise .piecewise-item .piecewise-label,.vue-range-slider.slider-component.slider-horizontal .slider-piecewise .piecewise-item .piecewise-label{position:absolute;display:inline-block;top:100%;white-space:nowrap;font-size:12px;color:#333;visibility:visible}[dir=ltr] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-piecewise .piecewise-item .piecewise-label,[dir=ltr] .vue-range-slider.slider-component.slider-horizontal .slider-piecewise .piecewise-item .piecewise-label{left:50%;-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px)}[dir=rtl] .vue-range-slider.slider-component.slider-horizontal-reverse .slider-piecewise .piecewise-item .piecewise-label,[dir=rtl] .vue-range-slider.slider-component.slider-horizontal .slider-piecewise .piecewise-item .piecewise-label{right:50%;-webkit-transform:translate(50%,8px);transform:translate(50%,8px)}.vue-range-slider.slider-component.slider-vertical-reverse .slider-piecewise .piecewise-item .piecewise-label,.vue-range-slider.slider-component.slider-vertical .slider-piecewise .piecewise-item .piecewise-label{position:absolute;display:inline-block;top:50%;white-space:nowrap;font-size:12px;color:#333;visibility:visible}[dir=ltr] .vue-range-slider.slider-component.slider-vertical-reverse .slider-piecewise .piecewise-item .piecewise-label,[dir=ltr] .vue-range-slider.slider-component.slider-vertical .slider-piecewise .piecewise-item .piecewise-label{left:100%;-webkit-transform:translate(8px,-50%);transform:translate(8px,-50%)}[dir=rtl] .vue-range-slider.slider-component.slider-vertical-reverse .slider-piecewise .piecewise-item .piecewise-label,[dir=rtl] .vue-range-slider.slider-component.slider-vertical .slider-piecewise .piecewise-item .piecewise-label{right:100%;-webkit-transform:translate(-8px,-50%);transform:translate(-8px,-50%)}.vue-range-slider.slider-component .slider-tooltip-wrap{display:none;position:absolute;z-index:9}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top{top:-9px}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top{left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top{right:50%;-webkit-transform:translate(50%,-100%);transform:translate(50%,-100%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip:before{content:"";position:absolute;bottom:-10px;width:0;height:0}[dir] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip:before{border:5px solid transparent;border-top-color:inherit}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip:before{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip:before{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom{bottom:-9px}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom{left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom{right:50%;-webkit-transform:translate(50%,100%);transform:translate(50%,100%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip:before{content:"";position:absolute;top:-10px;width:0;height:0}[dir] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip:before{border:5px solid transparent;border-bottom-color:inherit}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip:before{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip:before{right:50%;-webkit-transform:translate(50%);transform:translate(50%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left{top:50%}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left{left:-9px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left{right:-9px;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip:before{content:"";position:absolute;top:50%;width:0;height:0;-webkit-transform:translateY(-50%)}[dir] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip:before{border:5px solid transparent;transform:translateY(-50%)}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip:before{right:-10px;border-left-color:inherit}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip:before{left:-10px;border-right-color:inherit}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right{top:50%}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right{right:-9px;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right{left:-9px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip:before{content:"";position:absolute;top:50%;width:0;height:0;-webkit-transform:translateY(-50%)}[dir] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip:before{border:5px solid transparent;transform:translateY(-50%)}[dir=ltr] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip:before{left:-10px;border-right-color:inherit}[dir=rtl] .vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip:before{right:-10px;border-left-color:inherit}.vue-range-slider.slider-component .slider-tooltip-wrap.merged-tooltip{display:block;visibility:hidden}.vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip{display:block;font-size:14px;white-space:nowrap;min-width:20px;color:#fff}[dir] .vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip{padding:2px 5px;text-align:center;border-radius:5px;border:1px solid #3498db;background-color:#3498db}.vue-range-slider.slider-component.slider-disabled{opacity:.5}[dir] .vue-range-slider.slider-component.slider-disabled{cursor:not-allowed}[dir] .vue-range-slider.slider-component.slider-disabled .slider-dot{cursor:not-allowed}[dir] .vue-range-slider.slider-component.slider-has-label{margin-bottom:15px}