[data-sonner-toast]{--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:12px;--padding:16px;--width:300px;--x-offset:12px;--y-offset:12px;--opacity:1;--y:0%;--x:0%;--scale:1;--gap:10px;--lift:1;--close-button-hidden-display:none;--close-button-visible-display:flex;--close-button-display:var(--close-button-hidden-display);width:var(--width);border-radius:var(--border-radius);box-sizing:border-box;z-index:calc(1000000000 - var(--index));background-color:var(--normal-bg);color:var(--normal-text);border:1px solid var(--normal-border);transform:translate(var(--x)) translateY(var(--y)) scale(var(--scale));padding:var(--padding);outline:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.85rem;list-style:none;transition:transform,opacity;position:fixed;box-shadow:0 4px 12px #0000001a}[data-sonner-toast][data-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--action-button-bg:var(--normal-bg);--action-button-border:var(--normal-bg);--action-button-text:var(--normal-text);--action-button-hover-bg:var(--normal-bg);--action-button-hover-border:var(--normal-bg);--action-button-hover-text:var(--normal-text);--close-button-bg:var(--action-button-bg);--close-button-border:var(--action-button-bg);--close-button-text:var(--action-button-text);--success-bg:#ecfdf3;--success-border:#d3fde5;--success-text:#008a2e;--success-action-button-bg:var(--success-bg);--success-action-button-border:var(--success-bg);--success-action-button-text:var(--success-text);--success-action-button-hover-bg:var(--success-text);--success-action-button-hover-border:var(--success-text);--success-action-button-hover-text:var(--success-bg);--info-bg:#f0f8ff;--info-border:#d3e0fd;--info-text:#0973dc;--info-action-button-bg:var(--info-bg);--info-action-button-border:var(--info-bg);--info-action-button-text:var(--info-text);--info-action-button-hover-bg:var(--info-text);--info-action-button-hover-border:var(--info-text);--info-action-button-hover-text:var(--info-bg);--warning-bg:#fffcf0;--warning-border:#fdf5d3;--warning-text:#dc7609;--warning-action-button-bg:var(--warning-bg);--warning-action-button-border:var(--warning-bg);--warning-action-button-text:var(--warning-text);--warning-action-button-hover-bg:var(--warning-text);--warning-action-button-hover-border:var(--warning-text);--warning-action-button-hover-text:var(--warning-bg);--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000;--error-action-button-bg:var(--error-bg);--error-action-button-border:var(--error-bg);--error-action-button-text:var(--error-text);--error-action-button-hover-bg:var(--error-text);--error-action-button-hover-border:var(--error-text);--error-action-button-hover-text:var(--error-bg)}[data-sonner-toast][data-theme=dark]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1);--action-button-bg:var(--normal-bg);--action-button-border:var(--normal-bg);--action-button-text:var(--normal-text);--action-button-hover-bg:var(--normal-bg);--action-button-hover-border:var(--normal-bg);--action-button-hover-text:var(--normal-text);--close-button-bg:var(--action-button-bg);--close-button-border:var(--action-button-bg);--close-button-text:var(--action-button-text);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--success-action-button-bg:var(--success-bg);--sucesss-button-border:var(--success-bg);--success-action-button-text:var(--success-text);--success-action-button-hover-bg:var(--success-text);--success-action-button-hover-border:var(--success-text);--success-action-button-hover-text:var(--success-bg);--info-bg:#000d1f;--info-border:#00113d;--info-text:#5896f3;--info-action-button-bg:var(--info-bg);--info-action-button-border:var(--info-bg);--info-action-button-text:var(--info-text);--info-action-button-hover-bg:var(--info-text);--info-action-button-hover-border:var(--info-text);--info-action-button-hover-text:var(--info-bg);--warning-bg:#1d1f00;--warning-border:#3d3d00;--warning-text:#f3cf58;--warning-action-button-bg:#1d1f00;--warning-action-button-border:#1d1f00;--warning-action-button-text:var(--warning-text);--warning-action-button-hover-bg:var(--warning-text);--warning-action-button-hover-border:var(--warning-text);--warning-action-button-hover-text:var(--warning-bg);--error-bg:#2d0607;--error-action-button-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1;--error-action-button-border:#2d0607;--error-action-button-text:var(--error-text);--error-action-button-hover-bg:var(--error-text);--error-action-button-hover-border:var(--error-text);--error-action-button-hover-text:var(--error-bg)}[data-sonner-toast][data-rich-colors=true][data-type=success]{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text);--action-button-bg:var(--success-action-button-bg);--action-button-border:var(--success-action-button-border);--action-button-text:var(--success-action-button-text);--action-button-hover-bg:var(--success-action-button-hover-bg);--action-button-hover-border:var(--success-action-button-hover-border);--action-button-hover-text:var(--success-action-button-hover-text)}[data-sonner-toast][data-rich-colors=true][data-type=info]{background-color:var(--info-bg);border-color:var(--info-border);color:var(--info-text);--action-button-bg:var(--info-action-button-bg);--action-button-border:var(--info-action-button-border);--action-button-text:var(--info-action-button-text);--action-button-hover-bg:var(--info-action-button-hover-bg);--action-button-hover-border:var(--info-action-button-hover-border);--action-button-hover-text:var(--info-action-button-hover-text)}[data-sonner-toast][data-rich-colors=true][data-type=warning]{background-color:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text);--action-button-bg:var(--warning-action-button-bg);--action-button-border:var(--warning-action-button-border);--action-button-text:var(--warning-action-button-text);--action-button-hover-bg:var(--warning-action-button-hover-bg);--action-button-hover-border:var(--warning-action-button-hover-border);--action-button-hover-text:var(--warning-action-button-hover-text)}[data-sonner-toast][data-rich-colors=true][data-type=error]{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text);--action-button-bg:var(--error-action-button-bg);--action-button-border:var(--error-action-button-border);--action-button-text:var(--error-action-button-text);--action-button-hover-bg:var(--error-action-button-hover-bg);--action-button-hover-border:var(--error-action-button-hover-border);--action-button-hover-text:var(--error-action-button-hover-text)}[data-sonner-toast][data-x-position=left]{left:max(var(--x-offset),env(safe-area-inset-left))}[data-sonner-toast][data-x-position=right]{right:max(var(--x-offset),env(safe-area-inset-right))}[data-sonner-toast][data-x-position=center]{--x:-50%;left:50%}[data-sonner-toast][data-y-position=top]{top:max(var(--y-offset),env(safe-area-inset-top));--lift:-1}[data-sonner-toast][data-y-position=bottom]{bottom:max(var(--y-offset),env(safe-area-inset-bottom));--lift:1}[data-sonner-toast][data-mounted=false]{opacity:0;--y:calc(var(--lift) * 100%);transition:none}[data-sonner-toast][data-mounted=true]{--y:calc(var(--lift) * -1 * var(--gap));opacity:1;transition-duration:.4s}[data-sonner-toast][data-hidden=true][data-expanded=true],[data-sonner-toast][data-hidden=true][data-expanded=false][data-front=true]{transform:translate(var(--x)) translateY(calc(var(--lift) * 100%));opacity:0;transition-property:transform,opacity;transition-duration:.4s}[data-sonner-toast][data-front=true][data-hidden=true]{--y:0;opacity:0}[data-sonner-toast][data-front=false][data-expanded=false]{--scale:calc(1 - ((var(--index) - 1) * .05));--y:calc(var(--lift) * -1 * var(--gap) * var(--index));height:var(--collapsed-height)}[data-sonner-toast][data-front=false][data-expanded=false]>*{opacity:0;transition:opacity .4s}[data-sonner-toast][data-front=false][data-expanded=false][data-hidden=true]{opacity:0}[data-sonner-toast][data-front=false][data-expanded=true]{--y:calc(var(--lift) * -1 * (var(--gap) + var(--space-above)));height:auto}.sonner-toast-content-container{flex-direction:row;justify-content:space-between;gap:2px;display:flex}.sonner-toast-close{width:20px;height:20px;color:var(--close-button-text);background-color:var(--close-button-bg);border:1px solid var(--close-button-border);display:var(--close-button-display);cursor:pointer;z-index:calc(10000000000 - var(--index));border-radius:50%;justify-content:center;align-items:center;transition:background-color .1s;position:absolute;top:-8px;left:-8px}.sonner-toast-close:hover{color:var(--action-button-hover-text);border-color:var(--action-button-hover-border);background-color:var(--action-button-hover-bg)}[data-toast-plain]{font-weight:500}[data-toast-description]{flex-direction:column;gap:4px;display:flex}[data-toast-description]>[data-title]{font-weight:500}[data-toast-description]>[data-description]{font-weight:400}[data-toast-container-horizontal]{flex-direction:row;justify-content:start;align-items:center;gap:8px;display:flex}[data-toast-level-message]{justify-content:center;align-items:center;min-height:20px;font-weight:500;display:flex}[data-toast-promise-running][data-show=false],[data-toast-promise-completed][data-show=false]{display:none}[data-toast-promise-running][data-show=true]{border:3px solid var(--info-bg);border-bottom-color:var(--info-text);box-sizing:border-box;border-radius:50%;width:24px;height:24px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-toast-promise-completed][data-show=true]{display:block}[data-sonner-action-button=false]{display:none}[data-sonner-action-button=true]{background-color:var(--action-button-bg);color:var(--action-button-text);border:0;border:1px solid var(--action-button-border);cursor:pointer;border-radius:4px;padding:4px 8px;display:block}[data-sonner-action-button=true]:hover{background-color:var(--action-button-hover-bg);color:var(--action-button-hover-text)}
