.login-page{background:var(--color-primary-default);position:fixed;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.login-page .modal-heading{height:40px;border-bottom:1px solid var(--grayscale-30);display:flex;align-items:center;padding:15px;justify-content:space-between}.login-page .modal-heading .close{margin:5px;cursor:pointer}.login-page .modal-body{padding:15px}.login-page .modal-body span{font-size:14px;line-height:24px}.login-page .modal-body span a:link,.login-page .modal-body span a:visited{color:var(--body-text)}.login-page .wrapper{top:-100px;box-shadow:10px 10px 69px 10px rgba(0,0,0,.25);border-radius:var(--radius-first);display:flex;flex-direction:row;min-width:840px;min-height:440px;position:relative;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@media (max-width:768px){.login-page .wrapper{display:block;min-width:0;width:90%}}.login-page .wrapper .login-section-left{width:300px;min-height:490px;background-color:var(--color-primary-default);height:100%;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.login-page .wrapper .login-section-left{width:90%;min-height:120px;margin:0 auto}}.login-page .wrapper .login-section-left .left-content h1,.login-page .wrapper .login-section-left .left-content h2{color:var(--grayscale-10);line-height:32pt;text-align:center}.login-page .wrapper .login-section-right{width:540px;min-height:490px;background-color:var(--grayscale-0);height:100%;display:flex;justify-content:flex-start}@media (max-width:768px){.login-page .wrapper .login-section-right{width:100%}}.login-page .wrapper .login-section-right .right-content{padding:30px 60px;display:flex;flex-direction:column;width:100%}.login-page .wrapper .login-section-right .right-content .title{flex:0.2;width:100%;text-align:center;display:flex;align-items:flex-start;justify-content:flex-start}@media (max-width:768px){.login-page .wrapper .login-section-right .right-content .title{flex:0.1}}.login-page .wrapper .login-section-right .right-content .title h6{color:var(--grayscale-80)}.login-page .wrapper .login-section-right .right-content .body{flex:0.6;display:flex;justify-content:center;flex-direction:column;height:100%}.login-page .wrapper .login-section-right .right-content .body .base-form-input{margin-bottom:20px}.login-page .wrapper .login-section-right .right-content .body .error-message{display:flex;justify-content:space-between;font-size:13px;padding:20px 10px;color:#a0323c;background-color:var(--color-accent);text-align:left;margin-bottom:20px;border-radius:var(--radius-first);border:1px solid rgba(180,169,170,.1)}.login-page .wrapper .login-section-right .right-content .footer{flex:0.2;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column}.login-page .wrapper .login-section-right .right-content .footer .base_link{margin-top:20px}@keyframes slide-bottom{0%{transform:translateY(0)}to{transform:translateY(100px)}}