.zb-countdown {
	--zb-cream: #fff9ca;
	box-sizing: border-box;
	container-type: inline-size;
	position: relative;
	isolation: isolate;
	width: auto;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--zb-cream);
	font-family: 'Nexa', 'Bricolage Grotesque', sans-serif;
	text-align: center;
}
.zb-countdown *, .zb-countdown *::before, .zb-countdown *::after { box-sizing: border-box; }
.zb-countdown.zb-countdown--transparent { margin: var(--zb-margin-top, 0px) var(--zb-margin-right, 0px) var(--zb-margin-bottom, 0px) var(--zb-margin-left, 0px); padding: 0; }
/* Keep all countdown surfaces transparent, including in themes with card styles. */
.zb-countdown.zb-countdown--transparent,
.zb-countdown .zb-countdown__inner,
.zb-countdown .zb-countdown__digits,
.zb-countdown .zb-countdown__unit {
	background: transparent !important;
	box-shadow: none !important;
}
.zb-countdown .zb-countdown__inner { max-width: 920px; margin: 0 auto; padding: var(--zb-padding-top, 0px) var(--zb-padding-right, 0px) var(--zb-padding-bottom, 0px) var(--zb-padding-left, 0px); }
.zb-countdown .zb-countdown__ornament { display: block; margin: 0 0 12px; color: var(--zb-cream); font-size: 28px; line-height: 1; }
.zb-countdown .zb-countdown__eyebrow { margin: 0 0 16px; color: var(--zb-cream); font-size: 12px; font-weight: 700; letter-spacing: .2em; line-height: 1.5; overflow-wrap: anywhere; }
.zb-countdown .zb-countdown__heading { margin: 0 0 var(--zb-heading-gap, 16px); padding: 0; color: var(--zb-cream); font-family: inherit; font-size: clamp(25px, 5.2cqi, 48px); font-weight: 800; line-height: 1.15; letter-spacing: -.035em; text-transform: none; overflow-wrap: anywhere; }
.zb-countdown .zb-countdown__heading:empty { display: none; }
.zb-countdown .zb-countdown__digits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(8px, 2.8cqi, 24px); max-width: 680px; margin: 0 auto; }
.zb-countdown .zb-countdown__unit { position: relative; min-width: 0; padding: clamp(14px, 3cqi, 28px) 5px 18px; border: 1px solid #fff9ca59; border-radius: 18px; background: transparent; }
.zb-countdown.zb-countdown--no-borders .zb-countdown__unit { border: 0; border-radius: 0; padding: 0 5px; }
.zb-countdown .zb-countdown__number { display: block; color: var(--zb-cream); font-size: min(84px, calc(18cqi / var(--zb-number-length, 2))); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -.04em; }
.zb-countdown .zb-countdown__label { display: block; margin-top: 12px; color: var(--zb-cream); font-size: clamp(9px, 1.7cqi, 12px); font-weight: 700; line-height: 1.25; letter-spacing: .13em; text-transform: uppercase; overflow-wrap: anywhere; }
.zb-countdown .zb-countdown__label:empty { display: none; }
.zb-countdown .zb-countdown__dates { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 12px; margin: 25px 0 0; padding: 0; color: var(--zb-cream); font-size: 13px; font-weight: 500; line-height: 1.5; }
.zb-countdown .zb-countdown__dates time { white-space: nowrap; }
.zb-countdown .zb-countdown__timezone { flex-basis: 100%; font-size: 10px; letter-spacing: .08em; opacity: .8; }
.zb-countdown .zb-countdown__noscript { margin: 16px 0 0; color: var(--zb-cream); font-size: 12px; }
.zb-countdown[data-phase="after"] .zb-countdown__heading { margin-bottom: 0; }
.zb-countdown[hidden], .zb-countdown [hidden] { display: none !important; }
.zb-countdown-notice { padding: 16px; border: 1px solid #b80823; color: #731820; background: #fff9ca; font: 14px/1.5 sans-serif; }
@container (max-width: 480px) {
	.zb-countdown .zb-countdown__unit { border-radius: 12px; padding-bottom: 14px; }
	.zb-countdown .zb-countdown__eyebrow { font-size: 10px; letter-spacing: .14em; }
	.zb-countdown .zb-countdown__dates { font-size: 11px; gap: 4px 7px; }
}
@container (max-width: 260px) {
	.zb-countdown .zb-countdown__digits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}