.isf-event-countdown {
  --isf-countdown-background: #20231f;
  --isf-countdown-text: #fff;
  --isf-countdown-muted: #d8d8d2;
  --isf-countdown-border: rgba(255, 255, 255, .24);
  --isf-countdown-card: rgba(255, 255, 255, .05);
  box-sizing: border-box;
  width: 100%;
  padding: 1.6rem;
  color: var(--isf-countdown-text);
  background: var(--isf-countdown-background);
}
.isf-event-countdown, .isf-event-countdown * { box-sizing: border-box; }
.isf-event-countdown--light {
  --isf-countdown-background: #f0eee8;
  --isf-countdown-text: #20231f;
  --isf-countdown-muted: #565a54;
  --isf-countdown-border: rgba(32, 35, 31, .24);
  --isf-countdown-card: rgba(255, 255, 255, .58);
}
.isf-event-countdown__heading { margin: 0 0 1rem; color: var(--isf-countdown-text); font-size: 1.1rem; text-transform: uppercase; letter-spacing: .14em; }
.isf-event-countdown__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.isf-event-countdown__unit { min-width: 0; padding: 1rem .45rem; text-align: center; border: 1px solid var(--isf-countdown-border); background: var(--isf-countdown-card); }
.isf-event-countdown__unit strong { display: block; color: var(--isf-countdown-text); font-size: clamp(1.8rem, 4vw, 3.2rem); line-height: 1; font-variant-numeric: tabular-nums; }
.isf-event-countdown__unit span { display: block; margin-top: .55rem; color: var(--isf-countdown-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.isf-event-countdown__complete { margin: 0; color: var(--isf-countdown-text); font-size: 1.8rem; font-weight: 750; }
.isf-event-countdown [hidden] { display: none !important; }
@media (max-width: 600px) { .isf-event-countdown__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }