/* 06-components/_toast.css — .c-toast: a short confirmation, bottom centre. */
.c-toast { position: fixed; inset-inline: 0; bottom: var(--space-lg); z-index: var(--z-toast); margin-inline: auto; width: max-content; max-width: calc(100% - 2 * var(--space-md)); padding: var(--space-xs) var(--space-md); background: var(--ink); color: var(--ground); border-radius: var(--radius-sm); box-shadow: var(--shadow-menu); font-size: var(--text-md); opacity: 0; translate: 0 0.5rem; transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out); pointer-events: none; }
.c-toast.is-shown { opacity: 1; translate: 0 0; }
.c-toast--static { position: static; opacity: 1; translate: none; }
.c-toast[data-band] { border-inline-start: var(--stroke-edge) solid var(--band-dot); }