.alert-wrapper{position:fixed;top:2rem;right:2rem;z-index:50;min-width:300px;max-width:500px;transition:transform .3s ease-in-out}.alert{padding:1rem;border-radius:.5rem;display:flex;align-items:flex-start;gap:.75rem;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;opacity:1;transition:opacity .5s ease-in-out}.alert-success{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.alert-error{background-color:#fef2f2;border:1px solid #ef4444;color:#991b1b}.alert i{font-size:1.25rem;flex-shrink:0}.alert h3{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.alert p{font-size:.875rem;line-height:1.25rem}.alert.fade-out{opacity:0}