/* A concise, causal account of the fixed-demand Google auction. */
.carerm-auction__copy h2 span {
	display: inline;
	color: var(--color-accent);
}

.carerm-auction__reframe {
	display: grid;
	gap: .35rem;
	max-width: 34rem;
	margin-top: 2rem;
	padding: 1.1rem 0 0;
	border-top: 1px solid #cfd4db;
}
.carerm-auction__reframe strong { font-size: .92rem; line-height: 1.4; }
.carerm-auction__reframe span { color: var(--color-accent-dark); font-size: .78rem; font-weight: 650; }
.carerm-auction__reframe span::after { content: "\2193"; margin-left: .55rem; color: var(--color-accent); }

.carerm-auction__stage {
	isolation: isolate;
	border-color: #223549;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		#101b27;
	box-shadow: 0 2.5rem 6rem rgba(14,26,39,.18);
	color: #fff;
}
.carerm-auction__stage::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 34rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(3,129,253,.18), rgba(3,129,253,.045) 43%, transparent 70%);
	opacity: calc(.45 + var(--auction-progress) * .55);
	transform: translate(-50%,-45%) scale(calc(.78 + var(--auction-progress) * .22));
}
.carerm-auction__search {
	top: 1.5rem;
	border-color: rgba(255,255,255,.14);
	background: rgba(255,255,255,.97);
	box-shadow: 0 1.2rem 3rem rgba(0,0,0,.2);
	transform: translateY(calc((1 - var(--auction-progress)) * -.75rem));
}
.carerm-auction__search small { color: #74808c; }
.carerm-auction__search strong { color: #111820; }
.carerm-auction__pool {
	top: 45%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	border-color: rgba(101,181,255,.45);
	background: rgba(9,29,49,.92);
	box-shadow:
		0 0 0 calc(1.5rem + var(--auction-progress) * 1.6rem) rgba(3,129,253,.1),
		0 0 0 calc(3.5rem + var(--auction-progress) * 2.2rem) rgba(3,129,253,.045);
	transform: translate(-50%,-42%) scale(calc(.92 + var(--auction-progress) * .08));
}
.carerm-auction__pool b { color: #fff; font-size: 4rem; line-height: .78; }
.carerm-auction__pool span { color: #68b7ff; }
.carerm-auction__bid {
	--bid-reveal: clamp(0, calc((var(--auction-progress) - var(--bid-start)) * 8), 1);
	border-color: rgba(255,255,255,.16);
	background: rgba(21,37,54,.96);
	box-shadow: 0 1rem 2.5rem rgba(0,0,0,.22);
	box-sizing: border-box;
	width: clamp(9.5rem, 11vw, 10.75rem);
	min-width: 0;
	opacity: var(--bid-reveal);
	transform: translateY(calc((1 - var(--bid-reveal)) * 1.4rem)) scale(calc(.94 + var(--bid-reveal) * .06));
	will-change: transform, opacity;
}
.carerm-auction__bid i { background: #72869b; }
.carerm-auction__bid span { color: #e8eef4; }
.carerm-auction__bid b { color: #aebdcc; font-variant-numeric: tabular-nums; }
.carerm-auction__bid--one { --bid-start: .02; top: calc(33% - var(--auction-progress) * 2%); left: calc(5% + var(--auction-progress) * 14%); }
.carerm-auction__bid--two { --bid-start: .14; top: calc(35% - var(--auction-progress) * 4%); right: calc(4% + var(--auction-progress) * 15%); }
.carerm-auction__bid--three { --bid-start: .26; bottom: calc(15% + var(--auction-progress) * 24%); left: calc(9% + var(--auction-progress) * 10%); }
.carerm-auction__bid--four { --bid-start: .38; right: calc(7% + var(--auction-progress) * 12%); bottom: calc(14% + var(--auction-progress) * 25%); border-color: rgba(3,129,253,.7); background: #0b3155; }
.carerm-auction__bid--four span { color: #fff; }
.carerm-auction__bid--four b { color: #66b5ff; }
.carerm-auction__pressure { right: 1.5rem; bottom: 7.2rem; left: 1.5rem; }
.carerm-auction__pressure span { color: #8093a7; }
.carerm-auction__pressure i {
	height: .22rem;
	background: linear-gradient(90deg,#506274 0 28%,#0381fd 68%,#68b7ff 100%);
	transform: scaleX(clamp(.12, calc(var(--auction-progress) * 1.35), 1));
}
.carerm-auction__outcome {
	position: absolute;
	right: 1.5rem;
	bottom: 1.35rem;
	left: 1.5rem;
	display: grid;
	grid-template-columns: .7fr .7fr 1.25fr;
	align-items: center;
	min-height: 4.5rem;
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(8,20,32,.9);
	opacity: clamp(0, calc((var(--auction-progress) - .62) * 7), 1);
	transform: translateY(calc((1 - clamp(0, calc((var(--auction-progress) - .62) * 7), 1)) * .8rem));
	will-change: transform, opacity;
}
.carerm-auction__outcome > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .6rem; padding: .7rem 1rem; border-right: 1px solid rgba(255,255,255,.12); }
.carerm-auction__outcome > div b { color: #fff; font-size: 1.85rem; font-weight: 500; line-height: 1; }
.carerm-auction__outcome > div span { max-width: 6rem; color: #9fb0c1; font-size: .6rem; line-height: 1.2; text-transform: uppercase; }
.carerm-auction__outcome > strong { display: flex; justify-content: space-between; align-items: center; gap: .8rem; padding: .7rem 1rem; }
.carerm-auction__outcome > strong span { color: #68b7ff; font-size: 1rem; }
.carerm-auction__outcome > strong small { color: #fff; font-size: .75rem; font-weight: 650; }

@media (max-width: 900px) {
	.carerm-auction { --auction-progress: 1 !important; }
	.carerm-auction__stage { min-height: 37rem; }
	.carerm-auction__outcome { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
	.carerm-auction__search { top: 1rem; }
	.carerm-auction__stage { min-height: 34rem; }
	.carerm-auction__pool { top: 43%; }
	.carerm-auction__bid { width: 7.4rem; min-width: 0; }
	.carerm-auction__bid--one { top: 31%; left: 3%; }
	.carerm-auction__bid--two { top: 31%; right: 3%; }
	.carerm-auction__bid--three { bottom: 39%; left: 3%; }
	.carerm-auction__bid--four { right: 3%; bottom: 39%; }
	.carerm-auction__pressure { bottom: 8.65rem; }
	.carerm-auction__outcome { right: 1rem; bottom: 1rem; left: 1rem; grid-template-columns: 1fr 1fr; }
	.carerm-auction__outcome > div { min-height: 3.45rem; padding: .55rem .7rem; }
	.carerm-auction__outcome > div:nth-child(2) { border-right: 0; }
	.carerm-auction__outcome > div b { font-size: 1.5rem; }
	.carerm-auction__outcome > div span { font-size: .52rem; }
	.carerm-auction__outcome > strong { grid-column: 1 / -1; padding: .7rem; border-top: 1px solid rgba(255,255,255,.12); }
}

@media (prefers-reduced-motion: reduce) {
	.carerm-auction { --auction-progress: 1 !important; }
	.carerm-auction__search,.carerm-auction__pool,.carerm-auction__bid,.carerm-auction__outcome { transform: none; }
	.carerm-auction__bid,.carerm-auction__outcome { opacity: 1; }
}