.ssb-stock {
	--ssb-instock: #2e9e44;
	--ssb-low: #e5261f;
	--ssb-backorder: #f29100;
	--ssb-outofstock: #9a9a9a;
	--ssb-dot-size: 0.6em;

	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ssb-color);
}

.ssb-stock__dot {
	flex: none;
	width: var(--ssb-dot-size);
	height: var(--ssb-dot-size);
	border-radius: 50%;
	background-color: var(--ssb-color);
}

.ssb-stock--instock     { --ssb-color: var(--ssb-instock); }
.ssb-stock--low         { --ssb-color: var(--ssb-low); }
.ssb-stock--onbackorder { --ssb-color: var(--ssb-backorder); }
.ssb-stock--outofstock  { --ssb-color: var(--ssb-outofstock); }