.noUiSlider { position: relative; background: #ddd; border-radius: 3px; }
.noUiSlider.horizontal { height: 14px; }
.noUiSlider.vertical { width: 14px; height: 200px; display: inline-block; }
.noUiSlider a {
    position: absolute; width: 24px; height: 24px;
    background: #fff; border: 1px solid #999; border-radius: 50%;
    cursor: pointer; box-sizing: border-box;
    top: -6px; margin-left: -12px;
}
.noUiSlider.vertical a { left: -6px; top: auto; margin-left: 0; margin-top: -12px; }
.noUiSlider a div { width: 100%; height: 100%; }
.noUiSlider a.active { background: #eef; }
.noUiSlider.disabled { opacity: 0.5; }
body.TOUCH { user-select: none; }