.noUi-target, .noUi-target * {
    box-sizing: border-box;
}

.noUi-horizontal {
    height: 4px;
}

.noUi-handle {
    width: 20px !important;
    height: 20px !important;
    top: -8px !important;
    right: -10px !important;
    border-radius: 50%;
    background: var(--sub-color);
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    cursor: pointer;
}

    .noUi-handle::before, .noUi-handle::after {
        display: none !important;
    }

.noUi-target {
    background: #F2F2F2;
    border: none !important;
    padding: 0 10px !important;
    cursor: pointer;
}

.noUi-connect {
    background: var(--sub-color);
}