/* Style the filled (selected) portion of the dcc.Slider component */
.rc-slider-track {
    background-color: #97A7B3 !important; /* Filled (selected) portion color */
}

.rc-slider-handle {
    border-color: #97A7B3 !important; /* Handle color to match the track */
}

/* Increase the font size of the slider marks */
.rc-slider-mark-text {
    font-size: 15px; /* Adjust to your desired size */
    font-weight: bold;
    color: #97A7B3;  /* Optional: Change mark color */
}

/* Add extra spacing below the slider */
.slider-container {
    margin-top: 30px;
    margin-bottom: 20px; /* Adjust the space as needed */
}

/* Increase the popover width */
.popover {
    max-width: 450px;
}