.toasts{z-index:300;gap:var(--space-2);max-width:min(360px, calc(100vw - 2 * var(--space-6)));display:grid;position:fixed;inset-block-end:var(--space-6);inset-inline-start:var(--space-6)}.toast{--color-focus:var(--color-sidebar-focus);align-items:flex-start;gap:var(--space-2);padding-block:var(--space-3);padding-inline:var(--space-4) var(--space-2);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-inverse);box-shadow:var(--shadow-overlay);color:var(--color-text-inverse);font-size:var(--text-sm);animation:toast-in var(--motion-fast);line-height:1.7;display:flex}.toast__glyph{flex:none;padding-block-start:3px;display:flex}.toast__message{flex:1;min-width:0}.toast__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-inverse);opacity:.7;cursor:pointer;transition:background var(--motion-fast), opacity var(--motion-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}.toast__close:hover,.toast__close:focus-visible{background:var(--color-sidebar-hover);opacity:1}.toast--success{border-inline-start-color:var(--color-success)}.toast--error{border-inline-start-color:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast__action{color:var(--color-sidebar-text-strong);margin-inline-start:var(--space-2);font-weight:500;text-decoration:underline;display:inline-block}.toast__action:hover{color:var(--color-text-inverse)}