.aurora-notification-alert {
	--ana-bg: var(--ice-color, #eef5f7);
	--ana-border: rgba(198, 156, 109, 0.55);
	--ana-text: var(--font-color, #536777);
	--ana-muted: var(--grey-color, #8192a0);
	--ana-accent: var(--red-color, #a01e2e);
	--ana-accent-dark: var(--dark-red-color, #771420);
	--ana-accent-light: var(--light-red-color, #c84a6e);
	--ana-gold: var(--gold-color, #c69c6d);
	--ana-light-gold: var(--light-gold-color, #e8c195);
	--ana-pink: var(--pink-color, #f9d7e2);
	--ana-title-font: var(--title-font, system-ui);
	--ana-paragraph-font: var(--paragraph-font, sans-serif);
	--ana-shadow: var(--snow-shadow, 0 2px 4px rgba(58, 92, 106, 0.35));

	position: relative;
	color: var(--ana-text);
	font-family: var(--ana-paragraph-font);
	text-align: center;
}

.aurora-notification-alert--info,
.aurora-notification-alert--brand {
	--ana-bg: var(--ice-color, #eef5f7);
	--ana-border: rgba(198, 156, 109, 0.65);
	--ana-accent: var(--red-color, #a01e2e);
}

.aurora-notification-alert--success {
	--ana-bg: #f2fbf6;
	--ana-border: rgba(198, 156, 109, 0.5);
	--ana-accent: #34865b;
}

.aurora-notification-alert--warning {
	--ana-bg: #fff7ea;
	--ana-border: rgba(198, 156, 109, 0.8);
	--ana-accent: var(--gold-color, #c69c6d);
}

.aurora-notification-alert--critical {
	--ana-bg: var(--pink-color, #f9d7e2);
	--ana-border: rgba(160, 30, 46, 0.35);
	--ana-accent: var(--red-color, #a01e2e);
}

.aurora-notification-alert__inline {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1.25rem;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.68)),
		var(--ana-bg);
	border: 1px solid var(--ana-border);
	border-radius: 18px;
	box-shadow: var(--ana-shadow);
	text-align: center;
}

.aurora-notification-alert__icon,
.aurora-notification-alert__modal-icon {
	flex: 0 0 auto;
	color: var(--ana-accent);
	font-size: 2rem;
	line-height: 1;
}

.aurora-notification-alert__inline-content {
	flex: 0 1 auto;
	min-width: 0;
}

.aurora-notification-alert__inline-title,
.aurora-notification-alert__title {
	margin: 0;
	color: var(--ana-gold);
	font-family: var(--ana-title-font);
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.aurora-notification-alert__inline-subtitle,
.aurora-notification-alert__subtitle {
	margin: 0.65rem auto 0;
	max-width: 48rem;
	color: var(--ana-accent);
	font-family: var(--ana-paragraph-font);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
}

.aurora-notification-alert__inline-description,
.aurora-notification-alert__description {
	margin: 1rem auto 0;
	max-width: 48rem;
	color: var(--ana-text);
	font-family: var(--ana-paragraph-font);
	font-size: 1rem;
	line-height: 1.7;
	text-align: center;
	text-wrap: balance;
	font-weight: 500;
}

.aurora-notification-alert__modal[hidden] {
	display: none;
}

.aurora-notification-alert__modal {
	position: fixed;
	z-index: 99999;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
}

.aurora-notification-alert__overlay {
	position: absolute;
	inset: 0;
	background: rgba(83, 103, 119, 0.72);
	backdrop-filter: blur(5px);
}

.aurora-notification-alert__dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 640px);
	max-height: calc(100vh - 2.5rem);
	overflow: auto;
	background: #fff;
	color: var(--ana-text);
	border-radius: 28px;
	padding: 2.35rem;
	text-align: center;
	transform: translateY(10px) scale(0.98);
	opacity: 0;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.aurora-notification-alert__dialog::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 8px;
	background: var(--candy, repeating-linear-gradient(45deg, #e8c195 0px, #e8c195 12px, #fff 12px, #fff 24px));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.aurora-notification-alert__modal.is-open .aurora-notification-alert__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.aurora-notification-alert__close {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	z-index: 2;
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: var(--ana-accent-dark);
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(58, 92, 106, 0.18);
	transition:all 0.3s;
}

.aurora-notification-alert__close:focus-visible{
	outline:none;
}

.aurora-notification-alert__close:hover {
	background: var(--ana-gold);
}

.aurora-notification-alert__modal-icon {
	margin: 0 auto 1rem;
	font-size: 2.5rem;
}

.aurora-notification-alert__actions {
	margin-top: 1.65rem;
	text-align: center;
}

body.aurora-notification-alert-lock {
	overflow: hidden;
}

@media (max-width: 640px) {
	.aurora-notification-alert__inline {
		align-items: center;
		flex-direction: column;
	}

	.aurora-notification-alert__trigger {
		width: 100%;
		max-width: 20rem;
	}

	.aurora-notification-alert__dialog {
		padding: 2rem 1.35rem 1.5rem;
		border-radius: 22px;
	}

	.aurora-notification-alert__inline-title,
	.aurora-notification-alert__title {
		font-size: clamp(1.65rem, 10vw, 2.35rem);
	}
}