#time-limit {
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
}

#time-limit-display {
    display: grid;
    /* background-color: blue; */
    padding: calc(var(--watch-height) / 8) calc(var(--watch-height) / 4);
    grid-template:
        "f-a f-a h-a h-a h-b h-b c-a m-a m-a m-b m-b ."
        "f-a f-a h-a h-a h-b h-b c-a m-a m-a m-b m-b s-a"
        "f-a f-a h-a h-a h-b h-b c-a m-a m-a m-b m-b s-b"
        "f-a f-a h-a h-a h-b h-b c-a m-a m-a m-b m-b ."
    ;
}

#time-limit-info {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding-left: calc(var(--watch-height) / 4);
}

#time-name {
    font-size: calc(var(--watch-height) / 4);
}

#time-type {
    font-size: calc(var(--watch-height) / 6);
}

#time-name,
#time-type {
    text-transform: capitalize;
}

.highlighted-row {
    background-color: #00f3;
}

.highlighted-col {
    background-color: #ff04;
}

.highlighted-col.before {
    background-color: rgba(122, 96, 12, 0.267);
}