.sm-date-selector {
    display: flex;
    align-items: center;
    column-gap: 1em;
}
.sm-date-selector .label {
    font-family: Montserrat;
    font-size: 1.2em;
    font-weight: 500;
    color: var(--main-accent-color);
    white-space: nowrap;
    width: 13em;
    text-align: center;
}
.sm-date-selector .label.clickable {
    cursor: pointer;
}
.sm-date-selector .label.clickable:hover {
    color: var(--calendar-day-color-hover);
}
.sm-date-selector .holiday-name {
    font-size: 0.8em;
    color: var(--main-record-color-purple);
}