.toast-viewport{z-index:1000;pointer-events:none;flex-direction:column;gap:.65rem;width:min(390px,100vw - 2rem);display:flex;position:fixed;top:4.75rem;right:1rem}.toast{--toast-color:#397c57;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#fffffff7;border:1px solid #1c262d1f;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.9rem .85rem .85rem 1rem;animation:.22s cubic-bezier(.22,1,.36,1) both toast-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #161f232e,0 3px 12px #161f2314}.toast--error{--toast-color:#d9271f}.toast--info{--toast-color:#337aa6}.toast--warning{--toast-color:#b97812}.toast__accent{background:var(--toast-color);width:4px;position:absolute;inset:0 auto 0 0}.toast__icon{width:2rem;height:2rem;color:var(--toast-color);background:color-mix(in srgb, var(--toast-color) 11%, white);border-radius:10px;place-items:center;display:grid}.toast__body{min-width:0;padding-top:.05rem}.toast__body strong{color:var(--text);font-size:.82rem;font-weight:820;display:block}.toast__body p{color:var(--muted);overflow-wrap:anywhere;margin:.18rem 0 0;font-size:.78rem;line-height:1.42}.toast__action{border:1px solid color-mix(in srgb, var(--toast-color) 22%, transparent);background:color-mix(in srgb, var(--toast-color) 7%, white);min-height:1.8rem;color:var(--toast-color);border-radius:7px;margin-top:.55rem;padding:.25rem .55rem;font-size:.72rem;font-weight:800}.toast__close{width:1.75rem;min-height:1.75rem;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.toast__close:hover{color:var(--text);background:#f0f2f2}.toast__progress{background:var(--toast-color);transform-origin:0;opacity:.55;height:2px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:4px;right:0}.toast:hover .toast__progress,.toast:focus-within .toast__progress{animation-play-state:paused}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-enter{0%{opacity:0;transform:translate(2.25rem)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:600px){.toast-viewport{width:auto;inset:auto .75rem .75rem}.toast{padding:.8rem .75rem .75rem .9rem}}@media (prefers-reduced-motion:reduce){.toast,.toast__progress{animation:none}}