.m3-toast__viewport{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:480px;padding:0 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media not (min-width:1024px){.m3-toast__viewport{bottom:96px}}.m3-toast{border-radius:var(--radius-m3-sm);background:var(--color-inverse-surface);width:100%;color:var(--color-inverse-on-surface);font-size:var(--text-body-md);box-shadow:var(--shadow-e3);pointer-events:auto;align-items:center;gap:10px;padding:12px 16px;animation:.2s cubic-bezier(.2,0,0,1) both m3-toast-in;display:flex}@keyframes m3-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.m3-toast--error .m3-toast__icon{color:#ffb4ab}.m3-toast--success .m3-toast__icon{color:#8fdca4}.m3-toast--info .m3-toast__icon{color:var(--color-inverse-primary)}.m3-toast__message{flex:1;min-width:0}.m3-toast__close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;display:inline-flex}.m3-toast__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}