.require-login{border-left:10px solid red;padding-top:.5rem;padding-bottom:.5rem}.require-login,.success-submit{-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) forwards;position:absolute;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);border-radius:5px;width:100%;display:none;z-index:10}.success-submit{border-left:10px solid #4caf50}.require-msg-body,.success-body{height:inherit;padding-inline:1.5rem;padding-block:.5rem;align-items:center;display:flex}.require-msg-body .required-title,.success-body .success-title{font-weight:700;margin-bottom:0}.success-submit button.close-msg{padding:10px;justify-content:center;border:none;color:gray;transition:all .5s;background-color:transparent;aspect-ratio:1/1;align-items:center;display:flex}.success-submit button.close-msg:before{content:"✖";line-height:0}.success-submit .close-msg:hover{color:#000;background-color:transparent}.success-submit .success-icon{fill:#4caf50;margin-right:1rem;color:#4caf50}@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-bottom{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}