#mw-clock {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.2;

  font-variant-numeric: tabular-nums;
}
#mw-clock .mw-clock-date {
  color: var(--mw-ink-soft);
}
#mw-clock .mw-clock-time {
  font-weight: 700;
  font-size: 14px;
  color: var(--mw-ink);
}

#mw-clock[data-synced="0"] { opacity: .55; }



#mw-clock.on-dark .mw-clock-date { color: inherit; opacity: .72; }
#mw-clock.on-dark .mw-clock-time { color: inherit; }


@media (max-width: 640px) {
  #mw-clock .mw-clock-date { display: none; }
  #mw-clock .mw-clock-time { font-size: 13px; }
}