.noUi-marker {
    height: 0 !important;
}
.noUi-value-horizontal {
    font-size: 0.8em;
    transform: translate(-40%, 10%);
    color: #999;
}
.noUi-pips-horizontal{
    height: fit-content;
}

.noUi-horizontal .noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
    outline: none;
    width: 34px;
    height: 28px;
    cursor: ew-resize;
    z-index: 3;
    background: #FFF;
    color: var(--s4w-color-2);
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    margin-top: auto;
    line-height: 1.5em;
}
.noUi-horizontal .noUi-handle:before {
    background: #FFFFFF00;
}

.noUi-horizontal .noUi-handle:after {
    background: #FFFFFF00;
}

.noUi-connects .noUi-connect{
    background: var(--s4w-color-2);
}