:root {
    --slider-container-width: 350px;
}


.filters .slider {
    width: 100%;
    margin-top: 10px;
}

.filters .slider-title {
    margin: 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.filters .slider-panel {
    display: flex;
    gap: 10px;
}

.filters .slider-panel .value-input {
    margin-bottom: -4px;
    margin-top: auto;
    width: 40px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.filters .slider-container {
    border: 1px solid #D3D3D3;
    background-color: white;
    border-radius: var(--listing-border-radius);
    padding: 5px 10px 15px 10px;
    width: var(--slider-container-width);
    box-sizing: border-box;
    /*box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/

    -webkit-box-shadow: 0px 1px 4px 0px rgb(215 215 215 / 50%);
    -moz-box-shadow: 0px 1px 4px 0px rgb(215 215 215 / 50%);
    box-shadow: 0px 1px 4px 0px rgb(215 215 215 / 50%);
}

.filters .noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
    position: relative;
    padding: 0 32px;
}

.filters .noUi-connect {
    /*background-color: #7596e7;*/
    background-color: #a2d1ff;
}

.filters [disabled] .noUi-connect {
    background-color: #6c9ac4;
}

.filters .noUi-connects {
    border-radius: 0;
}

.filters .noUi-horizontal .noUi-handle.noUi-handle-lower {
    right: -0px;
}
.filters .noUi-horizontal .noUi-handle.noUi-handle-upper {
    right: -34px;
}