.register-box{display:none;position:relative;width:100%}.register-box .register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%}.register-box .register-form input{width:250px;height:32px;margin-bottom:16px;outline:none;border:#f2f2f2 solid 1px;background-color:#f2f2f2;border-radius:2px;text-align:center;transition:border .3s}.register-box .register-form input:focus{border:#cd1348 solid 1px}.register-box .register-form .register-code-pane{display:flex;width:256px;height:32px;padding:1px 0;margin-bottom:16px;border:#f2f2f2 solid 1px;background-color:#f2f2f2;border-radius:2px;transition:border .3s}.register-box .register-form .register-code-pane:focus-within{border:#cd1348 solid 1px}.register-box .register-form .register-code-pane .register-code{width:60%;border:none;background-color:rgba(0,0,0,0)}.register-box .register-form .register-code-pane .register-code-button{width:40%;border:none;background-color:rgba(0,0,0,0);transition:color .3s;cursor:pointer}.register-box .register-form .register-code-pane .register-code-button:hover{color:#cd1348}.register-box .register-form .register-code-pane .register-code-button:disabled{color:#cd1348}.register-box .register-form .register-button{width:256px;height:36px;border:#cd1348 solid 1px;background-color:#cd1348;color:#fff;transition:opacity .3s;cursor:pointer}.register-box .register-form .register-button:hover{opacity:.5}