.login-layout-page{--login-form-background-color:#ffffffe6}.login-layout-bg{width:100%;height:100%;position:absolute;top:0;left:0}.login-form-wrapper .login-title{flex-direction:row;justify-content:center;align-items:center;margin-bottom:12px;font-size:32px;display:flex}.login-form-wrapper .login-title img{border-radius:2px;width:30px;height:30px;margin-right:8px}.login-form-wrapper .login-desc{text-align:center;color:#0009;margin-bottom:24px;font-size:14px}.login-form-wrapper .login-form{background-color:#0000}.oper-btn-wrapper{text-align:right;padding:8px 16px;position:absolute;top:0;right:0}.oper-btn-wrapper .layout-btn{background-color:var(--login-form-background-color)}.oper-btn-wrapper .bg-btn{background-color:var(--login-form-background-color);margin-top:8px}.login-layout-left,.login-layout-right{flex-direction:row;height:100%;min-height:400px;display:flex}.login-layout-left .login-form-wrapper,.login-layout-right .login-form-wrapper{width:400px}.login-layout-left .login-layout-view,.login-layout-right .login-layout-view{background-color:var(--login-form-background-color);flex-shrink:0;width:40%;min-width:400px}.login-layout-left .login-layout-side,.login-layout-right .login-layout-side{flex-grow:1;position:relative;overflow:hidden}.login-layout-left .login-form-wrapper,.login-layout-right .login-form-wrapper{background-color:var(--login-form-background-color);border-radius:2%;margin:18vh auto 0}.login-layout-bg{transition:background .7s}.login-layout-center{min-height:400px;padding-bottom:18vh}.login-layout-center .login-form-wrapper{background-color:var(--login-form-background-color);border-radius:2%;width:580px;margin:18vh auto 0;padding:72px 72px 48px;position:relative}.login-privacy{justify-content:center;align-items:center;margin-top:32px;display:flex}