.notification-popup{text-align:center;position:fixed;top:0;left:0;width:100%;background-color:#a9a9a9;border:1px solid red;padding:16px;opacity:0;transition:opacity .3s}.notification-popup--is-active{opacity:1;transform:translateY(0)}.notification-popup--success{background-color:#006400}.notification-popup--error{background-color:#8b0000}