.toast-viewport{right:1.5rem;bottom:calc(var(--mobile-nav-height,4.5rem) + 1rem);z-index:80;pointer-events:none;gap:.75rem;width:min(24rem,100vw - 1.5rem);display:grid;position:fixed}@media (max-width:639px){.toast-viewport{width:auto;left:.75rem;right:.75rem;bottom:calc(var(--mobile-nav-height,4.5rem) + .75rem)}}@media (min-width:768px){.toast-viewport{bottom:1.5rem}}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090beb;border:1px solid #ffffff14;border-radius:20px;align-items:flex-start;gap:.75rem;padding:.875rem .875rem .875rem 1rem;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 4px 24px #00000040,inset 0 0 0 1px #ffffff0a}@media (prefers-color-scheme:light){.toast-item{background:#fffffff5;border-color:#e4e4e7;box-shadow:0 8px 32px #0000001f,inset 0 0 0 1px #0000000a}}.toast-item-progress,.toast-item-success{border-color:#ff5a1f4d;box-shadow:0 4px 24px #00000040,0 0 40px #ff5a1f0f,inset 0 0 0 1px #ff5a1f14}@media (prefers-color-scheme:light){.toast-item-progress,.toast-item-success{border-color:#ff5a1f40;box-shadow:0 8px 32px #0000001a,0 0 32px #ff5a1f0d}}.toast-item-error{border-color:#ef44444d;box-shadow:0 4px 24px #00000040,inset 0 0 0 1px #ef444414}.toast-item-warning{border-color:#f59e0b4d;box-shadow:0 4px 24px #00000040,inset 0 0 0 1px #f59e0b14}.toast-item-icon{color:#ff5a1f;background:#ff5a1f1a;border:1px solid #ff5a1f33;border-radius:10px;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.toast-item-error .toast-item-icon{color:#ef4444;background:#ef44441a;border-color:#ef444433}.toast-item-warning .toast-item-icon{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.toast-item-info .toast-item-icon{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}@media (prefers-color-scheme:light){.toast-item-icon{background:#ff5a1f14;border-color:#ff5a1f40}.toast-item-error .toast-item-icon{background:#ef444414;border-color:#ef444440}.toast-item-warning .toast-item-icon{background:#f59e0b14;border-color:#f59e0b40}.toast-item-info .toast-item-icon{background:#8b5cf614;border-color:#8b5cf640}}.toast-item-body{flex:1;min-width:0}.toast-item-title{color:#fafafa;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.3;overflow:hidden}@media (prefers-color-scheme:light){.toast-item-title{color:#09090b}}.toast-item-description{color:#a1a1aa;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.75rem;line-height:1.45;overflow:hidden}@media (prefers-color-scheme:light){.toast-item-description{color:#71717a}}.toast-item-action{color:#ff5a1f;margin-top:.5rem;font-size:.75rem;font-weight:600;transition:color .15s;display:inline-flex}.toast-item-action:hover{color:#e64a19}.toast-item-close{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;font-size:0;transition:background .15s,color .15s;display:grid}.toast-item-close:before{content:"";background:currentColor;width:14px;height:14px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toast-item-close:hover{color:#d4d4d8;background:#ffffff0f}@media (prefers-color-scheme:light){.toast-item-close{color:#a1a1aa}.toast-item-close:hover{color:#52525b;background:#0000000a}}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.97)}}.motion-toast-enter{animation:.24s cubic-bezier(.16,1,.3,1) toast-enter}.motion-toast-exit{animation:.18s ease-in forwards toast-exit}.motion-lift{transition:transform .18s,box-shadow .18s,border-color .18s}.motion-lift:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.motion-toast-enter,.motion-toast-exit{animation:none}.motion-lift,.motion-lift:hover{transition:none;transform:none}}
