/*
 * countdown：構造だけ
 * 受ける変数：--part-countdown-num（数字の大きさ）/ --part-countdown-box（数字の地）
 *   --part-radius / --part-fg / --part-muted / --part-surface
 */
.part-countdown {
  color: var(--part-fg, #222);
}

.part-countdown p {
  margin: 0;
}

.part-countdown__label {
  color: var(--part-muted, #666);
  font-size: 0.9em;
  letter-spacing: 0.06em;
}

.part-countdown__units {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px !important;
}

.part-countdown__units[hidden],
.part-countdown__label[hidden],
.part-countdown__after[hidden] {
  display: none;
}

.part-countdown__unit {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 6px 12px;
  border-radius: var(--part-radius, 8px);
  background: var(--part-countdown-box, var(--part-surface, #f2f2f2));
}

.part-countdown__num {
  font-size: var(--part-countdown-num, 1.8em);
  font-weight: 700;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.part-countdown__name {
  color: var(--part-muted, #555);
  font-size: 0.85em;
}

.part-countdown__after {
  font-size: 1.1em;
  font-weight: 700;
}