.slider__track {
    top: 50%;

    width: 100%;
    height: 2px;

    text-align: center;

    background: #D8D8D8;
    transform: translateY(-50%);
}

.slider__value {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;

    margin: 0 auto;

    font-size: 10px;
    font-weight: 500;
}

.slider-handle {
    position: absolute;
    left: 0;
    z-index: 1;

    width: 10px;
    height: 10px;

    text-align: center;

    background: #D8D8D8;
    border: 1px solid #979797;
    border-radius: 50%;
    cursor: grab;
    overflow: visible;
    transform: translate(-6px, -6px) translateZ(0);
}

.slider-handle--dragging {
    z-index: 2;

    background: #B8B8B8;
    box-shadow: 1px 2px 4px 1px rgba(35,35,41, .9);
}