.messages{width:100%;position:absolute;top:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:3.5rem 1rem 1rem;transition:all .4s;transform-origin:top;&.active{transform:rotateX(90deg);opacity:0}.message{max-width:300px;border-radius:8px;padding:.7rem 1rem;box-shadow:0 0 6px 2px rgb(0 0 0 / .15);&.error{background-color:var(--clr-error)}&.success{background-color:var(--clr-success)}p{font-family:var(--font-poppins);font-weight:500;font-size:15px;color:var(--white)}}}