:root{
    --trap-main-color: #2B2E41;
    --trap-label-color: #fff;
    --trap-button-color: #fff;
}
.noUi-marker.noUi-marker-normal{
    background: transparent;
}
.noUi-marker-horizontal.noUi-marker-large{
    height: 5px;
    background: var(--trap-label-color);
}

.noUi-horizontal{
    margin: 25px 10px 55px;
}
.noUi-pips-horizontal {
    height: 35px;
}
.modal__trap button{
    position: relative;
    z-index:3;
}

.popup__body.modal__trap{
    max-width: 300px;
}

.modal__trap button{
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    min-width: 200px;
    text-align: center;
    position: relative;

    background: var(--trap-main-color);
    border: solid var(--trap-main-color) 1px;
    color: var(--trap-button-color);
    opacity: .8;
}

.modal__trap button:hover{
    opacity: 1;
}

.noUi-connects{
    background: var(--trap-main-color);
    opacity: .4;
}

.noUi-target{
    border: 0;
    box-shadow: none;

}
.noUi-handle{
    background: var(--trap-main-color) !important;
    box-shadow: none;
    border-color: var(--trap-main-color) !important;
    cursor: pointer;
}
.noUi-rtl .noUi-value-horizontal{
    color: var(--trap-label-color);
}


.noUi-connects{
    cursor: pointer;
}
.noUi-connects:hover{
    opacity: .5;
}