.notification-popup{transform:translateY(100%) scale(.8);opacity:0;transition:none;will-change:transform,opacity}.notification-enter{animation:notificationSlideInBounce .8s cubic-bezier(.175,.885,.32,1.275) forwards}.notification-exit{animation:notificationSlideOut .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes notificationSlideInBounce{0%{transform:translateY(100%) scale(.8);opacity:0}60%{transform:translateY(-8px) scale(1.02);opacity:.9}80%{transform:translateY(4px) scale(.98);opacity:.95}to{transform:translateY(0) scale(1);opacity:1}}@keyframes notificationSlideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.9);opacity:0}}.notification-close-btn{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease;will-change:transform}.notification-close-btn:hover{transform:rotate(90deg) scale(1.1);background-color:#ffffff1a}.notification-close-btn:active{transform:rotate(90deg) scale(.95)}.notification-shadow{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a}@media (max-width: 640px){.notification-popup{margin:1rem;max-width:calc(100vw - 2rem)}@keyframes notificationSlideInBounce{0%{transform:translateY(100%) scale(.85);opacity:0}60%{transform:translateY(-6px) scale(1.01);opacity:.9}80%{transform:translateY(3px) scale(.99);opacity:.95}to{transform:translateY(0) scale(1);opacity:1}}}