.notification{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);padding:1rem 1.5rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:1000;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.notification-enter{opacity:0;transform:translateX(-50%) translateY(100%)}.notification-enter-active,.notification-exit{opacity:1;transform:translateX(-50%) translateY(0)}.notification-exit-active{opacity:0;transform:translateX(-50%) translateY(100%)}.notification.success{background:rgba(40,167,69,.2);border:1px solid rgba(40,167,69,.5);color:#d4edda}.notification.error{background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.5);color:#f8d7da}