[data-v-8be44512]{box-sizing:border-box}.h2[data-v-8be44512]{letter-spacing:-.00933333em;padding-bottom:15px;font-size:20px;font-weight:600}.login-wrapper[data-v-8be44512]{border-radius:4px;width:300px;height:475px;position:relative;overflow:hidden;box-shadow:0 2px 50px #0003}.login-left[data-v-8be44512]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.login-left[data-v-8be44512],.login-left img[data-v-8be44512]{transition:all .77s cubic-bezier(.51,.04,.12,.99)}.login-left img[data-v-8be44512]{-o-object-position:left;object-position:left;display:block}.open .login-left img[data-v-8be44512]{transform:translateY(75px)translateZ(0)}.open .login-left[data-v-8be44512]{transform:translateY(-240px)translateZ(0)}.login-right[data-v-8be44512]{width:350px;padding:40px;transition:all .77s cubic-bezier(.51,.04,.12,.99);position:absolute;top:100px;right:-25px;transform:translateY(340px)translateZ(0)}.open .login-right[data-v-8be44512]{transform:translateY(0)translateZ(0)}@media screen and (width>=480px){.login-wrapper[data-v-8be44512]{border-radius:4px;width:800px;height:440px;position:relative;overflow:hidden;box-shadow:0 2px 50px #0003}.login-left[data-v-8be44512]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.login-left[data-v-8be44512],.login-left img[data-v-8be44512]{transition:all .77s cubic-bezier(.51,.04,.12,.99)}.login-left img[data-v-8be44512]{-o-object-position:left;object-position:left;display:block}.open .login-left img[data-v-8be44512]{transform:translate(210px)translateZ(0)}.open .login-left[data-v-8be44512]{transform:translate(-400px)translateZ(0)}.login-right[data-v-8be44512]{width:400px;padding:40px;transition:all .77s cubic-bezier(.51,.04,.12,.99);position:absolute;top:0;right:0;transform:translate(400px)translateZ(0)}.open .login-right[data-v-8be44512]{transform:translate(0)translateZ(0)}}.button-area[data-v-8be44512]{justify-content:space-between;margin-top:30px;display:flex}