.toast{background:var(--ink-soft);color:#fff;border-radius:var(--radius-sm);width:min(300px,100%);box-shadow:0 12px 32px -12px rgb(var(--shadow-color) / 35%);cursor:pointer;pointer-events:auto;align-items:center;gap:8px;padding:8px 28px 8px 10px;display:flex;position:relative;overflow:hidden}[dir=rtl] .toast{padding:8px 10px 8px 28px}.toast--success{background:var(--positive)}.toast--error{background:var(--negative)}.toast--warning{background:var(--accent)}.toast--info{background:var(--ink-soft)}.toast__icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.toast__icon svg{width:16px;height:16px}.toast__message{color:#fff;word-break:break-word;flex:1;min-width:0;font-size:.74rem;line-height:1.35}.toast__close{color:#fffc;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex;position:absolute;top:6px;right:6px}.toast__close svg{width:12px;height:12px}[dir=rtl] .toast__close{left:6px;right:auto}.toast__close:hover{color:#fff;background:#fff3}.toast__bar-track{background:#ffffff40;height:2px;position:absolute;bottom:0;left:0;right:0}.toast__bar-fill{background:#fff;height:100%;position:absolute;top:0;left:0}[dir=rtl] .toast__bar-fill{left:auto;right:0}.toast-viewport{z-index:200;pointer-events:none;flex-direction:column;gap:8px;max-width:100%;padding:16px;display:flex;position:fixed}.toast-viewport--bottom-left{align-items:flex-start;bottom:0;left:0}.toast-viewport--bottom-right{align-items:flex-end;bottom:0;right:0}.toast-viewport--top-left{align-items:flex-start;top:0;left:0}.toast-viewport--top-right{align-items:flex-end;top:0;right:0}@media (width<=480px){.toast-viewport{align-items:stretch;padding:12px;left:0;right:0}.toast-viewport .toast{width:100%}}