.vue-slider {
    position: relative;
    box-sizing: content-box;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.vue-slider-dot {
    position: absolute;
    z-index: 10;
    outline: 2px solid transparent;
    outline-offset: 2px
}
.vue-slider-dot-tooltip {
    position: absolute;
    left: 50%;
    margin-top: 0.25rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 0.75rem;
    line-height: 1rem
}
.vue-slider-dot-handle {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.vue-slider-dot-handle-disabled {
    cursor: not-allowed
}
.vue-slider-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5
}
.vue-slider-rail {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px
}
.vue-slider-process {
    position: absolute;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1))
}