/* define DayBubble */
.DayBubble-column {
    width: 1.25rem;
    margin: 1px;
}

.DayBubble-text {
    line-height: 1;
    color: var(--text-subtle);
    font-size: 0.75rem;
}

.DayBubble-box {
    min-height: 1.25rem;
    width: 1.25rem;
    background-color: var(--secondary-subtle);
}

.DayBubble-box.is-highlighted.DayBubble--task {
    background-color: var(--data-blue-500);
}

.DayBubble-box.is-highlighted.DayBubble--unavailability {
    background-color: var(--secondary-accent);
}