.meter:where(meter) {
	height: 24px;
	overflow: hidden;
	box-sizing: border-box;
	border: 0;
	border-radius: 4px;
	appearance: none;
}

.meter:where(meter)::-webkit-meter-bar {
	border: 0;
	border-radius: 4px;
	background: var(--sui-color-key-tertiary);
}

.meter:where(meter)::-webkit-meter-optimum-value {
	background: var(--sui-color-key-primary);
}

.meter:where(meter)::-webkit-meter-suboptimum-value {
	background: var(--sui-color-warning);
}

.meter:where(meter)::-webkit-meter-even-less-good-value {
	background: var(--sui-color-error);
}

.meter:where(meter)::-moz-meter-bar {
	border-radius: 4px;
	background: var(--sui-color-key-primary);
}

.meter:where(meter:-moz-meter-sub-optimum)::-moz-meter-bar {
	background: var(--sui-color-warning);
}

.meter:where(meter:-moz-meter-sub-sub-optimum)::-moz-meter-bar {
	background: var(--sui-color-error);
}