.markup blockquote:has(span.info, span.success, span.warning, span.error) {
	padding: 8px 16px;
	border: 1px solid;
	border-radius: 8px;

	span.info {
		display: none;
	}

	&:has(span.info) {
		background: var(--color-info-bg);
		color: var(--color-info-text);
		border-color: var(--color-info-border);
	}

	&:has(span.success) {
		background: var(--color-success-bg);
		color: var(--color-success-text);
		border-color: var(--color-success-border);
	}

	&:has(span.warning) {
		background: var(--color-warning-bg);
		color: var(--color-warning-text);
		border-color: var(--color-warning-border);
	}

	&:has(span.error) {
		background: var(--color-error-bg);
		color: var(--color-error-text);
		border-color: var(--color-error-border);
	}
}