#notifications{position:fixed;bottom:0;left:0;width:100vw;z-index:250;display:flex;flex-direction:column-reverse}#notifications .notification-wrapper{transition:transform .6s ease-in-out}#notifications .notification-wrapper.notification-animate-enter{transform:translateY(100%)}#notifications .notification-wrapper.notification-animate-enter-done{transform:translateY(0)}#notifications .notification-wrapper.notification-animate-exit,#notifications .notification-wrapper.notification-animate-exit-active{transform:translateX(-100%)}#notifications .notification-wrapper:last-child .notification{border-top:none}#notifications .notification{background-color:#3694ac;color:#fff;display:flex;align-items:center;border-top:1px solid #fff}#notifications .notification.error,#notifications .notification.warn{background-color:#eea934}#notifications .notification .info-container{display:flex;align-items:center}#notifications .notification .info-container .close-icon{margin-right:20px;cursor:pointer;padding:8px;position:relative;top:2px}#notifications .notification .info-container .close-icon:hover .bb-close-icon{transform:scale(1.2) rotate(45deg)}#notifications .notification .info-container .close-icon .bb-close-icon{fill:#fff;transition:transform .2s ease-in-out}#notifications .notification .info-container h4{text-transform:uppercase;margin:6px 12px 6px 0}#notifications .notification .info-container p{font-weight:300;margin:0}