:host {
  display: block;
  width: 100%;
}

.clock-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: inherit;
  gap: 4px;
  width: 100%;
}

.clock-date {
  font-size: 1.2rem;
  font-weight: 500;
  color: light-dark(oklch(0.3211 0 0), oklch(0.6789 0 0)); // #333
}

.clock-time {
  font-size: 2rem;
  font-weight: 600;
  color: light-dark(oklch(0 0 0), oklch(1 0 0)); // #000
}