# Toast

A transient notification, top-right on desktop and full-width top on mobile.

**Consumer provides:** A system-narrated title, one detail line, and the variant.

```html
<div class="fdt-toast fdt-toast--success" role="status"><div><b>Sync complete</b>All assets reporting.</div><button class="x" aria-label="Dismiss">×</button></div>
```

- 4px left rule in the semantic color, as the spec defines; `navy-700` surface.
- Auto-dismiss after 6s; errors stay until dismissed and use `role="alert"`.