.use-toast{z-index:99;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:10px;width:min(300px,100% - 30px);display:flex;position:fixed;bottom:60px;right:20px}.use-toast .toast{background-color:var(--color-background);border:1px solid var(--color-border);pointer-events:auto;align-items:center;gap:10px;padding:10px 15px;display:flex;position:relative;overflow:hidden}.use-toast .toast.toast--success span{color:var(--color-primary);background-color:color-mix(in oklab, var(--color-primary) 12%, transparent)}.use-toast .toast.toast--success .toast-progress{background-color:var(--color-primary)}.use-toast .toast.toast--error span{color:var(--color-error);background-color:color-mix(in oklab, var(--color-error) 12%, transparent)}.use-toast .toast.toast--error .toast-progress{background-color:var(--color-error)}.use-toast .toast span{color:var(--color-secondary);background-color:color-mix(in oklab, var(--color-secondary) 12%, transparent);aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:30px;display:inline-flex}.use-toast .toast .toast-message{flex:1;margin-block:0;font-size:13px}.use-toast .toast button{color:var(--color-text);opacity:.7;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:flex}.use-toast .toast button:hover{opacity:1}.use-toast .toast .toast-progress{background-color:var(--color-secondary);transform-origin:0;height:2px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:0;right:0}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=640px){.use-toast{width:auto;bottom:60px;left:16px;right:16px}}