/**
 * Casas Choice — the "N / total" slider counter's changing number
 * (assets/js/cc-slider-counter.js builds the markup). Loaded with Swiper
 * itself (cc_enqueue_swiper()); each slider's own stylesheet still sets the
 * counter's font, size and colour.
 *
 * The box is sized by an invisible copy of the total (`__sizer`, zeros, in
 * tabular figures — every digit the same width), so it never changes width
 * as the number does and " / total" stays put; the visible number sits on
 * top of it, right-aligned. The sizer also gives the box its baseline, so
 * it lines up with the text around it. clip-path (not overflow:hidden,
 * which would move an inline-block's baseline to its bottom edge) hides the
 * numbers rolling in and out above/below it.
 */

.cc-counter__current {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	clip-path: inset( 0 -0.2em );
}

.cc-counter__sizer {
	visibility: hidden;
}

.cc-counter__num {
	position: absolute;
	top: 0;
	right: 0;
}