@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification{position:fixed;top:20px;right:20px;font-size:16px;background-color:#fff;border:1px solid #50bfaa;border-radius:15px;padding:7px 12px 12px;min-width:300px;box-shadow:0 3px 30px hsla(0,0%,54%,.1);z-index:1000;animation:slideIn .3s ease-out forwards}.notification.closing{animation:slideOut .3s ease-in forwards}.notification-content{display:flex;justify-content:space-between;align-items:center;color:#50bfaa;margin-bottom:8px}.close-button{background:none;border:none;cursor:pointer;padding:4px;margin-left:20px}.close-button:hover{opacity:.8}.progress-bar-notification{width:100%;height:2px;background-color:#eee;border-radius:1px;overflow:hidden}.progress{height:100%;background-color:#50bfaa;transition:width 50ms linear}