.range-slider {
    position: relative;
    height: 28px;
}

.range-slider-track,
.range-slider-fill {
    position: absolute;
    top: 50%;
    height: 4px;
    border-radius: 2px;
    transform: translateY(-50%);
}

.range-slider-track {
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.range-slider-fill {
    background: #4a9eff;
}

.range-slider-input,
form .range-slider-input,
form.ccdb-filter-form input.range-slider-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    background-color: transparent;
    border: none;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

.range-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #aaa;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.range-slider-input::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #aaa;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.range-slider-input::-webkit-slider-runnable-track {
    background: transparent;
    border: none;
}

.range-slider-input::-moz-range-track {
    background: transparent;
    border: none;
}