.pbb-card__custom.pbb-custom-countdown {
	--pbb-countdown-animation: flip;
	--pbb-countdown-digit-color: #fff;
	--pbb-countdown-digit-background: #15172b;
	--pbb-countdown-digit-font-size: 32px;
	--pbb-countdown-digit-font-weight: 700;
	--pbb-countdown-digit-radius: 8px;
	--pbb-countdown-digit-padding-y: 8px;
	--pbb-countdown-digit-padding-x: 10px;
	--pbb-countdown-label-color: #66717e;
	--pbb-countdown-label-font-size: 11px;
	--pbb-countdown-label-font-weight: 400;
	--pbb-countdown-label-font-style: normal;
	--pbb-countdown-label-text-transform: none;
	--pbb-countdown-label-letter-spacing: 0;
	--pbb-countdown-title-color: #12141f;
	--pbb-countdown-title-font-size: 18px;
	--pbb-countdown-title-font-weight: 700;
	--pbb-countdown-title-align: center;
	--pbb-countdown-title-spacing: 12px;
	--pbb-countdown-unit-gap: 8px;
	display: block;
	box-sizing: border-box;
	width: 320px;
	max-width: none;
	perspective: 500px;
}
.pbb-countdown__title {
	margin: 0 0 var(--pbb-countdown-title-spacing);
	color: var(--pbb-countdown-title-color);
	font-size: var(--pbb-countdown-title-font-size);
	font-weight: var(--pbb-countdown-title-font-weight);
	line-height: 1.2;
	text-align: var(--pbb-countdown-title-align);
}
.pbb-countdown__title[hidden] { display: none; }
.pbb-countdown__units {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--pbb-countdown-unit-gap);
}
.pbb-countdown__unit { display: grid; min-width: 0; gap: 5px; text-align: center; }
.pbb-countdown__value {
	display: block;
	min-width: 0;
	overflow: hidden;
	padding: var(--pbb-countdown-digit-padding-y) var(--pbb-countdown-digit-padding-x);
	border-radius: var(--pbb-countdown-digit-radius);
	background: var(--pbb-countdown-digit-background);
	color: var(--pbb-countdown-digit-color);
	font-size: var(--pbb-countdown-digit-font-size);
	font-variant-numeric: tabular-nums;
	font-weight: var(--pbb-countdown-digit-font-weight);
	line-height: 1;
}
.pbb-countdown__number {
	display: block;
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}
.pbb-countdown__label {
	display: block;
	overflow: hidden;
	color: var(--pbb-countdown-label-color);
	font-size: var(--pbb-countdown-label-font-size);
	font-style: var(--pbb-countdown-label-font-style);
	font-weight: var(--pbb-countdown-label-font-weight);
	letter-spacing: var(--pbb-countdown-label-letter-spacing);
	line-height: 1.2;
	text-overflow: ellipsis;
	text-transform: var(--pbb-countdown-label-text-transform);
	white-space: nowrap;
}
[data-countdown-animation="fade"] .pbb-countdown__number.is-changing { animation: pbb-countdown-fade .42s ease both; }
[data-countdown-animation="slide"] .pbb-countdown__number.is-changing { animation: pbb-countdown-slide .42s cubic-bezier(.2,.75,.25,1) both; }
[data-countdown-animation="flip"] .pbb-countdown__number.is-changing { animation: pbb-countdown-flip .55s cubic-bezier(.2,.7,.2,1) both; backface-visibility: hidden; }
@keyframes pbb-countdown-fade { 0% { opacity: .15; } 100% { opacity: 1; } }
@keyframes pbb-countdown-slide { 0% { opacity: 0; transform: translateY(-35%); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes pbb-countdown-flip { 0% { opacity: .35; transform: rotateX(-88deg); } 65% { transform: rotateX(8deg); } 100% { opacity: 1; transform: rotateX(0); } }
@media (prefers-reduced-motion: reduce) {
	.pbb-countdown__number.is-changing { animation: none !important; }
}