.login-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:80vh;
  background-image: url(//oss.snappdown.com/prod/videosget/img/bg.svg);background-repeat: no-repeat;background-size: contain;}
.login-form{width:450px;margin:40px auto 0 auto;padding:0 20px}
.touch .login-form{width:100%}
.login-wrapper .title{font-size:30px;font-weight:600;margin:0}
.login-wrapper .subtitle{margin:5px 0 0 0}
.login-wrapper .to-signup{color:var(--el-color-primary);padding-inline-start:10px;cursor:pointer;text-decoration:none}
.login-wrapper .to-signup:hover{text-decoration:underline}
.login-wrapper .layui-input{width:100%;height:50px;line-height:50px;border:1px solid var(--el-border-color);padding:0 10px}
.login-wrapper .or-divider{width:100%;height:0;position:relative;border-block-start:1px solid #eee;margin:25px 0}
.login-wrapper .or-divider > span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;padding:0 50px;background-color:#fff;color:#999}
.login-wrapper [lay-filter="to-login"]{background-color:var(--el-color-primary);cursor:pointer;color:#fff}
.login-wrapper [lay-filter="to-login"],.login-wrapper .to-google-auth{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;line-height:50px;font-size:16px;border-radius:6px;cursor:pointer}
.login-wrapper .to-google-auth img{margin-inline-end:5px}
.layui-input-wrap{position:relative}
.eye-line,.eye-off-line{position:absolute;top:15px;right:16px;display:none;opacity:0.5;cursor:pointer}
input[type="password"][name="password"] ~ .eye-off-line{display:block}
input[type="text"][name="password"] ~ .eye-line{display:block}