/*
 * Dimensionally proportioned 3D web-gauging scene. Load after process-overview.css.
 * v0.3.14 refines only the Scantech branding, CTA and hardware presentation.
 * This file is intentionally scoped to the web-gauging shortcode variant.
 */

.ga-process-overview--web-gauging {
	--ga-po-premium-ink: #f4fbff;
	--ga-po-premium-muted: #a7bfd0;
	--ga-po-premium-cyan: #48d8ee;
	--ga-po-premium-yellow: #ffd447;
	--ga-po-reveal-duration: 9000ms;
	aspect-ratio: 16 / 9;
	min-height: 0;
	background:
		radial-gradient(circle at 62% 46%, rgba(40, 127, 163, 0.18), transparent 38%),
		linear-gradient(155deg, #091827 0%, #050c15 54%, #03070e 100%);
}

.ga-process-overview--web-gauging::after {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(2, 6, 12, 0.12), transparent 22%, transparent 74%, rgba(2, 6, 12, 0.46)),
		linear-gradient(90deg, rgba(2, 6, 12, 0.28), transparent 36%, transparent 82%, rgba(2, 6, 12, 0.18));
	content: "";
}

.ga-process-overview--web-gauging .ga-process-overview__shell,
.ga-process-overview--web-gauging .ga-process-overview__visual,
.ga-process-overview--web-gauging .ga-process-overview__stage {
	position: absolute;
	inset: 0;
	display: block;
	min-height: 0;
	overflow: hidden;
}

.ga-process-overview--web-gauging .ga-process-overview__visual::before {
	display: none;
}

