
.cew-countdown-strip{
	width:100%;
	display:block;
	position:relative;
	overflow:hidden; /* the moving/repeated groups must never widen the page */
	background:transparent;
	box-sizing:border-box;
}
.cew-countdown-strip *{box-sizing:border-box}
.cew-countdown-track{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	white-space:nowrap;
}
.cew-countdown-group{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	min-width:180px;
	flex:0 0 auto;
}
.cew-countdown-unit{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-width:30px;
}
.cew-countdown-value-wrap{
	position:relative;
	display:block;
	overflow:hidden;
	line-height:1;
}
.cew-countdown-value{
	display:block;
	color:#fff;
	font-family:"PP Neue Montreal",Arial,sans-serif;
	font-size:25px;
	font-weight:500;
	line-height:1;
	font-variant-numeric:tabular-nums;
	letter-spacing:-.02em;
}
.cew-countdown-label{
	display:block;
	color:#fff;
	font-family:"PP Neue Montreal",Arial,sans-serif;
	font-size:8px;
	font-weight:400;
	line-height:1;
	opacity:.9;
	text-transform:uppercase;
}
.cew-countdown-separator{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:2px;
	flex:0 0 auto;
}
.cew-countdown-arrow-triangle{
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:14px solid #FF3BFA;
	display:block;
}
.cew-countdown-expired{
	width:100%;
	text-align:center;
	color:#fff;
}
.cew-countdown-editor-note{
	padding:8px 0;
	color:#777;
	font-size:12px;
}
.cew-countdown-strip.is-expired-message .cew-countdown-track{display:none}
.cew-countdown-strip.is-expired-hidden{display:none!important}

@media(max-width:767px){
	.cew-countdown-mobile-one .cew-countdown-track{justify-content:center}
	.cew-countdown-mobile-one .cew-countdown-group:not(:first-of-type),
	.cew-countdown-mobile-one .cew-countdown-separator{display:none!important}

	.cew-countdown-mobile-scroll{
		overflow-x:auto!important;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.cew-countdown-mobile-scroll::-webkit-scrollbar{display:none}

	.cew-countdown-mobile-scroll .cew-countdown-track,
	.cew-countdown-mobile-all .cew-countdown-track{
		width:max-content;
		min-width:100%;
		justify-content:flex-start;
	}
}


/* ==========================================================
 * v3.90.1 — Shifting numbers (hover.dev "Shifting Countdown")
 * The old value slides up and out, then the new value slides in
 * from below. Timing/distance come from these variables.
 * ========================================================== */
.cew-countdown-strip{
	--cew-cd-duration:350;
	--cew-cd-distance:50;
}
.cew-countdown-value-wrap{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	text-align:center;
	line-height:1;
}
.cew-countdown-value{
	display:block;
	backface-visibility:hidden;
	will-change:transform,opacity;
}

/* 3.194.0 — text instead of the timer (same strip, Numbers style) */
.cew-countdown-strip--text .cew-countdown-group--text{min-width:0}
.cew-countdown-strip--text .cew-countdown-text{white-space:nowrap;font-variant-numeric:normal;will-change:auto;line-height:1.2;padding-bottom:.08em}
.cew-countdown-strip--text .cew-countdown-value-wrap{overflow:visible}

/* 3.195.0 — text animations */
.cew-countdown-strip--text{--cew-cd-speed:30s}
/* scrolling strip */
.cew-cd-anim-marquee{overflow:hidden;width:100%}
.cew-cd-anim-marquee .cew-countdown-track{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:0!important;width:max-content!important;max-width:none!important;animation:cewCdMarquee var(--cew-cd-speed) linear infinite}
.cew-cd-anim-marquee .cew-cd-set{display:flex;align-items:center;flex:0 0 auto;gap:var(--cew-cd-set-gap,48px);padding-right:var(--cew-cd-set-gap,48px)}
.cew-countdown-strip.cew-cd-anim-marquee .cew-cd-set > .cew-countdown-group,.cew-countdown-strip.cew-cd-anim-marquee .cew-cd-set > .cew-countdown-separator{display:flex!important;flex:0 0 auto}
.cew-cd-anim-marquee.cew-cd-pause:hover .cew-countdown-track{animation-play-state:paused}
@keyframes cewCdMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* shine */
.cew-cd-anim-shine .cew-countdown-text{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.45) 35%,#000 50%,rgba(0,0,0,.45) 65%);mask-image:linear-gradient(-75deg,rgba(0,0,0,.45) 35%,#000 50%,rgba(0,0,0,.45) 65%);-webkit-mask-size:250% 100%;mask-size:250% 100%;animation:cewCdShine calc(var(--cew-cd-speed) / 10) linear infinite}
@keyframes cewCdShine{from{-webkit-mask-position:150% 0;mask-position:150% 0}to{-webkit-mask-position:-50% 0;mask-position:-50% 0}}
/* wave */
.cew-cd-anim-wave .cew-cd-ch{display:inline-block;animation:cewCdWave calc(var(--cew-cd-speed) / 12) ease-in-out infinite;animation-delay:calc(var(--i) * .06s)}
@keyframes cewCdWave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-.18em)}}
/* pulse */
.cew-cd-anim-pulse .cew-countdown-text{animation:cewCdPulse calc(var(--cew-cd-speed) / 15) ease-in-out infinite}
@keyframes cewCdPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.97)}}
@media (prefers-reduced-motion:reduce){
	.cew-countdown-strip--text .cew-countdown-track,.cew-countdown-strip--text .cew-countdown-text,.cew-countdown-strip--text .cew-cd-ch{animation:none!important}
}
