.toast{position:fixed;left:50%;top:24px;right:auto;bottom:auto;z-index:80;display:flex;align-items:center;width:min(480px,calc(100vw - 32px));min-height:48px;padding:9px 12px;border-radius:8px;color:#fff;box-shadow:0 4px 14px -6px rgba(17,24,39,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,calc(-100% - 40px),0);will-change:transform,opacity;transition:opacity .42s cubic-bezier(.25,.1,.25,1),transform .56s cubic-bezier(.25,.1,.25,1),visibility 0s linear .56s}
.toast.toast-success{background:#509af8}.toast.toast-error{background:#ef665b}.toast.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0);transition-delay:0s}.toast.toast-entering{transition:none!important}
.toast-icon{display:grid;flex:none;width:24px;height:24px;margin-right:10px;place-items:center}.toast-icon svg{width:24px;height:24px;overflow:visible}.toast-icon circle{fill:#fff;stroke:none}.toast-icon path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast-success .toast-icon path{stroke:#509af8}.toast-error .toast-icon path{stroke:#ef665b}
.toast-title{min-width:0;flex:1;font-size:14px;font-weight:600;line-height:1.45}.toast-close{display:grid;flex:none;width:28px;height:28px;margin-left:10px;padding:4px;place-items:center;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer}.toast-close:hover{background:rgba(255,255,255,.16)}.toast-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.toast-close svg{width:20px;height:20px}.toast-close path{fill:currentColor}
@media(max-width:600px){.toast{top:16px}}
@media(prefers-reduced-motion:reduce){.toast{transition-duration:.42s,.56s,0s!important;transition-timing-function:cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),linear!important}.toast.show{transition-delay:0s!important}}