/* Countdown widget. Sizes follow the embed box (vw/vh of the frame), so it fills a wide block or a
   narrow column alike. */
.cd {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1.2vmin;
  max-width: 100%;
  text-align: center;
}
.cd p {
  margin: 0;
}
.title {
  max-width: 100%;
  overflow: hidden;
  font-size: max(11px, min(4.4vw, 8vh));
  font-weight: 700;
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.6;
}
.date {
  font-size: max(11px, min(3.8vw, 7vh));
  font-weight: 500;
  opacity: 0.6;
}

/* Days: one big number */
.days .big {
  font-size: min(30vw, 46vh);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 0.95;
}
.days .big.word {
  padding-bottom: 1vmin;
  font-size: min(18vw, 34vh);
  line-height: 1.05;
  color: var(--accent, inherit);
}
.tiles .date {
  margin-top: 1vmin;
}
.days .unit {
  margin-top: -0.4vmin;
  font-size: max(12px, min(6vw, 11vh));
  font-weight: 650;
}
.f-display .days .big {
  font-weight: 800;
}
.f-serif .days .big,
.f-serif .tile {
  font-weight: 500;
  letter-spacing: -0.02em;
}

/* Tiles: days, hours, minutes (and seconds) on cards */
.row {
  display: flex;
  gap: min(2.4vw, 4vh);
  margin: 0.6vmin 0;
}
.cell {
  display: grid;
  justify-items: center;
  gap: min(1.4vw, 2.6vh);
}
.tile {
  display: grid;
  place-items: center;
  min-width: min(17vw, 34vh);
  padding: min(1.6vw, 3vh) min(1.4vw, 2.6vh);
  border-radius: min(2.4vw, 4.6vh);
  background: var(--tile, var(--tile-default));
  color: var(--num, inherit);
  font-size: min(10vw, 21vh);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}
.s-tiles.with-sec .tile {
  min-width: min(13vw, 30vh);
  font-size: min(8vw, 19vh);
}
.cell .unit {
  font-size: max(10px, min(2.6vw, 5.4vh));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.55;
}
.state {
  font-size: min(12vw, 24vh);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--accent, inherit);
}

/* Line: one sentence */
.sentence {
  max-width: 92vw;
  font-size: min(7.4vw, 20vh);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-wrap: balance;
}
.sentence .n {
  color: var(--accent, var(--accent-default));
}
.line .date {
  margin-top: 0.8vmin;
}