.vue-slider-container{width:100%;height:100%;display:flex;align-items:center;height:var(--slider-height)}.vue-slider-container .vue-slider-track{width:100%;height:var(--track-height);border-radius:var(--track-radius);display:flex;background:var(--track-bg-color);position:relative}.vue-slider-container .vue-slider-progress{height:100%;background:#fff;width:var(--progress-width)}.vue-slider-container .vue-slider-track:hover .vue-slider-progress{background:var(--progress-bg-color)}.vue-slider-container .vue-slider-track:hover .vue-slider-dot{display:block}.vue-slider-container .vue-slider-dot-progress{width:0;height:0;position:absolute;left:var(--progress-width);top:50%;z-index:1}.vue-slider-container .vue-slider-dot-op-box{padding:var(--dot-padding);border-radius:50%;position:absolute;left:0;top:0;transform:translate(-50%,-50%);cursor:pointer}.vue-slider-container .vue-slider-dot-op-box .vue-slider-dot{width:var(--slider-dot-size);height:var(--slider-dot-size);background:var(--dot-bg-color);border-radius:50%;display:none}.vue-slider-container .vue-slider-dot-op-box:hover .vue-slider-dot{transform:scale(var(--dot-hover-scale))}.vue-slider-container.vue-slider-container-active .vue-slider-progress,.vue-slider-container.vue-slider-container-active .vue-slider-dot-progress{transition:unset}