@vdt-jquery/jquery-rangeslider/Content/jquery-rangeslider.style.css

A jQuery plugin that makes it easy to transform any html-element into a range slider with definable range that is consistent across browsers.

:root {
    --rangeslider-height: 1.5em;
    --rangeslider-thumb-color: #666666;
    --rangeslider-thumb-height: calc(100% + 0.3em);
    --rangeslider-thumb-width: 0.6em;
    --rangeslider-track-color: #cccccc;
    --rangeslider-track-height: 0.3em;
}

.rangeslider {
    height: var(--rangeslider-height);
}

.rangeslider-thumb {
    background-color: var(--rangeslider-thumb-color);
    border-width: 0px;
    border-radius: 0.125em;
    top: calc(50% - var(--rangeslider-thumb-height) / 2);
    width: var(--rangeslider-thumb-width);
    height: var(--rangeslider-thumb-height);
}

.rangeslider-track {
    background-color: var(--rangeslider-track-color);
    top: calc(50% - var(--rangeslider-track-height) / 2);
    height: var(--rangeslider-track-height);
}