.ga-process-overview--web-gauging .ga-po-webgl-scene,
.ga-process-overview--web-gauging .ga-po-webgl-scene__poster,
.ga-process-overview--web-gauging .ga-po-webgl-scene__canvas,
.ga-process-overview--web-gauging .ga-po-webgl-overlay {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.ga-process-overview--web-gauging .ga-po-webgl-scene {
	background:
		radial-gradient(circle at 62% 45%, rgba(27, 91, 124, 0.13), transparent 44%),
		linear-gradient(160deg, #071522, #02070d 74%);
}

.ga-process-overview--web-gauging .ga-po-webgl-scene__poster {
	z-index: 0;
	max-width: none;
	margin: 0;
	object-fit: cover;
	opacity: 1;
	transition: opacity 260ms ease;
}

.ga-process-overview--web-gauging .ga-po-webgl-scene__canvas {
	z-index: 1;
	max-width: none;
	margin: 0;
	opacity: 0;
	transition: opacity 260ms ease;
}

.ga-process-overview--web-gauging.is-webgl-ready .ga-po-webgl-scene__canvas {
	opacity: 1;
}

.ga-process-overview--web-gauging.is-webgl-ready .ga-po-webgl-scene__poster {
	opacity: 0;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay {
	z-index: 2;
	overflow: visible;
	pointer-events: none;
}

/* Keep all HTML copy in one bounded panel while the 3D scene remains visible. */
.ga-process-overview--web-gauging .ga-process-overview__copy {
	position: absolute;
	inset: 0;
	z-index: 7;
	display: grid;
	grid-template-columns: minmax(0, min(410px, 35vw)) 1fr;
	grid-template-rows: auto auto auto 1fr;
	align-content: start;
	box-sizing: border-box;
	padding: clamp(18px, 2.4vw, 34px) clamp(18px, 4vw, 58px);
	pointer-events: none;
	animation: ga-po-3d-copy var(--ga-po-reveal-duration) ease both paused;
}

.ga-process-overview--web-gauging .ga-process-overview__copy::before {
	grid-column: 1;
	grid-row: 1 / 4;
	z-index: 0;
	margin: -11px -18px -18px;
	background: linear-gradient(145deg, rgba(5, 15, 25, 0.9), rgba(5, 15, 25, 0.72));
	border: 1px solid rgba(125, 190, 219, 0.24);
	border-radius: 18px;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(10px);
	content: "";
}

.ga-process-overview--web-gauging .ga-process-overview__eyebrow {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	z-index: 1;
	gap: 9px;
	margin: 0;
	color: var(--ga-po-premium-ink);
	font-size: clamp(0.56rem, 0.85vw, 0.8rem);
	font-weight: 650;
	letter-spacing: 0.13em;
	min-width: 0;
}

.ga-process-overview--web-gauging .ga-process-overview__eyebrow::before {
	width: 7px;
	height: 7px;
	background: var(--ga-po-premium-yellow);
	border-radius: 50%;
	box-shadow: 0 0 14px rgba(255, 212, 71, 0.24);
}

.ga-process-overview--web-gauging .ga-process-overview__heading {
	position: relative;
	grid-column: 1;
	grid-row: 2;
	z-index: 1;
	width: auto;
	max-width: 100%;
	margin: 13px 0 0;
	color: var(--ga-po-premium-ink);
	font-size: clamp(1.65rem, 2.5vw, 2.55rem);
	font-weight: 620;
	line-height: 1.06;
	letter-spacing: -0.035em;
	min-width: 0;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.ga-process-overview--web-gauging .ga-process-overview__body {
	position: relative;
	grid-column: 1;
	grid-row: 3;
	z-index: 1;
	width: auto;
	max-width: 43ch;
	margin: 10px 0 0;
	color: var(--ga-po-premium-muted);
	font-size: clamp(0.72rem, 1vw, 0.94rem);
	line-height: 1.5;
	min-width: 0;
	overflow-wrap: anywhere;
}

.ga-process-overview--web-gauging .ga-process-overview__cta {
	position: absolute;
	bottom: clamp(18px, 2.5vw, 36px);
	left: 50%;
	pointer-events: auto;
	white-space: nowrap;
	color: #f4fbff !important;
	-webkit-text-fill-color: #f4fbff;
	background: linear-gradient(135deg, #17465c, #123243) !important;
	border-color: rgba(72, 216, 238, 0.46) !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
	transform: translateX(-50%);
}

.ga-process-overview--web-gauging .ga-process-overview__cta:hover {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
	background: linear-gradient(135deg, #1b5268, #17465c) !important;
	border-color: rgba(91, 225, 240, 0.62) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
	transform: translate(-50%, -1px);
}

.ga-process-overview--web-gauging .ga-process-overview__controls {
	top: clamp(14px, 2vw, 28px);
	right: clamp(14px, 2.6vw, 38px);
	bottom: auto;
	z-index: 9;
}

/* SVG labels and the cross-web profile remain crisp over the rendered scene. */
.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction path,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-grid,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-reference,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-spec,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-target,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend-line,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile {
	fill: none;
	vector-effect: non-scaling-stroke;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction {
	opacity: 0;
	animation: ga-po-3d-direction var(--ga-po-reveal-duration) ease both paused;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction path {
	stroke: #d8f7ff;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.8;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction text,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-title,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-subtitle,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-value,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-value-label,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend text,
.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase text {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction text {
	fill: #d8f7ff;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 1.7px;
	opacity: 0.8;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-card {
	opacity: 0;
	animation: ga-po-3d-profile-card var(--ga-po-reveal-duration) ease both paused;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__panel {
	fill: rgba(4, 13, 22, 0.9);
	stroke: rgba(183, 224, 246, 0.25);
	stroke-width: 1.5;
	vector-effect: non-scaling-stroke;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__status-dot {
	fill: var(--ga-po-premium-yellow);
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-title {
	fill: var(--ga-po-premium-ink);
	font-size: 14px;
	font-weight: 760;
	letter-spacing: 1.45px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-subtitle {
	fill: var(--ga-po-premium-muted);
	font-size: 8.5px;
	font-weight: 650;
	letter-spacing: 1.05px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-value {
	fill: #d8f7ff;
	font-size: 14px;
	font-weight: 760;
	letter-spacing: 0.25px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-value-label {
	fill: var(--ga-po-premium-muted);
	font-size: 7.5px;
	font-weight: 650;
	letter-spacing: 0.85px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend text {
	fill: #b9ced9;
	font-size: 7.5px;
	font-weight: 680;
	letter-spacing: 0.35px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend-line {
	stroke-width: 1.4;
	stroke-linecap: round;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend-line--measured {
	stroke: #6fa9e6;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend-line--target {
	stroke: rgba(215, 226, 232, 0.78);
	stroke-dasharray: 4 3;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-legend-line--limit {
	stroke: rgba(239, 112, 120, 0.9);
	stroke-dasharray: 3 3;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-grid {
	stroke: rgba(164, 205, 227, 0.11);
	stroke-width: 1;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-spec {
	stroke: rgba(239, 112, 120, 0.82);
	stroke-width: 1.1;
	stroke-dasharray: 4 5;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-target {
	stroke: rgba(215, 226, 232, 0.72);
	stroke-width: 1.15;
	stroke-dasharray: 5 4;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile {
	stroke: #6fa9e6;
	stroke-width: 2.25;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-dot {
	fill: #6fa9e6;
	opacity: 0;
	animation: ga-po-3d-profile-dot var(--ga-po-reveal-duration) linear both paused;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase {
	animation-duration: var(--ga-po-reveal-duration);
	animation-timing-function: ease;
	animation-fill-mode: both;
	animation-play-state: paused;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase rect {
	fill: rgba(4, 13, 22, 0.88);
	stroke: rgba(183, 224, 246, 0.23);
	stroke-width: 1.5;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase circle {
	fill: var(--ga-po-premium-yellow);
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase text {
	fill: var(--ga-po-premium-ink);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase--web {
	animation-name: ga-po-3d-phase-web;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase--sensor {
	animation-name: ga-po-3d-phase-sensor;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase--profile {
	animation-name: ga-po-3d-phase-profile;
}

.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile {
	display: none;
}

/* The shared controller owns these state classes; WebGL observes the same state. */
.ga-process-overview--web-gauging.is-playing .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-playing .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-playing .ga-po-webgl-overlay__profile-card,
.ga-process-overview--web-gauging.is-playing .ga-po-webgl-overlay__profile-dot,
.ga-process-overview--web-gauging.is-playing .ga-po-webgl-overlay__phase {
	animation-play-state: running;
}

.ga-process-overview--web-gauging.is-paused .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-paused .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-paused .ga-po-webgl-overlay__profile-card,
.ga-process-overview--web-gauging.is-paused .ga-po-webgl-overlay__profile-dot,
.ga-process-overview--web-gauging.is-paused .ga-po-webgl-overlay__phase {
	animation-play-state: paused;
}

.ga-process-overview--web-gauging.is-resetting .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__profile-card,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__profile-dot,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__phase {
	animation: none !important;
}

.ga-process-overview--web-gauging.is-resetting .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__profile-card,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__profile-dot,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__phase--sensor,
.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__phase--profile {
	opacity: 0;
}

.ga-process-overview--web-gauging.is-idle .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-static .ga-process-overview__copy,
.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__direction,
.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__profile-card,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__profile-card {
	animation: none;
	opacity: 1;
	transform: none;
}

.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__profile-dot,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__profile-dot {
	animation: none;
	opacity: 1;
}

.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__phase,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__phase {
	animation: none;
}

.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__phase--web,
.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__phase--sensor,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__phase--web,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__phase--sensor {
	opacity: 0;
}

.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__phase--profile,
.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__phase--profile {
	opacity: 1;
}

@keyframes ga-po-3d-copy {
	0%, 39% { opacity: 0; transform: translateY(14px); }
	57%, 100% { opacity: 1; transform: translateY(0); }
}

@keyframes ga-po-3d-direction {
	0%, 16% { opacity: 0; transform: translateX(-12px); }
	31%, 100% { opacity: 1; transform: translateX(0); }
}

@keyframes ga-po-3d-profile-card {
	0%, 47% { opacity: 0; transform: translateY(14px); }
	63%, 100% { opacity: 1; transform: translateY(0); }
}

@keyframes ga-po-3d-profile-dot {
	0%, 69% { opacity: 0; }
	71%, 100% { opacity: 1; }
}

@keyframes ga-po-3d-phase-web {
	0%, 25% { opacity: 1; transform: translateY(0); }
	33%, 100% { opacity: 0; transform: translateY(-6px); }
}

@keyframes ga-po-3d-phase-sensor {
	0%, 24% { opacity: 0; transform: translateY(6px); }
	32%, 57% { opacity: 1; transform: translateY(0); }
	65%, 100% { opacity: 0; transform: translateY(-6px); }
}

@keyframes ga-po-3d-phase-profile {
	0%, 56% { opacity: 0; transform: translateY(6px); }
	66%, 100% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
	.ga-process-overview--web-gauging {
		aspect-ratio: 4 / 3;
	}

	.ga-process-overview--web-gauging .ga-process-overview__copy {
		grid-template-columns: minmax(0, 54%) 1fr;
		padding: 12px 14px;
	}

	.ga-process-overview--web-gauging .ga-process-overview__copy::before {
		margin: -6px -9px -10px;
		border-radius: 12px;
	}

	.ga-process-overview--web-gauging .ga-process-overview__heading {
		margin-top: 9px;
		font-size: clamp(1.25rem, 5vw, 2rem);
	}

	.ga-process-overview--web-gauging .ga-process-overview__body {
		display: none;
	}

	.ga-process-overview--web-gauging .ga-process-overview__eyebrow {
		font-size: 0.5rem;
	}

	.ga-process-overview--web-gauging .ga-process-overview__controls {
		top: 12px;
		right: 12px;
	}

	.ga-process-overview--web-gauging .ga-process-overview__control {
		min-width: 44px;
		min-height: 44px;
		padding: 8px 10px;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__profile-card,
	.ga-process-overview--web-gauging .ga-po-webgl-overlay__direction,
	.ga-process-overview--web-gauging .ga-po-webgl-overlay__phase {
		display: none;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile {
		position: absolute;
		right: 12px;
		bottom: 50px;
		z-index: 5;
		display: grid;
		gap: 4px;
		width: clamp(132px, 41%, 180px);
		padding: 10px 11px 11px;
		color: var(--ga-po-premium-ink);
		pointer-events: none;
		background: rgba(4, 13, 22, 0.92);
		border: 1px solid rgba(183, 224, 246, 0.25);
		border-radius: 12px;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
		opacity: 0;
		animation: ga-po-3d-profile-card var(--ga-po-reveal-duration) ease both paused;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile strong {
		font-size: 0.62rem;
		font-weight: 760;
		letter-spacing: 0.08em;
		line-height: 1.2;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile-header {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 6px;
		min-width: 0;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile-value {
		color: #d8f7ff;
		font-size: 0.58rem;
		font-weight: 760;
		line-height: 1.2;
		white-space: nowrap;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile span {
		color: var(--ga-po-premium-muted);
		font-size: clamp(0.34rem, 1.5vw, 0.44rem);
		font-weight: 650;
		letter-spacing: 0.015em;
		line-height: 1.25;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile svg {
		display: block;
		width: 100%;
		height: 18px;
		margin-top: 2px;
		overflow: visible;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile path {
		fill: none;
		vector-effect: non-scaling-stroke;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile-spec {
		stroke: rgba(239, 112, 120, 0.82);
		stroke-width: 1;
		stroke-dasharray: 4 4;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile-target {
		stroke: rgba(215, 226, 232, 0.72);
		stroke-width: 1;
		stroke-dasharray: 5 4;
	}

	.ga-process-overview--web-gauging .ga-po-webgl-overlay__mobile-profile-line {
		stroke: #6fa9e6;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.ga-process-overview--web-gauging.is-playing .ga-po-webgl-overlay__mobile-profile {
		animation-play-state: running;
	}

	.ga-process-overview--web-gauging.is-paused .ga-po-webgl-overlay__mobile-profile {
		animation-play-state: paused;
	}

	.ga-process-overview--web-gauging.is-resetting .ga-po-webgl-overlay__mobile-profile {
		animation: none !important;
		opacity: 0;
	}

	.ga-process-overview--web-gauging.is-idle .ga-po-webgl-overlay__mobile-profile,
	.ga-process-overview--web-gauging.is-static .ga-po-webgl-overlay__mobile-profile {
		animation: none;
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 580px) {
	/* The shared phone stylesheet enlarges every stage SVG to 135%. Keep the
	 * WebGL overlay and compact profile graphic aligned with the canvas. */
	.ga-process-overview--web-gauging .ga-process-overview__stage .ga-po-webgl-overlay {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.ga-process-overview--web-gauging .ga-process-overview__stage .ga-po-webgl-overlay__mobile-profile svg {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
}

@media (max-width: 520px) {
	.ga-process-overview--web-gauging {
		border-radius: 14px;
	}

	.ga-process-overview--web-gauging .ga-process-overview__heading {
		margin-top: 6px;
		font-size: clamp(1.02rem, 5vw, 1.32rem);
	}

	.ga-process-overview--web-gauging .ga-process-overview__eyebrow {
		max-width: 170px;
		font-size: 0.42rem;
	}

	.ga-process-overview--web-gauging .ga-process-overview__eyebrow::before {
		width: 5px;
		height: 5px;
	}

	.ga-process-overview--web-gauging .ga-process-overview__controls .ga-process-overview__control span:last-child {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.ga-process-overview--web-gauging .ga-process-overview__cta {
		bottom: 8px;
		min-height: 30px;
		padding: 5px 10px;
		font-size: 0.62rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-process-overview__copy,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__direction,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__profile-card,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__profile-dot,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__phase,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__mobile-profile {
		animation: none !important;
	}

	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-process-overview__copy,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__direction,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__profile-card,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__mobile-profile {
		opacity: 1;
		transform: none;
	}

	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__profile-dot,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__phase--profile {
		opacity: 1;
	}

	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__phase--web,
	.ga-process-overview--web-gauging:not(.is-user-initiated) .ga-po-webgl-overlay__phase--sensor {
		opacity: 0;
	}
}