.toast-viewport{z-index:2147483647;outline:none;flex-direction:column-reverse;gap:12px;width:400px;max-width:100vw;margin:0;padding:24px;list-style:none;display:flex;position:fixed;bottom:0;right:0}.toast-root{-moz-column-gap:16px;background-color:#fff;border-left:4px solid;border-radius:8px;grid-template-columns:1fr;grid-template-areas:"content";align-items:center;column-gap:16px;padding:16px;display:grid;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.toast-root[data-state=open]{animation:.15s cubic-bezier(.16,1,.3,1) slideIn}.toast-root[data-state=closed]{animation:.1s ease-in hide}.toast-root[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transition:transform .2s ease-out;transform:translate(0)}.toast-root[data-swipe=end]{animation:.1s ease-out swipeOut}.toast-success{border-left-color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-content{align-items:flex-start;gap:12px;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-text{flex:1;min-width:0}.toast-title{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.toast-description{color:#666;margin:0;font-size:13px;line-height:1.5}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.toast-close:hover{color:#333;background-color:#f5f5f5}.toast-close:focus{outline-offset:2px;outline:2px solid #3b82f6}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(calc(100% + 24px))}to{transform:translateY(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateY(calc(100% + 24px))}}@media (width<=640px){.toast-viewport{width:100%;padding:16px}.toast-root{padding:12px}.toast-title{font-size:13px}.toast-description{font-size:12px}}