:root{
    --numeric-attributes-slider-color: #E0E0E0;
    --numeric-attributes-slider-handle-color: #bdbdbd;
}
.wcnf_slider{
    background-color: var(--numeric-attributes-slider-color);
    border-color: var(--numeric-attributes-slider-color);
    margin: 0 !important;
    height: 2px !important;
}
.wcnf_slider_wrapper .button{
    text-transform: capitalize;
}
.wcnf-active-filter, #sidebar-shop .widget .wcnf-active-filter{
    display: block;
}
.wcnf_slider_wrapper{
    padding-top: 8px;
}
.widget_wcnf_filter_by_attribute_slider form{
    padding: 0 !important;
}
.wcnf_slider_amount{
    display: flex;
    gap: 12px;
    margin-top: 16px;
}
.wcnf_slider_amount .wcnf_slider_amount_input_wrapper{
    position: relative;
}
.wcnf_slider_amount.with_prefix .wcnf_slider_amount_input_wrapper::before,
.wcnf_slider_amount.with_suffix .wcnf_slider_amount_input_wrapper::after{
    display: inline-block;
    position: absolute;
    color: #bdbdbd;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.wcnf_slider_amount.with_prefix .wcnf_slider_amount_input_wrapper::before{
    left: 8px;
}
.wcnf_slider_amount.with_suffix .wcnf_slider_amount_input_wrapper::after{
    right: 8px;
}
.wcnf_slider_amount input{
    padding: 0 8px;
}
.wcnf_slider_amount.with_prefix .wcnf_slider_amount_input_wrapper input{
    padding-left: 32px;
}
.wcnf_slider_amount.with_suffix .wcnf_slider_amount_input_wrapper input{
    padding-right: 32px;
}
.wcnf_slider_amount.with_prefix.with_suffix .wcnf_slider_amount_input_wrapper input{
    text-align: center;
}
@media screen and (max-width: 768px) {
    .wcnf_slider_wrapper{
        padding: 0 24px;
    }
}
.wcnf_slider_amount_fields_separator{
    display: inline-block;
    color: #BDBDBD;
    font-size: 16px;
    align-self: center;
}
.wcnf_slider_amount input, .wcnf_slider_amount input::placeholder, .wcnf_slider_amount form{
    width: 100%;
    font-size: 16px;
    color: inherit;
}
.wcnf_slider.ui-slider.ui-slider-horizontal  .ui-slider-handle{
    box-shadow: none !important;
    border-color: var(--numeric-attributes-slider-color) !important;
    background-color: var(--numeric-attributes-slider-handle-color) !important;
    width: 16px !important;
    height: 16px !important;
    border-width: 1px !important;
    margin-top: -7px !important;
    margin-left: 0;
}
.wcnf_slider.ui-slider.ui-slider-horizontal .ui-slider-handle + .ui-slider-handle{
    margin-left: -16px;
}
.wcnf_slider.ui-slider-horizontal .ui-slider-range{
    background-color: var(--numeric-attributes-slider-color) !important;
    height: 2px !important;
}