.stoasts{left:20px;bottom:calc(20px + var(--lift,0px));z-index:90;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.stoast{color:#fff;pointer-events:auto;background:linear-gradient(120deg,#33f,#8a5cff 58%,#27d8ff);border-radius:18px;align-items:center;gap:14px;width:min(380px,100vw - 32px);padding:14px 44px 16px 14px;animation:.7s cubic-bezier(.2,1.4,.35,1) both st-in;display:flex;position:relative;box-shadow:0 18px 44px #3333ff59,0 4px 14px #0e0d0b40}.stoast:not(:last-child){transform-origin:0 100%;opacity:.85;transition:scale .3s var(--ease), opacity .3s;scale:.94}.stoast.leaving{animation:.32s ease-in forwards st-out}@keyframes st-in{0%{opacity:0;transform:translate(-120%)rotate(-4deg)}60%{opacity:1;transform:translate(6%)rotate(1deg)}to{transform:none}}@keyframes st-out{to{opacity:0;transform:translate(-30px)scale(.96)}}.stoast .st-cat{z-index:1;background:#fff;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;animation:.9s cubic-bezier(.3,1.6,.4,1) .45s both st-hop;display:grid;position:relative;box-shadow:0 6px 16px #0e0d0b40}.stoast .st-cat .scat{width:42px;height:42px}@keyframes st-hop{0%{transform:scale(.4)rotate(-20deg)}50%{transform:translateY(-10px)scale(1.12)rotate(8deg)}to{transform:none}}.stoast .st-text{z-index:1;gap:2px;min-width:0;display:grid;position:relative}.stoast small{letter-spacing:.09em;text-transform:uppercase;opacity:.85;font-size:10.5px;font-weight:900}.stoast b{overflow-wrap:anywhere;font-size:15px;line-height:1.25}.stoast .st-chip{z-index:1;white-space:nowrap;background:#ffffff38;border-radius:9px;flex:none;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:900;position:relative}.stoast .st-x{z-index:2;color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;right:8px}.stoast .st-x:hover,.stoast .st-x:focus-visible{background:#ffffff4d}.stoast .st-x svg{width:15px;height:15px}.stoast .st-time{transform-origin:0;background:#ffffffbf;border-radius:0 0 18px 18px;width:100%;height:3px;animation:linear forwards st-time;position:absolute;bottom:0;left:0}.stoast.held .st-time{animation-play-state:paused}@keyframes st-time{to{transform:scaleX(0)}}.stoast .st-shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stoast .st-shine:before{content:"";background:linear-gradient(100deg,#0000,#ffffff73 50%,#0000);width:40%;animation:1.1s ease-out .6s both st-shine;position:absolute;top:-20%;bottom:-20%;left:-50%;transform:skew(-18deg)}@keyframes st-shine{to{left:120%}}.stoast .st-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:41px}.stoast .st-burst i{background:var(--c);opacity:0;width:7px;height:10px;animation:st-confetti 1.5s cubic-bezier(.15, .7, .4, 1) calc(.5s + var(--d)) forwards;border-radius:2px;position:absolute}.stoast .st-burst i:nth-child(3n){border-radius:50%;width:6px;height:6px}@keyframes st-confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(.4)}55%{opacity:1;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(1)}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 40px)) rotate(calc(var(--r) + 180deg)) scale(.8)}}@media (max-width:760px){.stoasts{left:12px;bottom:calc(12px + var(--tabbar) + var(--lift,0px))}}@media (prefers-reduced-motion:reduce){.stoast,.stoast .st-cat,.stoast.leaving{animation:none}.stoast .st-burst,.stoast .st-shine{display:none}}
