.noUi-tooltip {
    width: 70px !important; /* Adjust width as needed */
    text-align: center !important;
    color: var(--fc-body-color) !important;
    background: transparent !important;
    /* Optional: Change font size, padding, etc. */
}

/* Ensure the container of the slider allows tooltips to appear outside */
.noUi-connects {
    overflow: visible !important;
}

/* Optional: Add a slight margin/padding to prevent cutting at the very end */
.noUi-target {
    margin: 15px !important;
}

.noUi-connect {
    background-color: var(--fc-primary) !important;
}
.noUi-handle {
    background: var(--fc-primary) !important;
    color: var(--fc-primary) !important;
}

.noUi-base {
    background: #CCCCCC !important;
}