.slider-round {
    height: 20px;
    border-radius: 10px;
}

.slider-round .noUi-connect {
    background-color: var(--corOdisseusPurple) !important;
   
}

.slider-round .noUi-handle {
    height: 18px;
    width: 18px;
    top: -5px;
    right: -9px; /* half the width */
    border-radius: 9px;
}

.noUi-connects{
    border-radius: 10px;
    background-color: var(--corOdisseusPurpleTransparency) !important;
    
}

.noUi-handle
{
    top:0px!important;  
}

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

.noUi-tooltip{
    font-size: 8pt;
    /* background-color: transparent!important; */
    opacity: 0.8;
}