.ovo-toast{--ovo-orange: #ff8500;--ovo-green: #14643f;--ovo-ink: #14231c;position:fixed;top:max(1.1rem,env(safe-area-inset-top,0px));left:50%;z-index:10050;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;width:min(26rem,calc(100vw - 1.5rem));padding:.95rem 1.1rem 1.05rem;border-radius:1rem;background:linear-gradient(145deg,#fffffffa,#f5faf7f5);border:1px solid rgba(20,100,63,.18);box-shadow:0 18px 40px #0d37232e,0 2px #ffffffb3 inset;color:var(--ovo-ink);font-family:Outfit,system-ui,sans-serif;transform:translate3d(-50%,-1.1rem,0) scale(.96);opacity:0;pointer-events:none;overflow:hidden}.ovo-toast.is-in{animation:ovo-toast-in .42s cubic-bezier(.22,1,.36,1) forwards}.ovo-toast.is-out{animation:ovo-toast-out .38s ease forwards}.ovo-toast__mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.7rem;color:#fff;background:linear-gradient(145deg,#1f8a56 0%,var(--ovo-green) 55%,#0f5234 100%);box-shadow:0 8px 16px #14643f47;flex-shrink:0}.ovo-toast__text{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.35}.ovo-toast__bar{position:absolute;left:0;right:0;bottom:0;height:3px;transform-origin:left center;background:linear-gradient(90deg,var(--ovo-orange) 0%,#ffb14a 55%,rgba(255,133,0,.15) 100%);animation-name:ovo-toast-bar;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ovo-toast-in{0%{opacity:0;transform:translate3d(-50%,-1.25rem,0) scale(.94)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}@keyframes ovo-toast-out{0%{opacity:1;transform:translate3d(-50%,0,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-.85rem,0) scale(.97)}}@keyframes ovo-toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.ovo-toast.is-in,.ovo-toast.is-out,.ovo-toast__bar{animation:none!important}.ovo-toast.is-in{opacity:1;transform:translate3d(-50%,0,0)}}
