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