.bsw-company-metrics {
	--bsw-color-primary: #085d67;
	--bsw-color-companion: #cabfa5;
	--bsw-color-dark-blue-grey: #253746;
	--bsw-color-neutral: #a2a9ad;
	--bsw-company-metrics-border-color: var(--bsw-color-neutral);
	display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 25px;
	container-type: inline-size; container-name: bsw-company-metrics;
	width: 100%; min-width: 0; background: transparent; font-family: inherit;
}
.bsw-company-metrics, .bsw-company-metrics * { box-sizing: border-box; }
.bsw-company-metrics .bsw-company-metrics__card {
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;
	flex: 0 1 calc((100% - 50px) / 3); width: calc((100% - 50px) / 3);
	min-width: min(100%, 280px); max-width: 360px; min-height: 0; overflow: hidden;
	padding: 25px; text-align: center; background: #fff;
	container: bsw-company-metrics-card / inline-size;
	border: 1px solid var(--bsw-company-metrics-border-color); border-radius: 4px 16px 4px 16px; box-shadow: none;
}
.bsw-company-metrics h2 { margin: 0; font: inherit; font-size: clamp(18px, 1.5vw, 24px); color: var(--bsw-color-dark-blue-grey); }
.bsw-company-metrics .bsw-company-metrics__value { max-width: 100%; margin: 0; color: var(--bsw-color-primary); font-size: clamp(30px, 13cqw, 48px); font-weight: 500; line-height: 1.15; font-variant-numeric: tabular-nums; }
.bsw-company-metrics__visual { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: .2em; max-width: 100%; min-width: 0; }
.bsw-company-metrics [data-bsw-odometer] { position: relative; max-width: 100%; min-width: 0; padding-inline-start: .68em; }
.bsw-company-metrics [data-bsw-odometer]::before {
	content: ""; position: absolute; inset-inline-start: 0; bottom: .15em;
	width: .55em; height: .771em; pointer-events: none;
	background-color: var(--bsw-color-companion);
	-webkit-mask: url("../images/bol-kv_01.svg") center / contain no-repeat;
	mask: url("../images/bol-kv_01.svg") center / contain no-repeat;
}
.bsw-company-metrics__unit { flex: 0 0 auto; font-size: .5em; font-weight: 300; line-height: 1.15; white-space: nowrap; }
.bsw-company-metrics .bsw-company-metrics__caption { margin: 0; color: var(--bsw-color-dark-blue-grey); font-size: 16px; line-height: 1.5; }
.bsw-company-metrics__accessible { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bsw-company-metrics__digit { display: inline-block; vertical-align: bottom; height: 1.15em; overflow: hidden; }
.bsw-company-metrics__reel { display: block; will-change: transform; }
.bsw-company-metrics__reel > span { display: block; height: 1.15em; line-height: 1.15; }
@container bsw-company-metrics (max-width: 579px) { .bsw-company-metrics__card { padding: 20px 16px; } }
@media (max-width: 579px) {
	.bsw-company-metrics { gap: 16px; }
	.bsw-company-metrics .bsw-company-metrics__card { flex: 1 1 100%; width: 100%; max-width: 360px; }
}
@media (prefers-reduced-motion: reduce) { .bsw-company-metrics__reel { animation: none !important; transition: none !important; } }
