input[type="range"].multirange {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    height: var( --track-height );
    background-color: transparent;
    border: none;
}

input[type="range"].multirange::-moz-range-thumb {
    transform: scale(1); /* FF doesn't apply position it seems */
}

input[type="range"].multirange.original {
    position: absolute;
}

input[type="range"].multirange.original::-webkit-slider-thumb {
    position: relative;
    z-index: 2;
}

input[type="range"].multirange.original::-moz-range-thumb {
    z-index: 2;
}

input[type="range"].multirange::-moz-range-track {
    border-color: transparent; /* needed to switch FF to "styleable" control */
}

input[type="range"].multirange.middle {
    position: absolute;
    -webkit-appearance: none;
}

input[type="range"].multirange.middle:focus {
    outline: none;
}

input[type="range"]::-moz-range-thumb {
    position: relative;
    z-index: 1;
    height: var(--size);
    width: var(--size);
    background: black;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
}

input[type="range"]::-webkit-slider-thumb {
    position: relative;
    z-index: 1;
    height: var(--size);
    width: var(--size);
    background: black;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 50%;
    margin-top: -0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

input[type="range"].multirange.ghost {
    position: relative;
    /*
    background: var(--track-background);

     --track-background: linear-gradient(to right,
    transparent var(--low), var(--range-color) 0,
    var(--range-color) var(--high), transparent 0
    ) no-repeat 0 45% / 100% 40%;
     */
}

input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
    background-color: transparent;
}

input[type="range"].multirange.ghost::-moz-range-track {
    background-color: transparent;
}

input[type="range"].multirange.ghost::-webkit-slider-thumb {
    position: relative;
    z-index: 2;
}

input[type="range"].multirange.ghost::-moz-range-thumb {
    z-index: 2;
}