.abf-toasts{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:2000;pointer-events:none;perspective:900px;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed}.abf-toast{--abf-accent:#2f8f3e;--abf-shadow:#1f5e2c73;pointer-events:auto;box-shadow:0 1px 0 #ffffffe6 inset, 0 2px 0 var(--abf-accent), 0 14px 28px -10px var(--abf-shadow), 0 4px 10px -6px #0000002e;color:#2a2a28;transform-origin:100% 0;will-change:transform, opacity;opacity:0;background:linear-gradient(160deg,#fff 0%,#fbfaf5 100%);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:13px 18px 13px 15px;font-size:.9rem;font-weight:700;line-height:1.55;transition:opacity .26s cubic-bezier(.2,.8,.2,1),transform .36s cubic-bezier(.2,1.1,.3,1);display:grid;transform:translate3d(24px,-10px,-60px)rotateY(-16deg)scale(.94)}.abf-toast.is-in{opacity:1;transform:translate(0,0)rotateY(0)scale(1)}.abf-toast.is-out{opacity:0;transition:opacity .2s ease-in,transform .24s ease-in;transform:translate3d(18px,-6px,-40px)rotateY(-10deg)scale(.96)}.abf-toast__icon{background:var(--abf-accent);color:#fff;width:26px;height:26px;box-shadow:0 3px 6px -2px var(--abf-shadow);border-radius:50%;flex:none;place-items:center;display:grid}.abf-toast__icon svg{width:15px;height:15px}.abf-toast--error{--abf-accent:#d8382a;--abf-shadow:#c82e1e6b}.abf-toast--info{--abf-accent:#3b7cc4;--abf-shadow:#285a9661}@media (prefers-reduced-motion:reduce){.abf-toast,.abf-toast.is-in,.abf-toast.is-out{transition:opacity .15s linear;transform:none}}@media (width<=560px){.abf-toasts{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));max-width:none}.abf-toast{padding:12px 14px;font-size:.86rem}}.abf-toast__action{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;flex:none;margin-left:.25rem;padding:.45rem .8rem;font-weight:700}.abf-toast__action:hover{background:#ffffff2e}.abf-toast__action:focus-visible{outline-offset:2px;outline:2px solid}
