.notifications{position:absolute;display:flex;flex-direction:column-reverse;left:0;right:0;bottom:10px}.rectangle{width:100%;height:36px;background-color:#446032;color:#fff;display:flex;justify-content:center;align-items:center;margin-top:10px;z-index:9999;opacity:0;transform:translateY(-300px);transition:all .6s ease-out}.rectangle__icon{margin-right:5px;margin-top:2px}.rectangle__icon-close{position:absolute;right:5px;top:10px;cursor:pointer}.rectangle_warn{background-color:#ffab00;color:#333}.rectangle_error{background-color:#b61010}.rectangle_removed{opacity:0;transition:all .6s ease-out;transform:translateX(300px)}.rectangle_shown{bottom:300px;opacity:1;transform:translateY(0);transition:all .6s ease-in}