Template:Maintenance/styles.css

.t-maintenance {
	display: inline-flex;
	margin: 0.25rem;
	padding: 0.5rem 0.75rem;
	box-shadow: var(--tg-border-color-base) 0px 0px 0px 1px inset;
	border-left: 4px solid var(--tg-color-surface-3);
	border-radius: var(--tg-border-radius-small);
	background-color: var(--tg-color-surface-2);
	color: var(--tg-color-emphasized);
	font-size: var(--tg-font-size-x-small);
	font-weight: var(--tg-font-weight-medium);
	line-height: var(--line-height-sm);
}

.t-maintenance .ext-floatingui-reference {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.t-maintenance.t-maintenance--yellow {
	border-left-color: #f59e0b;
}

.t-maintenance.t-maintenance--red {
	border-left-color: #ef4444;
}

.t-maintenance.t-maintenance--green {
	border-left-color: #10b981;
}

.t-maintenance .t-maintenance-icon img {
	filter: var(--filter-invert);
	opacity: 0.6;
}