*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}.login-template{color:#bec1c6;background:#112237;font-family:Roboto Mono,monospace;overflow-x:hidden}.cta-btn{cursor:pointer;background-color:#72777c;border-radius:.2rem;justify-content:center;align-items:center;width:10rem;height:3.2rem;font-size:1.8rem;display:flex}.cta-btn:hover{background-color:#5f6163!important}.login-header{justify-content:end;margin-top:1rem;padding-left:1rem;display:flex}.login-header ul{align-items:flex-end;gap:1.4rem;margin-right:1.2rem;list-style:none;display:flex}.login-heading-row{flex-direction:column;place-content:center;align-items:center;gap:.8rem;margin-bottom:1.8rem;display:flex}.login-content-outline{grid-template-columns:1fr 1fr;justify-items:center;gap:.6rem;display:grid}.login-content-heading{justify-content:center;height:4.4rem;margin-bottom:1rem;font-size:3.8rem;display:flex}.login-content-text{text-align:center;place-content:center;align-items:center;width:41%;font-size:1.6rem;line-height:1.8;display:flex}.content-outlines{flex-direction:column;justify-content:center;gap:3.8rem;width:90%;display:flex}.content-outline{flex-direction:column;gap:1.8rem;display:flex}.outline-heading{font-size:3.2rem}.outline-text{font-size:1.6rem}.content-img{width:95%}.content-img .content-img-box{position:relative}.content-img-box{width:100%;height:100%}.content-img-box img{border-radius:.2rem;width:100%}.content-img-box:hover img{opacity:.2}.content-img-box:hover .img-overlay ul{visibility:visible}.img-overlay{z-index:10;visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.img-overlay ul{justify-content:center;align-items:center;gap:3.8rem;width:100%;height:100%;display:flex;transform:translate(-6%,-3.6%)}.login-form{justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.form-container{z-index:100;background:#414e5f;justify-content:center;width:40%;height:100vh;display:flex;overflow-y:scroll}.form-container-above{position:absolute}.form-container form{flex-direction:column;gap:1.6rem;display:flex}.create-form-container,.login-form-container,.reset-form-container,.updateInfo-form-container,.updatePwd-form-container{width:100%;padding:0 3rem}.form-icon-box{opacity:.4;justify-content:flex-end;align-items:center;margin-top:1.4rem;display:flex}.form-icon-box .svg-icon-box{cursor:pointer;width:3rem;height:3rem}.form-heading{text-align:center;margin-bottom:5rem;font-size:3.2rem}.form-content{padding-bottom:6rem;font-size:1.8rem}.form-content-info{margin-bottom:2rem}.form-div{gap:.4rem;display:grid}.form-div input{color:#bec1c6;background:0 0;border:1px solid #bec1c6;border-radius:.2rem;height:3.8rem;padding-left:1rem;font-size:1.8rem}.form-div input::placeholder{color:#72777c;font-size:1.8rem}.form-div input:focus{outline:none;box-shadow:0 0 10px #90989f}.form-submit{cursor:pointer;color:#72777c;background:#bec1c6;border:none;border-radius:.2rem;height:3.8rem;margin-top:2rem;font-size:1.8rem}.login-overlay{pointer-events:auto;z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-overlay-bkg{opacity:.4;background:gray;width:100%;height:100%;position:absolute}.alert{z-index:1000;background-color:#4b4b4b;border-radius:.2rem;grid-template-columns:auto 1fr;width:20rem;height:auto;min-height:4rem;display:grid;position:fixed;top:5%;left:43%}.alert-msg{text-align:center;color:#ededed;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.alert-success{background-color:#1aff1a}.alert-error{background-color:#600}.alert-icon{justify-content:center;align-items:center;width:3rem;display:flex}.alert-success-icon,.alert-error-icon{height:50%}.form-field-error{border-bottom:3px solid #600!important}.custom-loader{--c:radial-gradient(farthest-side,#112237 92%,#0000);background:var(--c)50% 0,var(--c)50% 100%,var(--c)100% 50%,var(--c)0 50%;background-repeat:no-repeat;background-size:12px 12px;width:50px;height:50px;animation:1s infinite s7}@keyframes s7{to{transform:rotate(.5turn)}}.btn-reset{color:#bec1c6;justify-content:center;align-items:center;width:100%;margin-top:3rem;font-size:1.6rem;display:flex}.reset-reset,.reset-confirm{flex-direction:column;gap:1.6rem;display:flex}
/*# sourceMappingURL=index.00585340.css.map */