{#each $toasts as t (t.id)} dismissToast(t.id)} class="pointer-events-auto w-full max-w-sm rounded-xl px-4 py-3 text-left text-sm font-medium shadow-lg transition active:scale-[0.98] {toneClasses( t.tone )}" role={t.tone === 'error' || t.tone === 'warning' ? 'alert' : 'status'} aria-live={t.tone === 'error' || t.tone === 'warning' ? 'assertive' : 'polite'} data-testid="toast" data-toast-tone={t.tone} > {t.message} {/each}