.message-box{position:fixed;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));top:4rem;width:50vw;right:calc(50vw / 2);max-height:60vh;place-items:center;align-content:flex-start;overflow-y:auto;overflow-x:initial;padding-left:.4rem}.message-box,.message-globals{align-items:center;z-index:1001}.message-globals{min-height:2.5rem;width:-moz-fit-content;width:fit-content;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-radius:.5rem;padding:.4rem 1rem;display:flex;margin:.4rem 0}.message-enter{animation:message-slide .1s ease-in}.message-remove{animation:message-slide-reverse .4s ease-out}@keyframes message-slide{0%{transform:translateY(2.5rem);opacity:0}to{transform:translateY(0);opacity:100%}}@keyframes message-slide-reverse{0%{transform:translateY(0);opacity:100%}to{transform:translateY(-2.5rem);opacity:0}}.message-default{background-color:#ebf1ff;font-size:.75rem}.message-error{background-color:#ffecec}.message-warning{background-color:#ffefe5}.message-success{background-color:#dff5e5}