.toast-region{position:fixed;z-index:1200;top:1rem;right:1rem;width:min(420px,calc(100vw - 2rem));display:grid;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:1rem;border:1px solid;border-radius:12px;background:white;box-shadow:0 14px 38px #102a3d38;animation:toast-in .18s ease-out}.toast-icon{width:.8rem;height:.8rem;margin-top:.35rem;border-radius:50%;background:currentColor}.toast-copy strong{display:block;font-size:.98rem}.toast-copy p{margin:.2rem 0 0;line-height:1.35}.toast-close{border:0;background:transparent;color:inherit;font-size:1.35rem;line-height:1;cursor:pointer;padding:.05rem .2rem}.toast-success{color:#175f42;border-color:#66ad8b;background:#f0faf5}.toast-error{color:#8a1f17;border-color:#df756d;background:#fff2f1}.toast-warning{color:#7a5100;border-color:#e2b34f;background:#fff8e7}.toast-info{color:#275b78;border-color:#80adc5;background:#eff8fc}.toast.toast-leaving{animation:toast-out .2s ease-in forwards}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@media(max-width:600px){.toast-region{top:.5rem;right:.5rem;width:calc(100vw - 1rem)}}