@keyframes toastSlideInTop{0%{opacity:0;transform:translateY(-100%)scale(.95)translateZ(0)}to{opacity:1;transform:translateY(0)scale(1)translateZ(0)}}@keyframes toastSlideInBottom{0%{opacity:0;transform:translateY(100%)scale(.95)translateZ(0)}to{opacity:1;transform:translateY(0)scale(1)translateZ(0)}}@keyframes toastSlideOutTop{0%{opacity:1;transform:translateY(0)scale(1)translateZ(0)}to{opacity:0;transform:translateY(-100%)scale(.95)translateZ(0)}}@keyframes toastSlideOutBottom{0%{opacity:1;transform:translateY(0)scale(1)translateZ(0)}to{opacity:0;transform:translateY(100%)scale(.95)translateZ(0)}}@keyframes iconPop{0%{transform:scale(0)translateZ(0)}50%{transform:scale(1.1)translateZ(0)}to{transform:scale(1)translateZ(0)}}.toast-container{pointer-events:none;flex-direction:column;gap:12px;width:300px;max-width:calc(100vw - 32px);display:flex;z-index:999999!important;position:fixed!important;top:24px!important;left:50%!important;transform:translate(-50%)!important}@media (width<=768px){.toast-container{top:auto!important;bottom:24px!important}}.toast{backface-visibility:hidden;opacity:0;background:hsl(var(--card,42 35% 99%));border:1px solid hsl(var(--border,38 25% 85%));pointer-events:auto;will-change:transform, opacity;border-radius:999px;align-items:flex-start;gap:10px;width:100%;padding:8px 4px 8px 12px;font-family:Lato,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;transform:translateY(-100%)translateZ(0);box-shadow:0 10px 40px -10px #32241b1f,0 4px 16px -4px #32241b14}.toast[data-has-message=true]:hover{padding-bottom:14px}.dark .toast{background:hsl(var(--card,25 20% 14%));border-color:hsl(var(--border,25 20% 22%));box-shadow:0 10px 40px -10px #0006,0 4px 16px -4px #0000004d}@media (width>=769px){.toast.active{animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideInTop}.toast.closing{animation:.3s cubic-bezier(.4,0,1,1) forwards toastSlideOutTop}}@media (width<=768px){.toast.active{animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideInBottom}.toast.closing{animation:.3s cubic-bezier(.4,0,1,1) forwards toastSlideOutBottom}}.toast-content{z-index:1;flex:1;align-items:center;gap:10px;display:flex;position:relative}.toast .check{background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2);width:32px;min-width:32px;height:32px;color:hsl(var(--primary));box-shadow:none;backface-visibility:hidden;will-change:transform;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;animation:.4s cubic-bezier(.16,1,.3,1) .1s both iconPop;display:flex;transform:translateZ(0)}.toast[data-type=success] .check{color:#28af60;background:#28af601a;border-color:#28af6033}.toast[data-type=error] .check{color:#ef4343;background:#ef43431a;border-color:#ef434333}.toast[data-type=warning] .check,.toast[data-type=info] .check{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .2);color:hsl(var(--primary))}.toast-copy{flex-direction:column;flex:1;align-self:center;min-width:0;display:flex}.toast-title-row{align-items:center;gap:8px;min-width:0;display:flex}.toast-expand-indicator{background:hsl(var(--secondary) / .9);width:18px;height:18px;color:hsl(var(--muted-foreground));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.toast:hover .toast-expand-indicator,.toast:focus-within .toast-expand-indicator{background:hsl(var(--primary) / .12);color:hsl(var(--primary));transform:rotate(180deg)}.toast-content .message-title{color:hsl(var(--foreground));white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.toast-content .message-body{opacity:0;max-height:0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.45;transition:max-height .22s,opacity .18s,transform .22s;overflow:hidden;transform:translateY(-2px)}.toast:hover .message-body,.toast:focus-within .message-body{opacity:1;max-height:72px;margin-top:4px;transform:translateY(0)}.toast[data-has-message=false]:hover .message-body,.toast[data-has-message=false]:focus-within .message-body{opacity:0;max-height:0;margin-top:0}.toast[data-has-message=false] .toast-expand-indicator{display:none}.toast:hover .message-title,.toast:focus-within .message-title{white-space:normal}.toast .close,.toast .progress{display:none}
