html [data-sonner-toaster][data-sonner-theme]{--normal-bg:var(--color-surface-raised);--normal-border:var(--color-rule-hairline);--normal-text:var(--color-primary);--success-bg:var(--color-surface-raised);--success-border:var(--color-rule-hairline);--success-text:var(--color-primary);--error-bg:var(--color-surface-raised);--error-border:var(--color-rule-hairline);--error-text:var(--color-primary);--warning-bg:var(--color-surface-raised);--warning-border:var(--color-rule-hairline);--warning-text:var(--color-primary);z-index:var(--z-tooltip);font-family:var(--font-sans)}html [data-sonner-toaster] [data-sonner-toast]{--toast-surface:var(--color-surface-raised);--toast-border:var(--color-rule-hairline);--toast-min-width:20rem;gap:calc(var(--spacing) * 3);min-width:var(--toast-min-width);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);color:var(--color-primary);background:var(--toast-surface);border:1px solid var(--toast-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:relative}html [data-sonner-toaster] [data-sonner-toast][data-type=success]{--toast-surface:var(--color-accent-positive-tint);--toast-border:var(--color-accent-positive-border)}html [data-sonner-toaster] [data-sonner-toast][data-type=error]{--toast-surface:var(--color-accent-critical-tint);--toast-border:var(--color-accent-critical-border)}html [data-sonner-toaster] [data-sonner-toast][data-type=warning]{--toast-surface:var(--color-accent-warning-tint);--toast-border:var(--color-accent-warning-border)}html [data-sonner-toaster] [data-sonner-toast][data-type=info]{--toast-surface:var(--color-accent-info-tint);--toast-border:var(--color-accent-info-border)}html [data-sonner-toaster] [data-sonner-toast] [data-title]{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-body-sm);color:var(--color-primary)}html [data-sonner-toaster] [data-sonner-toast] [data-description]{font-size:var(--text-caption);font-weight:var(--font-weight-normal);line-height:var(--leading-caption);color:var(--color-secondary)}html [data-sonner-toaster] [data-sonner-toast] [data-icon]{width:var(--size-icon-sm);height:var(--size-icon-sm);flex-shrink:0}html [data-sonner-toaster] [data-sonner-toast][data-type=success] [data-icon]{color:var(--color-accent-positive)}html [data-sonner-toaster] [data-sonner-toast][data-type=error] [data-icon]{color:var(--color-accent-critical)}html [data-sonner-toaster] [data-sonner-toast][data-type=warning] [data-icon]{color:var(--color-accent-warning)}html [data-sonner-toaster] [data-sonner-toast][data-type=info] [data-icon]{color:var(--color-accent-info)}html [data-sonner-toaster] [data-sonner-toast] [data-close-button]{top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:var(--radius-xs);color:var(--color-quaternary);cursor:pointer;opacity:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast) var(--ease-responsive), background-color var(--duration-fast) var(--ease-responsive), color var(--duration-fast) var(--ease-responsive);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;left:auto;transform:none}html [data-sonner-toaster] [data-sonner-toast]:hover [data-close-button],html [data-sonner-toaster] [data-sonner-toast] [data-close-button]:focus-visible{opacity:1}html [data-sonner-toaster] [data-sonner-toast] [data-close-button]:hover{color:var(--color-primary);background:oklch(from var(--color-surface-raised) calc(l + var(--state-hover-l-delta)) calc(c + var(--state-hover-c-delta)) h)}html [data-sonner-toaster] [data-sonner-toast] [data-close-button]:active{background:oklch(from var(--color-surface-raised) calc(l + var(--state-pressed-l-delta)) calc(c + var(--state-pressed-c-delta)) h)}html [data-sonner-toaster] [data-sonner-toast] [data-close-button]:focus-visible{outline:2px solid var(--color-focused);outline-offset:2px}html [data-sonner-toaster] [data-sonner-toast] [data-button]{padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);min-width:calc(var(--spacing) * 6);min-height:calc(var(--spacing) * 6);border-radius:var(--radius-xs);border:1px solid var(--color-rule-divider);color:var(--color-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-responsive), border-color var(--duration-fast) var(--ease-responsive), color var(--duration-fast) var(--ease-responsive);background:0 0;justify-content:center;align-items:center;display:inline-flex}html [data-sonner-toaster] [data-sonner-toast] [data-button]:hover{color:var(--color-primary);background:oklch(from var(--color-surface-raised) calc(l + var(--state-hover-l-delta)) calc(c + var(--state-hover-c-delta)) h);border-color:var(--color-rule-control)}html [data-sonner-toaster] [data-sonner-toast] [data-button]:active{background:oklch(from var(--color-surface-raised) calc(l + var(--state-pressed-l-delta)) calc(c + var(--state-pressed-c-delta)) h)}html [data-sonner-toaster] [data-sonner-toast] [data-button]:focus-visible{outline:2px solid var(--color-focused);outline-offset:2px}html [data-sonner-toaster] [data-sonner-toast][data-mounted=true]{animation:toast-enter var(--duration-medium) var(--ease-damped)}html [data-sonner-toaster] [data-sonner-toast][data-removed=true]{animation:toast-exit var(--duration-fast) var(--ease-exit) forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}@media (pointer:coarse){html [data-sonner-toaster] [data-sonner-toast] [data-close-button]{width:var(--size-touch-target);height:var(--size-touch-target)}html [data-sonner-toaster] [data-sonner-toast] [data-button]{min-width:var(--size-touch-target);min-height:var(--size-touch-target)}}@media (prefers-reduced-motion:reduce){html [data-sonner-toaster] [data-sonner-toast][data-mounted=true],html [data-sonner-toaster] [data-sonner-toast][data-removed=true]{animation:none}html [data-sonner-toaster] [data-sonner-toast] [data-close-button]{opacity:1;transition:none}html [data-sonner-toaster] [data-sonner-toast] [data-button]{transition:none}}