/* Countdown widget. Tokens from _shared/embed.css. */

.cd-title {
  font-size: 0.3em;
  margin-bottom: 0.32em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cd-units {
  display: flex;
  align-items: stretch;
  gap: 0.16em;
}

.cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 1.3em;
  padding: 0.1em 0.14em 0.1em;
  border-radius: 0.14em;
  background: var(--card-bg);
}

.cd-num {
  font-size: 1em;
  line-height: 1.05;
}

.cd-name {
  font-size: 0.24em;
  font-weight: 600;
  margin-top: 0.15em;
}

.cd-name:empty {
  display: none;
}

.cd-date {
  font-size: 0.23em;
  margin-top: 0.45em;
  font-weight: 500;
}

/* Done: the message, wrapped and scaled to fill the widget. */
.cd-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.cd-done > .cd-title {
  flex: none;
  margin: 0 0 0.2em;
  font-size: clamp(9px, 6vmin, 20px);
}

.cd-done-stage {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

.cd-message {
  max-width: 100%;
  line-height: 1.12;
  text-align: center;
  white-space: normal;
}