.toast{cursor:default;font-family:Courier New,Courier,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.02em;max-width:22rem;overflow:hidden;padding:.875rem 1.5rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast,.toast__bg{border-radius:.75rem}.toast__bg{inset:0;position:absolute;z-index:-1}.toast__bg--success{background:#0a1a0f}.toast__bg--error{background:#1a0a0a}.toast__bg--warning{background:#1a150a}.toast__bg--info{background:#0a0f1a}.toast__text{position:relative;white-space:pre-line;z-index:1}.toast__progress{animation:toast-fill linear forwards;border-radius:.75rem;inset:0;position:absolute;transform:scaleX(0);transform-origin:left}@keyframes toast-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.toast--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);box-shadow:0 10px 30px #00000059,0 0 20px #22c55e14;color:#4ade80}.toast--success .toast__progress{background:#22c55e26}.toast--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);box-shadow:0 10px 30px #00000059,0 0 20px #ef444414;color:#f87171}.toast--error .toast__progress{background:#ef444426}.toast--warning{background:#eab3081a;border:1px solid rgba(234,179,8,.25);box-shadow:0 10px 30px #00000059,0 0 20px #eab30814;color:#fbbf24}.toast--warning .toast__progress{background:#eab30826}.toast--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);box-shadow:0 10px 30px #00000059,0 0 20px #3b82f614;color:#60a5fa}.toast--info .toast__progress{background:#3b82f626}.toast-enter-active{animation:toast-bell-in .5s ease-out}.toast-leave-active{transition:all .3s ease}.toast-leave-to{opacity:0;transform:translateY(-8px)}@keyframes toast-bell-in{0%{opacity:0;transform:translateY(-16px) scale(.95)}20%{opacity:1;transform:translateY(0) scale(1)}30%{transform:translate(5px) rotate(1.5deg)}40%{transform:translate(-4px) rotate(-1deg)}50%{transform:translate(3px) rotate(.5deg)}60%{transform:translate(-2px) rotate(-.3deg)}70%{transform:translate(1px)}to{transform:translate(0)}}