#topbar[data-style="default"] > #topbar-top {
    font-size: var(--size-font);
    color: var(--color-text);
    height: var(--size-height);
}

#topbar[data-style="default"] > #topbar-top,
#topbar[data-style="default"] > #topbar-links,
#topbar[data-style="default"] > #topbar-links > ul {
    display: flex;
    flex-direction: row;
}

#topbar[data-style="default"] > #topbar-top > * {
    padding: var(--size-radius);
    align-content: center;
}
#topbar[data-style="default"] > #topbar-top > *.topbar-middle {
    flex-grow: 1;
}

#topbar[data-style="default"] > #topbar-top > .topbar-date {
    text-align: center;
}

#topbar[data-style="default"] .topbar-date-day {
    font-size: 0.6em;
    line-height: 0.85;
}

#topbar[data-style="default"] .topbar-date-month {
    font-size: 0.6em;
    line-height: 1.15;
    letter-spacing: 0.6px;
}

#topbar[data-style="default"] .topbar-date-number {
    font-size: 0.8em;
    line-height: 1;
}