.b-day-view-subtick {
    font-size          : 70%;
    padding            : 0.3em 0.9em;
    display            : grid;
    grid-template-rows : 1fr 1fr;
    z-index            : 3;
    pointer-events     : none;

    color              : var(--b-day-view-time-axis-hour-color);

    &:not(.unused) .time {
        visibility : hidden;
    }

    &.overbooked .capacity {
        color : var(--b-color-red);
    }

    .capacity {
        text-align    : end;
        display       : grid;
        align-content : end;
    }
}

.b-cal-event-wrap.overbooked .b-cal-event {
    --cal-event-color : red;
}