.notifications{position:relative;zoom:1;width:100%;display:flex;max-width:100vw;min-width:100%;justify-content:center}.notifications::before,.notifications::after{content:' ';display:block;height:0;width:0;overflow:hidden}.notifications::after{clear:both}.notifications__base{position:absolute;max-width:100vw;min-width:100%;background:#fff;border-radius:16px 16px 16px 16px;overflow:hidden;z-index:1;box-shadow:0 2px 16px -2px rgba(0,0,0,0.75)}.notifications__base.notifications--show{opacity:0;top:-50px;-webkit-animation:slideInTTB 200ms forwards ease-in;animation:slideInTTB 200ms forwards ease-in}.notifications__base.notifications--hide{-webkit-animation:slideOutTTB 400ms forwards ease-out;animation:slideOutTTB 400ms forwards ease-out}.notifications__content{will-change:opacity, transform;min-height:50px;transition:all 200ms}.notifications--message{padding:20px;will-change:opacity, transform;transform:scale3d(1, 0, 1);opacity:0;transform-origin:top left;-webkit-animation:show 200ms forwards;animation:show 200ms forwards}.notifications--message.notifications--hide{max-height:300px;opacity:1;transform:scale3d(1, 1, 1);-webkit-animation:hide 200ms forwards ease-out;animation:hide 200ms forwards ease-out}.notifications__close{position:absolute;background:none;right:0;top:0}.notifications__close .icon__wrapper{width:16px;height:16px}.notifications--info{background-color:rgba(0,128,0,0.1)}.notifications--warning{background-color:rgba(255,255,0,0.3)}.notifications--error{background-color:rgba(255,0,0,0.3)}@-webkit-keyframes show{0%{opacity:0;transform:scale3d(1, 0, 1)}100%{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes show{0%{opacity:0;transform:scale3d(1, 0, 1)}100%{opacity:1;transform:scale3d(1, 1, 1)}}@-webkit-keyframes hide{0%{opacity:1;max-height:300px}100%{opacity:0;max-height:0}}@keyframes hide{0%{opacity:1;max-height:300px}100%{opacity:0;max-height:0}}@-webkit-keyframes slideInTTB{0%{top:-50px;opacity:0}100%{top:0;opacity:1}}@keyframes slideInTTB{0%{top:-50px;opacity:0}100%{top:0;opacity:1}}@-webkit-keyframes slideOutTTB{0%{top:0;opacity:1}100%{top:-50px;opacity:0}}@keyframes slideOutTTB{0%{top:0;opacity:1}100%{top:-50px;opacity:0}}