.range_block_filter {
    max-width: 220px;
}

.range_block_filter_up {
    border: 2px solid var(--colGreyOpacity);
    border-radius: 8px;
    display: flex;
    margin-bottom: 24px;
}
.range_block_filter_up_start_block {
    padding: 12px;
    border-right: 2px solid var(--colGreyOpacity);
    flex: 1;
}
.range_block_filter_up_title {
    font-size: 12px;
    margin-bottom: 4px;
}
.range_block_filter_up_start_value {
    width: 100%;
    font-size: 16px;
}
.range_block_filter_up_end_block {
    padding: 12px;
    flex: 1;
}
.range_block_filter_up_end_value {
    width: 100%;
    font-size: 16px;
}

.noUi-horizontal,
.noUi-slider {
    height: 4px !important;
}
.noUi-target {
    border: none;
    box-shadow: none;
}
.noUi-connects {
    width: 100%;
    transform: translateY(-50%);
    background-color: var(--colGreyOpacity);
}
.noUi-handle {
    top: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    border: 2px solid var(--colRichBlack);
    background-color: var(--colWhite);
    transform: translateY(-50%);
}
.noUi-handle:after,
.noUi-handle:before,
.noUi-handle:after,
.noUi-handle::after {
    display: none !important;
}