input[type=range] {
    appearance: none;
    width: 100%;
    background: transparent;
}

input[type=range]::-webkit-slider-thumb {
    appearance: none;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    appearance: none;
    border: var(--border);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-top: -11px;
    background: var(--accent);
    cursor: move;
    z-index: 2;
    position: relative;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: var(--lightgray);
    border-radius: 50vh;
}