.toast{align-items:start;background:var(--n7);border-radius:var(--radius-md);bottom:calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 0 0 1px var(--n6),0 24px 48px -12px #0009;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding:16px;position:fixed;right:24px;width:min(400px,calc(100vw - 32px));z-index:2000}.toast-icon{align-items:center;animation:pop-in .4s var(--ease-spring) both;border-radius:50%;display:inline-flex;height:36px;justify-content:center;width:36px}.toast-icon svg{height:20px;width:20px}.toast.success .toast-icon{background:#45b26b29;color:var(--p4)}.toast.error .toast-icon{background:#ef466f29;color:var(--p3)}.toast-title{color:var(--n1);font-family:var(--font-display);font-weight:700;line-height:1.4}.toast-message{color:var(--n4);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.toast-close{background:none;border-radius:50%;color:var(--n4);height:28px;width:28px}.toast-close:hover{background:var(--n6);color:var(--n1)}.toast-progress{animation:toast-countdown linear forwards;bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.toast-progress.paused{animation-play-state:paused}.toast.success .toast-progress{background:var(--p4)}.toast.error .toast-progress{background:var(--p3)}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-active{transition:transform .4s var(--ease-spring),opacity .25s ease}.toast-leave-active{transition:transform .25s ease,opacity .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(16px) scale(.98)}@media (max-width:767px){.toast{bottom:calc(16px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:auto}}