/* ── Toasts: bottom end, stacked, each in a tone; the script adds and removes them ──────────────────── */
.rooster-admin-toasts {
	@apply ra-toasts;
}

.rooster-admin-toast {
	@apply ra-toast;
	transition:
		opacity var(--ra-dur-slow) var(--ra-ease),
		transform var(--ra-dur-slow) var(--ra-ease);

	@starting-style {
		@apply opacity-0;
		transform: translateY(8px);
	}
}

.rooster-admin-toast.is-leaving {
	@apply opacity-0;
	transform: translateY(8px);
}

.rooster-admin-toast__icon {
	@apply mt-0.5 flex-none;
	color: var(--ra-tone, var(--ra-accent));
}

.rooster-admin-toast__text {
	@apply min-w-0 flex-auto;
}

.rooster-admin-toast__x {
	@apply -me-1 inline-flex h-6 w-6 flex-none cursor-pointer items-center justify-center rounded-md border-0 bg-transparent text-secondary-foreground;

	@variant hover {
		@apply bg-muted text-foreground;
	}
}