.ts-alert {
	--ts-alert-bg: rgba(246, 239, 230, 0.05);
	--ts-alert-border: rgba(246, 239, 230, 0.14);
	--ts-alert-accent: #b7ac9d;
	--ts-alert-text: #f6efe6;

	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--ts-alert-border);
	border-radius: 10px;
	background: var(--ts-alert-bg);
	font-family:
		"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 13px;
	line-height: 1.45;
	color: var(--ts-alert-text);
}

.ts-alert + .ts-alert {
	margin-top: 8px;
}

.ts-alert__icon {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	color: var(--ts-alert-accent);
}

.ts-alert__text {
	flex: 1 1 auto;
	min-width: 0;
}

.ts-alert__text a {
	color: var(--ts-alert-accent);
	text-decoration: underline;
}

.ts-alert__text p {
	margin: 0;
}

.ts-alert__text p + p {
	margin-top: 6px;
}

.ts-alert--success {
	--ts-alert-bg: rgba(95, 214, 147, 0.08);
	--ts-alert-border: rgba(95, 214, 147, 0.32);
	--ts-alert-accent: #5fd693;
}

.ts-alert--error {
	--ts-alert-bg: rgba(232, 92, 78, 0.08);
	--ts-alert-border: rgba(232, 92, 78, 0.32);
	--ts-alert-accent: #e85c4e;
}

.ts-alert--warning {
	--ts-alert-bg: rgba(243, 152, 31, 0.08);
	--ts-alert-border: rgba(243, 152, 31, 0.32);
	--ts-alert-accent: #f3981f;
}

.ts-alert--compact {
	gap: 8px;
	padding: 10px 12px;
	font-size: 12px;
}

.ts-alert--compact .ts-alert__icon {
	width: 14px;
	height: 14px;
}