#sfp-v7-root{
 --w:340px;--mw:0px;--side-gap:12px;--x:20px;--y:20px;--my:14px;
 --df:14px;--mf:18px;--dl:1.42;--ml:1.42;
 --dpy:13px;--dpx:16px;--mpy:18px;--mpx:20px;--dr:15px;--mr:20px;
 --bg:#fff;--text:#232833;--accent:#2FA467;--border:#EAE6E1;--bw:1px;
 --fw:500;--hw:700;--blur:18px;--glass:78%;--dot:#2FA467;--dot-size:7px;
 --anim:280ms;
 position:fixed;z-index:999999;pointer-events:none;
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,Arial,sans-serif;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
#sfp-v7-root.bottom-left{left:var(--x);bottom:var(--y)}
#sfp-v7-root.bottom-right{right:var(--x);bottom:var(--y)}
#sfp-v7-root.bottom-center{left:50%;bottom:var(--y);transform:translateX(-50%)}
#sfp-v7-root.top-left{left:var(--x);top:var(--y)}
#sfp-v7-root.top-right{right:var(--x);top:var(--y)}
#sfp-v7-root.top-center{left:50%;top:var(--y);transform:translateX(-50%)}

.sfpv7-toast{
 width:min(var(--w),calc(100vw - 28px));
 box-sizing:border-box;
 padding:var(--dpy) var(--dpx);
 border-radius:var(--dr);
 font-size:var(--df);
 line-height:var(--dl);
 font-weight:var(--fw);
 letter-spacing:-.015em;
 opacity:0;
 pointer-events:auto;
 transition:
   opacity var(--anim) cubic-bezier(.2,.7,.2,1),
   transform var(--anim) cubic-bezier(.2,.7,.2,1);
 position:relative;
 overflow:hidden;
}
.sfpv7-row{display:flex;align-items:flex-start;gap:10px}
.sfpv7-dot{
 width:var(--dot-size);height:var(--dot-size);border-radius:50%;
 background:var(--dot);flex:0 0 var(--dot-size);margin-top:.48em;
 box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 12%,transparent);
}
.sfpv7-content{min-width:0;flex:1}
.sfpv7-prefix{
 display:block;margin-bottom:4px;font-size:.66em;line-height:1;
 font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)
}
.sfpv7-hi{color:var(--accent)!important;font-weight:var(--hw)!important}
.sfpv7-toast.has-link{cursor:pointer}
.sfpv7-toast.paused{animation-play-state:paused}

.sfpv7-toast.apple-white{
 background:#fff;color:#232833;border:var(--bw) solid #EAE6E1;
}
.sfpv7-toast.glass{
 background:color-mix(in srgb,#fff var(--glass),transparent);
 color:#232833;border:var(--bw) solid rgba(255,255,255,.82);
 backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));
}
.sfpv7-toast.dark{
 background:#232833;color:#fff;border:var(--bw) solid #353B48;
}
.sfpv7-toast.dark .sfpv7-hi,.sfpv7-toast.dark .sfpv7-prefix{color:#70d39e!important}
.sfpv7-toast.cream{
 background:#F8F4EE;color:#232833;border:var(--bw) solid #E7DED3;
}
.sfpv7-toast.custom{
 background:var(--bg);color:var(--text);border:var(--bw) solid var(--border);
}

.sfpv7-toast.shadow-none{box-shadow:none}
.sfpv7-toast.shadow-soft{box-shadow:0 1px 2px rgba(15,23,42,.035),0 10px 28px rgba(15,23,42,.09)}
.sfpv7-toast.shadow-medium{box-shadow:0 12px 38px rgba(15,23,42,.16)}
.sfpv7-toast.shadow-floating{box-shadow:0 18px 60px rgba(15,23,42,.20)}

.sfpv7-toast.anim-fade{transform:none}
.sfpv7-toast.anim-lift{transform:translateY(10px) scale(.992)}
.sfpv7-toast.anim-scale{transform:scale(.96)}
.sfpv7-toast.anim-slide{transform:translateX(18px)}
.sfpv7-toast.show{opacity:1;transform:none}
.sfpv7-toast.leave{opacity:0}
.sfpv7-toast.leave.anim-lift{transform:translateY(7px) scale(.994)}
.sfpv7-toast.leave.anim-scale{transform:scale(.97)}
.sfpv7-toast.leave.anim-slide{transform:translateX(16px)}

@media(max-width:767px){
 #sfp-v7-root{
   --x:var(--side-gap)!important;
   --y:var(--my)!important;
 }
 #sfp-v7-root.mobile-full{
   left:var(--side-gap)!important;
   right:var(--side-gap)!important;
   transform:none!important;
 }
 .sfpv7-toast{
   width:var(--mw);
   max-width:calc(100vw - (var(--side-gap) * 2));
   padding:var(--mpy) var(--mpx);
   border-radius:var(--mr);
   font-size:var(--mf);
   line-height:var(--ml);
 }
 #sfp-v7-root.mobile-full .sfpv7-toast{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .sfpv7-toast{transition:none!important}
}