@keyframes SlideIn{0%{bottom:-150px;opacity:0}to{bottom:25px;opacity:1}}@keyframes SlideOut{0%{bottom:25px;opacity:1}to{bottom:-150px;opacity:0}}.notification-wrapper{animation-duration:.5s;animation-name:SlideIn;bottom:25px;opacity:1;position:fixed;right:25px;width:300px;z-index:9}.notification-wrapper.HideNotification{animation-duration:.5s;animation-name:SlideOut;bottom:-150px;opacity:0}.notification{align-items:center;background:#fe4b00;background:-moz-radial-gradient(circle at -25% -25%,#fe4b00 0,#ad0859 100%);background:-webkit-radial-gradient(circle at -25% -25%,#fe4b00 0,#ad0859 100%);background:radial-gradient(circle at -25% -25%,#fe4b00 0,#ad0859 100%);border-radius:6px;color:#fff;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe4b00",endColorstr="#ac0659",GradientType=1);flex-direction:column;padding:2rem}.notification p{font-size:.9rem;line-height:1.5rem;margin:0;padding:0}.notification-close{align-items:center;background:#fff;border-radius:100px;display:flex;height:25px;justify-content:center;position:absolute;right:-10px;top:-10px;transform:scale(1) rotate(0deg);transition:all .35s cubic-bezier(0,0,.2,1);width:25px}.notification-close:hover{cursor:pointer;transform:scale(1.1) rotate(90deg)}.notification-close img{height:15px;width:15px}