.syzs-login{height:100vh;z-index:20001;background-color:rgba(0,0,0,.6);font-size:0}.login-v2-facebook-login .facebook-button,.syzs-login{display:flex;justify-content:center;align-items:center}.login-v2-facebook-login .facebook-button{height:3.5rem;border-radius:.25rem;border-width:0;font-size:.875rem;line-height:1.5rem;background:#4c66ac;color:#fff}.login-v2-facebook-login .facebook-button .login-logo{display:inline-block;width:1.5rem;height:1.5rem;margin-right:1rem;background-size:contain;background-repeat:no-repeat}.login-v2-facebook-login .facebook-button:hover{cursor:pointer}.login-v2-facebook-login .facebook-button .login-logo{background-image:url(../../static/media/facebook_icon.9bc3fbb9.svg)}.login-v2-main.is-mobile .facebook-button{height:3rem;border-radius:0}.login-v2-google-login .google-button{height:3.5rem;border-radius:.25rem;border-width:0;font-size:.875rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;background:#fff;color:#000}.login-v2-google-login .google-button .login-logo{display:inline-block;width:1.5rem;height:1.5rem;margin-right:1rem;background-size:contain;background-repeat:no-repeat}.login-v2-google-login .google-button:hover{cursor:pointer}.login-v2-google-login .google-button .login-logo{background-image:url(../../static/media/google_icon.b2781bfb.svg)}.login-v2-main.is-mobile .google-button{height:3rem;border-radius:0}.login-v2-base-model{display:flex;align-items:center;background:#2e2d34;box-shadow:0 .5rem .5rem rgba(0,0,0,.1);width:59.375rem;height:35.625rem}.login-v2-base-model .left-module{width:18.75rem;height:100%;background-image:url(../../static/media/bg.fa4866ef.png);background-size:contain;background-repeat:no-repeat}.login-v2-base-model .right-module{height:100%;flex:1}.login-v2-base-model .right-module .bar{width:100%;overflow:hidden;min-height:1rem}.login-v2-base-model .right-module .bar .close{background-image:url(../../static/media/close.05799067.svg);width:1rem;height:1rem;display:block;float:right;margin:1rem 1rem 0 0}.login-v2-base-model .right-module .bar .close:hover{cursor:pointer}.login-v2-base-model .modal-title{font-weight:700;font-size:1rem;line-height:1.5rem;color:#fff;margin-bottom:.5rem}.login-v2-base-model .modal-description-wrap{position:relative;max-height:21.875rem;overflow:hidden;box-sizing:border-box}.login-v2-base-model .modal-description-wrap.show-mask:after{content:"";position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(180deg,rgba(54,52,62,0) 33.33%,#36343e 65.28%);height:1.5rem}.login-v2-base-model .modal-description{font-weight:400;font-size:.875rem;line-height:1.5rem;color:hsla(0,0%,100%,.67);overflow:auto;max-height:21.875rem}.login-v2-base-model .modal-description::-webkit-scrollbar{display:none}.login-v2-base-model .action{display:flex;justify-content:flex-end;margin-top:1.5rem}.login-v2-base-model .button{border-radius:.125rem;font-size:.875rem;line-height:2.25rem;text-align:center;color:#fff;padding:0 1rem;min-width:6.75rem;box-sizing:border-box;cursor:pointer}.login-v2-base-model .ok-button{background:#ff3f3f}.login-v2-base-model .cancel-button{background:#43414c;margin-right:.5rem}.login-v2-main.is-mobile .login-v2-base-model{overflow:hidden;background:#36343e;width:20rem;height:unset;padding:1.5rem;box-sizing:border-box}.login-v2-main.is-mobile .login-v2-base-model .left-module{display:none}.login-v2-main.is-mobile .login-v2-base-model .right-module{width:100%}.login-v2-main.is-mobile .login-v2-base-model .right-module .bar{display:none}.login-v2-main.is-mobile .login-v2-base-model.full-screen{background:#1d1c1f;width:100vw;height:100vh;padding:0}.form-CheckBox{position:relative;display:flex;align-items:center}.form-CheckBox input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;width:100%;height:100%}.form-CheckBox .icon__checkbox{display:block;width:1rem;height:1rem;background:url(../../static/media/icon_checkbox.bc06023a.svg) 50% no-repeat;flex:0 0 auto;margin-right:.75rem}.form-CheckBox label{display:flex;align-items:center;color:hsla(0,0%,100%,.47)}.form-CheckBox:hover,.form-CheckBox:hover input,.form-CheckBox:hover label{cursor:pointer}.form-CheckBox:hover .icon__checkbox{background-image:url(../../static/media/icon_checkbox_hover.137285b7.svg)}.form-CheckBox:hover label{color:hsla(0,0%,100%,.87)}.form-CheckBox:hover input:checked+label .icon__checkbox,.form-CheckBox input:checked+label .icon__checkbox{background-image:url(../../static/media/icon_checkbox__selected.996c94ab.svg)}.form-CheckBox:hover input:checked+label label,.form-CheckBox input:checked+label label{color:hsla(0,0%,100%,.87)}.login-v2-main.is-mobile .form-CheckBox.error .icon__checkbox{background-image:url(../../static/media/icon_checkbox__error.9dba3e0e.svg)}.login-v2-main.is-mobile .form-CheckBox:hover input:checked+label .icon__checkbox,.login-v2-main.is-mobile .form-CheckBox input:checked+label .icon__checkbox{background-image:url(../../static/media/checked-mobile.a17939f0.svg)}.login-v2-main.is-mobile .form-CheckBox .icon__checkbox{background-size:contain}*{border:0;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;height:100%;cursor:default}.login-v2-select{position:relative;width:7.75rem;line-height:1.75rem;display:inline-block}.login-v2-select .select{position:relative;display:block;padding-left:1rem;width:100%;color:hsla(0,0%,100%,.87);border-radius:.125rem;background:#43414b;border-radius:.125rem .125rem 0 0;text-align:left;line-height:2.625rem;height:2.625rem;padding-right:1.5rem;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-v2-select .select .input{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background:#43414b;outline:none;text-indent:1rem;color:hsla(0,0%,100%,.87)}.login-v2-select .select.not-selected{color:hsla(0,0%,100%,.47)}.login-v2-select .select:after{content:"";position:absolute;display:block;background-image:url(../../static/media/select.4599ef7a.svg);height:.875rem;width:.875rem;top:.875rem;right:1rem}.login-v2-select .pad{background:#43414b;display:none;position:absolute;bottom:.0625rem;width:100%}.login-v2-select .pad:after{content:" ";height:.0625rem;margin:0 1rem;display:block;background:hsla(0,0%,100%,.47);opacity:.22;border-radius:.0625rem}.login-v2-select .options{position:fixed;display:none;width:7.75rem;background:#43414b;box-sizing:border-box;max-height:11.875rem;overflow:overlay;z-index:11;padding:.375rem 0}.login-v2-select .options:hover{cursor:pointer}.login-v2-select .options::-webkit-scrollbar{width:1rem}.login-v2-select .options::-webkit-scrollbar-thumb{border-radius:.625rem;box-shadow:inset -.625rem 0 0 0 rgba(145,140,175,.22);border:.375rem solid transparent}.login-v2-select .option{position:relative;height:1.875rem;color:#fff;font-size:.875rem;border-radius:.125rem;text-indent:.5rem;margin:0 .625rem;list-style:none}.login-v2-select .option:hover{background:hsla(0,0%,100%,.07)}.login-v2-select.canHover .select:after{background-image:url(../../static/media/select_active.490de55a.svg)}.login-v2-select.canHover.forcehover .select,.login-v2-select.canHover:hover .select{cursor:pointer;background:#43414c}.login-v2-select.canHover.forcehover .options,.login-v2-select.canHover:hover .options{background:#43414c}.login-v2-select.canHover.forcehover .options,.login-v2-select.canHover.forcehover .pad,.login-v2-select.canHover:hover .options,.login-v2-select.canHover:hover .pad{display:block}.login-v2-main.is-mobile .login-v2-select{width:17rem;line-height:2rem;height:2rem;position:relative}.login-v2-main.is-mobile .login-v2-select .select{padding-left:.5rem;border-radius:.25rem;background:#2e2d34;border-radius:.25rem .25rem;line-height:2rem;height:2rem;padding-right:.5rem}.login-v2-main.is-mobile .login-v2-select .select .input{font-size:.875rem;background:#2e2d34}.login-v2-main.is-mobile .login-v2-select .select:after{background-size:contain;background-repeat:no-repeat;height:.75rem;width:.75rem;top:.625rem;right:.625rem}.login-v2-main.is-mobile .login-v2-select .pad{background:#2e2d34}.login-v2-main.is-mobile .login-v2-select .options{width:17rem;background:#2e2d34;max-height:7.625rem;padding:0 .375rem .5rem;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;left:0;top:2rem;position:absolute}.login-v2-main.is-mobile .login-v2-select .options::-webkit-scrollbar{display:block}.login-v2-main.is-mobile .login-v2-select .option{height:1.75rem;line-height:1.75rem;border-radius:.125rem;text-indent:.375rem;margin:0}.login-v2-main.is-mobile .login-v2-select.canHover .select{border-top-left-radius:0;border-top-right-radius:0}.login-v2-main.is-mobile .login-v2-select.canHover:hover .options,.login-v2-main.is-mobile .login-v2-select.canHover:hover .pad{display:none}.login-v2-main.is-mobile .login-v2-select.canHover.forcehover .options,.login-v2-main.is-mobile .login-v2-select.canHover.forcehover .pad{display:block}.form-input{position:relative}.form-input.error .input{border:.0625rem solid #ff3f3f}.form-input .input{box-sizing:border-box;width:24.5rem;height:2.625rem;background:hsla(0,0%,100%,.07);border-radius:.125rem;font-size:.875rem;line-height:1rem;color:#fff;text-indent:1rem;outline:none}.login-v2-toast.toast-box .toast-content{position:fixed;z-index:20002;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 0;background:rgba(67,65,76,.9);border-radius:.125rem;display:flex;justify-content:center;align-items:center;animation:ToastEaseIn .2s ease-in forwards;width:fit-content}@keyframes ToastEaseIn{0%{opacity:0}to{opacity:1}}.login-v2-toast.toast-box .toast-content.disappear{animation:ToastDisappper .2s ease-in forwards}@keyframes ToastDisappper{0%{opacity:1}to{opacity:0}}.login-v2-toast.toast-box .toast-content .toast-icon{flex:0 0 auto;height:1.5rem;width:1.5rem;margin-left:1.6875rem;background-size:contain;background-repeat:no-repeat}.login-v2-toast.toast-box .toast-content .toast-icon.success{background-image:url(../../static/media/success.2c5eb30f.svg)}.login-v2-toast.toast-box .toast-content .toast-icon.info{background-image:url(../../static/media/info.8f210108.svg)}.login-v2-toast.toast-box .toast-content .toast-icon.error{height:1.125rem;width:1.125rem;background-image:url(../../static/media/error.e9ebd28d.svg);margin-top:.1875rem;margin-bottom:.1875rem;margin-right:.1875rem}.login-v2-toast.toast-box .toast-content .toast-msg{flex:0 0 auto;font-weight:500;font-size:1rem;line-height:1.5rem;color:hsla(0,0%,100%,.87);margin:0 1.6875rem 0 .5rem}.login-v2-base-button{width:6.75rem;height:2.25rem;background:#ff3f3f;border-radius:.125rem;font-weight:500;font-size:.875rem;color:#fff;line-height:2.25rem;text-align:center}.login-v2-base-button:not(.disable):hover{cursor:pointer;background:#ff5252}.login-v2-base-button.disable{background:hsla(0,0%,100%,.17);color:hsla(0,0%,100%,.47)}.login-v2-buttons-container .logo{background-image:url(../../static/media/logo.cd54fdc6.svg);width:8.0625rem;height:9.375rem;margin:3.4375rem auto 0;background-repeat:no-repeat;background-size:contain;background-position:50%}.login-v2-buttons-container .log-in{font-weight:700;font-size:1.25rem;line-height:1.8125rem;color:hsla(0,0%,100%,.9);margin:1.5rem 0 1rem}.login-v2-buttons-container .login-button{margin-bottom:1rem}.login-v2-buttons-container .login-button.canNotLogin{pointer-events:none}.agree-items{margin-top:.5rem;display:flex}.agree-items:first-child{margin-top:0}.agree-items .msg{color:hsla(0,0%,100%,.47);font-size:.75rem;line-height:1rem;vertical-align:text-bottom}.login-v2-main.is-mobile .agree-items{margin-top:1rem}.login-v2-main.is-mobile .agree-items:first-child{margin-top:1.5rem}.login-link{font-size:.75rem;line-height:1rem;color:#fff;margin:0 .3125rem;text-decoration:none;cursor:pointer}.login-v2-main.is-mobile .login-v2-buttons-container .back-icon{width:1.5rem;height:1.5rem;margin-left:1rem;margin-top:1rem;background:50%/contain no-repeat url(../../static/media/back-icon.b3ba91bf.svg);cursor:pointer}.login-v2-main.is-mobile .login-v2-buttons-container .logo{width:9.625rem;height:11.25rem;margin:4.625rem auto 5.25rem}.login-v2-main.is-mobile .login-v2-buttons-container .log-in{display:none}.login-v2-main.is-mobile .login-v2-buttons-container .login-button{margin:0 2.5rem 1rem}.login-v2-main.is-mobile .login-v2-buttons-container .login-button.canNotLogin{pointer-events:none}.login-v2-main.is-mobile .login-v2-buttons-container .show-confirm{display:none}.co-uptodown .login-v2-buttons-container .logo{background-image:url(../../static/media/logo-uptodown.8448bb1e.png);background-size:contain;width:15.125rem;height:9.8125rem}.login-v2-main .inner{margin:0 8.0625rem}.login-v2-main.is-mobile .inner{margin:0 auto}.login-v2-register-main{margin:0 8.0625rem}.login-v2-register-main .title{margin-top:6.3125rem;font-weight:500;font-size:1.5rem;line-height:2rem;color:#fff}.login-v2-register-main .sub-title{margin-top:.5rem;color:#fff;font-size:.875rem;line-height:1rem;opacity:.67}.login-v2-register-main .CheckSuccessView .sub-title{font-size:1rem;line-height:1.5rem}.login-v2-register-main .login-v2-base-button{float:right;margin-top:3rem}.login-v2-register-main .form-info .form-title{margin-top:1.5rem;font-size:.875rem;line-height:1.25rem;color:#fff;margin-bottom:.5rem}.login-v2-register-main .form-info .datepicker{display:inline-block;vertical-align:bottom}.login-v2-register-main .form-info .select-month{margin:0 .625rem}.login-v2-register-main .form-info .select-country .login-v2-select,.login-v2-register-main .form-info .select-country .login-v2-select .options{width:24.5rem}.login-v2-register-main .form-info .error-msg{color:hsla(0,0%,100%,.87);font-size:.875rem;line-height:1.375rem;opacity:.98;margin-top:.3125rem}.login-v2-register-main .form-info .error-msg:before{background-image:url(../../static/media/error-info.3f94bb39.svg);width:1rem;height:1rem;content:" ";display:inline-block;margin-right:.5rem;vertical-align:text-top}.login-v2-register-main-mobile .under-age-requirement{font-size:.75rem;line-height:1rem;color:#ff3f3f}.login-v2-register-main-mobile .title{font-size:.875rem;line-height:1.5rem;color:#fff;margin-top:1rem;margin-bottom:.5rem}.login-v2-register-main-mobile .description{font-size:.75rem;line-height:1rem;color:hsla(0,0%,100%,.67);margin-bottom:.5rem}.login-v2-register-main-mobile .rmc-date-picker{padding:0;flex-direction:row-reverse!important}.login-v2-register-main-mobile .rmc-picker-item{font-size:.875rem;line-height:1.5rem;height:1.5rem;color:#fff}.login-v2-register-main-mobile .rmc-picker{height:4.5rem}.login-v2-register-main-mobile .rmc-picker:first-child{text-align:right}.login-v2-register-main-mobile .rmc-picker:last-child{text-align:left}.login-v2-register-main-mobile .rmc-picker-indicator{height:1.5rem;border:none}.login-v2-register-main-mobile .rmc-picker-mask{background-image:linear-gradient(180deg,#36343e 30%,rgba(54,52,62,0)),linear-gradient(0deg,#36343e 30%,rgba(54,52,62,0))}.login-v2-mail-verification .inner{margin:.0625rem 2rem 2rem}.login-v2-mail-verification .inner .title{font-weight:500;font-size:1.5rem;line-height:2rem;color:#fff}.login-v2-mail-verification .inner .sub-title{font-size:.875rem;line-height:1rem;color:#fff;opacity:.67;margin-top:1.125rem}.login-v2-mail-verification .inner .form-input{margin-top:.5rem}.login-v2-mail-verification .inner .send-code-button{position:absolute;right:1rem;top:.8125rem;color:#ff3f3f;font-size:.875rem;line-height:1rem}.login-v2-mail-verification .inner .send-code-button.isDisable{color:hsla(0,0%,100%,.47)}.login-v2-mail-verification .inner .send-code-button:not(.isDisable):hover{cursor:pointer}.login-v2-mail-verification .inner .captcha-img{position:absolute;right:0;top:0;width:6.875rem;height:2.625rem;background-color:#ccc}.login-v2-mail-verification .inner .captcha-img:hover{cursor:pointer}.login-v2-mail-verification .inner .footer{padding-top:3.4375rem;display:flex;justify-content:space-between;align-items:center;position:relative}.login-v2-mail-verification .inner .footer .error-msg{color:hsla(0,0%,100%,.67);font-size:.875rem;line-height:1rem;position:absolute;left:0;top:.5rem}.login-v2-mail-verification .inner .footer .error-msg:before{background-image:url(../../static/media/error-info.3f94bb39.svg);width:1rem;height:1rem;content:" ";display:inline-block;margin-right:.5rem;vertical-align:text-top}.login-v2-mail-verification .inner .footer .tips{font-size:.875rem;line-height:1.375rem;color:hsla(0,0%,100%,.47)}.login-v2-mail-verification .inner .footer .tips .help{color:#ccc;margin-left:.3125rem}.login-v2-mail-verification .inner .footer .tips .help:hover{cursor:pointer}@font-face{font-family:"Source Han Sans CN";src:url(https://webapp.gameloop.com/syzs/syzsweb/static/media/SourceHanSansCN-Normal.ttf) format("truetype");font-weight:400;font-display:swap}body{margin:0;padding:0;font-family:Source Han Sans CN;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.e17662c6.chunk.css.map */