[data-sonner-toaster].toast32-viewport{width:min(440px,100vw - 32px);font-family:var(--font-primary), Inter, sans-serif;left:50%;right:auto;transform:translate(-50%)}[data-sonner-toaster].toast32-viewport .toast32-notice[data-styled=true]{border:1px solid color-mix(in srgb, var(--primary-foreground) 14%, transparent);background:var(--color-primary-hover);width:max-content;max-width:100%;min-height:44px;color:var(--primary-foreground);border-radius:24px;align-items:center;gap:10px;padding:6px 8px 6px 18px;font-size:14px;line-height:1.5;display:flex;left:50%;right:auto;translate:-50%;box-shadow:0 12px 32px -12px #1b1a2e3d}[data-sonner-toaster].toast32-viewport .toast32-notice [data-icon]{flex-shrink:0;width:18px;height:18px;margin:0}.toast32-icon{place-items:center;width:18px;height:18px;display:grid}[data-sonner-toaster].toast32-viewport .toast32-icon svg{width:18px;height:18px}.toast32-icon[data-tone=success]{color:color-mix(in srgb, var(--success) 55%, currentColor)}.toast32-icon[data-tone=error]{color:color-mix(in srgb, var(--error) 55%, currentColor)}.toast32-icon[data-tone=warning]{color:color-mix(in srgb, var(--warning) 55%, currentColor)}.toast32-icon[data-tone=info]{color:color-mix(in srgb, var(--info) 55%, currentColor)}.toast32-icon[data-tone=loading] svg{animation:1s linear infinite toast32-spin}[data-sonner-toaster].toast32-viewport .toast32-notice [data-content]{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;padding-block:4px}[data-sonner-toaster].toast32-viewport .toast32-notice [data-title]{color:inherit;font-size:14px;font-weight:600;line-height:1.5}[data-sonner-toaster].toast32-viewport .toast32-notice [data-description]{color:color-mix(in srgb, var(--primary-foreground) 78%, var(--color-primary-hover));font-size:13px;line-height:1.5}[data-sonner-toaster].toast32-viewport .toast32-notice [data-close-button]{width:30px;height:30px;color:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;order:4;place-items:center;margin:0;padding:0;display:grid;position:static;transform:none}[data-sonner-toaster].toast32-viewport .toast32-notice:has([data-button],button:not([data-close-button]),a[href]) [data-close-button]{display:none}[data-sonner-toaster].toast32-viewport .toast32-notice [data-button]{border:1px solid color-mix(in srgb, currentColor 24%, transparent);height:auto;min-height:30px;font:500 13px/1.4 var(--font-primary), Inter, sans-serif;background:color-mix(in srgb, currentColor 6%, transparent);color:inherit;white-space:normal;overflow-wrap:anywhere;border-radius:999px;flex-shrink:0;max-width:40%;margin:0;padding:5px 12px}[data-sonner-toaster].toast32-viewport .toast32-notice :is([data-close-button],[data-button]):hover{background:color-mix(in srgb, currentColor 12%, transparent)}[data-sonner-toaster].toast32-viewport .toast32-notice:is(:focus-visible,:has(:focus-visible)){outline:2px solid var(--ring);outline-offset:3px}[data-sonner-toaster].toast32-viewport .toast32-notice :is([data-close-button],[data-button]):focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-sonner-toaster].toast32-viewport .toast32-notice:is(:has([data-description]),:has([data-cancel]):has([data-action]),[data-type=error]):has([data-button]){width:var(--width);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;padding:14px 16px}[data-sonner-toaster].toast32-viewport .toast32-notice:is(:has([data-description]),:has([data-cancel]):has([data-action]),[data-type=error]):has([data-button]) [data-content]{flex:1 0 calc(100% - 28px);padding-block:0}[data-sonner-toaster].toast32-viewport .toast32-notice:is(:has([data-description]),:has([data-cancel]):has([data-action]),[data-type=error]):has([data-button]) [data-icon]{margin-top:2px}[data-sonner-toaster].toast32-viewport .toast32-notice:is(:has([data-description]),:has([data-cancel]):has([data-action]),[data-type=error]):has([data-button]) [data-button]{order:3;max-width:100%;margin-top:4px}@keyframes toast32-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-sonner-toaster].toast32-viewport,[data-sonner-toaster].toast32-viewport .toast32-notice{transition:none!important;animation:none!important}.toast32-icon[data-tone=loading] svg{animation:none}}