.notification-container{font-family:var(--font-main);position:fixed;top:4.5rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;max-width:70vw}.notification{background-color:#222;color:#fff;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 .5rem 1rem #0003;font-size:1rem;animation:notif-in .3s ease-out;transition:opacity .3s ease,transform .3s ease}.notification.hide{opacity:0;transform:translateY(20px)}@keyframes notif-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.notification-container{right:.5rem}.notification{font-size:.9rem;padding:.75rem 1rem}}