.notification{position:fixed;top:10px;right:10px;padding:1rem;border-radius:4px;z-index:9999;font-size:.8rem;min-width:200px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.notification.success{color:#388e3c}.notification.error{color:#a94442}.notification.hidden{opacity:0;transform:translateY(-10px)}.message{margin:0}.progressBar{height:5px;width:100%;background-color:#388e3c;background-color:#a94442;position:absolute;bottom:0;left:0;transition:width .5s ease-in-out;background-color:#fff;transition:width + (duration/1000) + "s ease-in-out"}