.exp-countdown-wrap {
  container-type: inline-size;
  container-name: exp-countdown;
  width: 100%;
  min-width: 0;
}
.exp-countdown {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  justify-content: center;
  align-items: baseline;
  gap: 0 calc(14px * var(--exp-countdown-fit, 1));
  width: max-content;
  margin: 0 auto;
  padding: 0;
}
.exp-countdown .exp-countdown-unit {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  gap: calc(6px * var(--exp-countdown-fit, 1));
  margin: 0;
  padding: 0;
  line-height: 1.2;
  white-space: nowrap;
}
.exp-countdown .exp-countdown-number {
  font-family: var(--exp-countdown-numbers-font, inherit);
  font-size: calc(var(--exp-countdown-numbers-size, 48px) * var(--exp-countdown-fit, 1));
  color: var(--exp-countdown-numbers-color, #141814);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.exp-countdown .exp-countdown-label,
.exp-countdown .exp-countdown-divider {
  font-family: var(--exp-countdown-labels-font, inherit);
  font-size: calc(var(--exp-countdown-labels-size, 18px) * var(--exp-countdown-fit, 1));
  color: var(--exp-countdown-labels-color, #141814);
  font-weight: 400;
  line-height: 1.2;
}
.exp-countdown .exp-countdown-divider {
  margin-left: calc(8px * var(--exp-countdown-fit, 1));
}
@container exp-countdown (max-width: 980px) {
  .exp-countdown .exp-countdown-number { font-size: calc(var(--exp-countdown-numbers-size-tablet, 40px) * var(--exp-countdown-fit, 1)); }
  .exp-countdown .exp-countdown-label,
  .exp-countdown .exp-countdown-divider { font-size: calc(var(--exp-countdown-labels-size-tablet, 16px) * var(--exp-countdown-fit, 1)); }
}
@container exp-countdown (max-width: 600px) {
  .exp-countdown .exp-countdown-number { font-size: calc(var(--exp-countdown-numbers-size-mobile, 28px) * var(--exp-countdown-fit, 1)); }
  .exp-countdown .exp-countdown-label,
  .exp-countdown .exp-countdown-divider { font-size: calc(var(--exp-countdown-labels-size-mobile, 12px) * var(--exp-countdown-fit, 1)); }
}
.exp-countdown-preview { padding: 28px; background: #fff; border: 1px solid #c3c4c7; border-radius: 8px; max-width: 1080px; }