removeToast(toast.id), 220);
} else {
dragY = 0;
}
"
:style="(dragging || dismissing) ? `transform: translateY(${dragY}px); transition: transform ${dragging ? '0ms' : '220ms'} ease-out;` : ''"
x-transition:enter="transition ease-out duration-400 transform"
x-transition:enter-start="-translate-y-full opacity-0"
x-transition:enter-end="translate-y-0 opacity-100"
x-transition:leave="transition ease-in duration-300 transform"
x-transition:leave-start="translate-y-0 opacity-100"
x-transition:leave-end="-translate-y-full opacity-0"
class="relative overflow-hidden flex items-start gap-3 p-4 rounded-2xl shadow-lg pointer-events-auto text-white
bg-gradient-to-br from-primary to-secondary"
>