status-toast{position:fixed;inset-inline:0;inset-block-end:max(var(--space-md),env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:var(--space-xs);inline-size:fit-content;max-inline-size:min(34rem,calc(100vw - 2 * var(--space-md)));margin-inline:auto;min-block-size:3rem;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-sm);border-radius:var(--shape-md);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-3);font-size:var(--type-small);font-weight:500;transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-spring),visibility 0s linear 0s}status-toast[state=hidden]{opacity:0;transform:translateY(12px) scale(.98);visibility:hidden;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-exit),transform var(--motion-fast) var(--ease-exit),visibility 0s linear var(--motion-fast)}status-toast>m-symbol{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}status-toast[tone=notice]>m-symbol{color:#7fd8a4}status-toast[tone=error]>m-symbol{color:#ff8f86}:root[mode=dark] status-toast[tone=notice]>m-symbol{color:#237a4b}:root[mode=dark] status-toast[tone=error]>m-symbol{color:#b3261e}status-toast toast-text{flex:1;min-inline-size:0;overflow-wrap:anywhere;line-height:1.35}status-toast icon-button{margin-inline-end:calc(-1 * var(--space-xs));color:inherit;opacity:.75}status-toast icon-button:hover{background:color-mix(in srgb,var(--paper) 14%,transparent);color:inherit;opacity:1}