.#{$prefix}--#{$charts-prefix}--gauge {
	path.arc-background {
		fill: $ui-01;
	}

	.gauge-delta-arrow {
		&.status--danger {
			fill: $support-01;
		}

		&.status--warning {
			fill: $support-03;
		}

		&.status--success {
			fill: $support-02;
		}
	}
	text.subrange-label-begin {
		text-anchor: middle;
	}
	text.subrange-label-end {
		text-anchor: middle;
	}
}