.pixeccte-counter {
	--pixeccte-counter-align: center;
	--pixeccte-counter-justify: center;
	display: flex;
	width: 100%;
	gap: 8px;
}

.pixeccte-counter--layout-stacked-before {
	flex-direction: column;
	align-items: var(--pixeccte-counter-align);
}

.pixeccte-counter--layout-stacked-after {
	flex-direction: column-reverse;
	align-items: var(--pixeccte-counter-align);
}

.pixeccte-counter--layout-inline-start {
	flex-direction: row;
	justify-content: var(--pixeccte-counter-justify);
	align-items: center;
}

.pixeccte-counter--layout-inline-end {
	flex-direction: row-reverse;
	justify-content: var(--pixeccte-counter-justify);
	align-items: center;
}

.pixeccte-counter__title {
	margin: 0;
	flex: 0 1 auto;
}

.pixeccte-counter--layout-inline-start .pixeccte-counter__title,
.pixeccte-counter--layout-inline-end .pixeccte-counter__title {
	display: flex;
	align-items: center;
}

.pixeccte-counter__number-wrapper {
	display: inline-flex;
	align-items: baseline;
	flex: 0 1 auto;
	flex-wrap: wrap;
	gap: 4px;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

.pixeccte-counter__prefix,
.pixeccte-counter__suffix {
	display: inline-block;
}

.pixeccte-counter__flow,
.pixeccte-counter number-flow.pixeccte-counter__flow {
	display: none;
	line-height: inherit;
	font: inherit;
	color: inherit;
	font-variant-numeric: tabular-nums;
	-webkit-text-stroke: inherit;
	stroke: inherit;
	paint-order: stroke fill;
}

.pixeccte-counter--flow-ready .pixeccte-counter__flow,
.pixeccte-counter--flow-ready number-flow.pixeccte-counter__flow {
	display: inline-block;
}

.pixeccte-counter--flow-ready .pixeccte-counter__value--fallback {
	display: none;
}

.pixeccte-counter__value--fallback {
	display: inline-block;
}