@media screen and (min-width: 768px){.login-root-box{background-color:#fffdf7;width:100%;display:flex;justify-content:center;align-items:center}.login-root-box input{background:none;outline:none;border:0px}.login-root-box a{color:#406bfa}.login-root-box .type-area{width:90%;gap:30px;display:flex;padding:40px 0}}@media screen and (min-width: 768px)and (min-width: 1280px){.login-root-box .type-area{width:1080px;gap:60px}}@media screen and (min-width: 768px)and (min-width: 1400px){.login-root-box .type-area{width:1280px;gap:160px}}@media screen and (min-width: 768px){.login-root-box .type-area .img-box{flex:8;flex-shrink:0;position:relative;border-radius:30px;overflow:hidden}.login-root-box .type-area .img-box .img-mask{position:absolute;left:0;top:0;width:100%;padding:14px;line-height:25px;font-size:18px;color:#fec629;background-color:#000c;text-align:center}.login-root-box .type-area .img-box img{display:block;width:100%}.login-root-box .type-area .forgot-form-box{align-self:center}.login-root-box .type-area .login-form-box,.login-root-box .type-area .forgot-form-box{flex:6;flex-shrink:0}.login-root-box .type-area .login-form-box .form-title,.login-root-box .type-area .forgot-form-box .form-title{font-weight:400;font-family:Poppins,Poppins;font-size:42px;color:#000;line-height:60px}.login-root-box .type-area .login-form-box .form-tips,.login-root-box .type-area .forgot-form-box .form-tips{font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#000;line-height:20px;margin-bottom:43px}.login-root-box .type-area .login-form-box .third-party-list,.login-root-box .type-area .forgot-form-box .third-party-list{display:flex;gap:5px;align-items:center;justify-content:center;gap:56px;margin-top:8px}.login-root-box .type-area .login-form-box .third-party-list .third-party-item,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item{cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:30px;box-shadow:0 0 7px #00000041;padding:13px}.login-root-box .type-area .login-form-box .third-party-list .third-party-item svg,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item svg{display:block}.login-root-box .type-area .login-form-box .third-party-list .third-party-item span,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item span{display:block;font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#0f0f0f;line-height:1;text-align:center}.login-root-box .type-area .login-form-box .btn-login,.login-root-box .type-area .forgot-form-box .btn-login{width:100%;height:65px;display:flex;align-items:center;justify-content:center;background-color:#fec629;border:none;border-radius:16px;cursor:pointer;margin-top:20px;font-weight:600;font-size:16px;color:#000;line-height:1}.login-root-box .type-area .login-form-box .policy,.login-root-box .type-area .forgot-form-box .policy{font-family:Roboto;font-weight:400;font-size:12px;color:#000;line-height:20px;margin:19px 0 0}.login-root-box .type-area .login-form-box .line-box,.login-root-box .type-area .forgot-form-box .line-box{display:flex;align-items:center;gap:35px;font-weight:500;font-size:14px;color:#000;margin:23px 28px 0}.login-root-box .type-area .login-form-box .line-box:before,.login-root-box .type-area .login-form-box .line-box:after,.login-root-box .type-area .forgot-form-box .line-box:before,.login-root-box .type-area .forgot-form-box .line-box:after{content:"";display:block;width:100%;height:1px;background:#ddd;flex:1;flex-shrink:0}.login-root-box .type-area .login-form-box .line-box span,.login-root-box .type-area .forgot-form-box .line-box span{display:block;font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#000}.login-root-box .type-area .login-form-box .login-form,.login-root-box .type-area .login-form-box .forgot-form,.login-root-box .type-area .forgot-form-box .login-form,.login-root-box .type-area .forgot-form-box .forgot-form{margin-top:30px}.login-root-box .type-area .login-form-box .login-form form,.login-root-box .type-area .login-form-box .forgot-form form,.login-root-box .type-area .forgot-form-box .login-form form,.login-root-box .type-area .forgot-form-box .forgot-form form{display:flex;flex-direction:column;gap:15px}.login-root-box .type-area .login-form-box .login-form .form-row,.login-root-box .type-area .login-form-box .forgot-form .form-row,.login-root-box .type-area .forgot-form-box .login-form .form-row,.login-root-box .type-area .forgot-form-box .forgot-form .form-row{display:flex;gap:5px}.login-root-box .type-area .login-form-box .login-form .form-row .form-item,.login-root-box .type-area .login-form-box .forgot-form .form-row .form-item,.login-root-box .type-area .forgot-form-box .login-form .form-row .form-item,.login-root-box .type-area .forgot-form-box .forgot-form .form-row .form-item{flex:1;flex-shrink:0}.login-root-box .type-area .login-form-box .login-form .form-item,.login-root-box .type-area .login-form-box .forgot-form .form-item,.login-root-box .type-area .forgot-form-box .login-form .form-item,.login-root-box .type-area .forgot-form-box .forgot-form .form-item{width:100%}.login-root-box .type-area .login-form-box .login-form .form-item .tips-box,.login-root-box .type-area .login-form-box .forgot-form .form-item .tips-box,.login-root-box .type-area .forgot-form-box .login-form .form-item .tips-box,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .tips-box{font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#fa4040;line-height:1;text-align:left;margin-left:20px;margin-top:10px}.login-root-box .type-area .login-form-box .login-form .form-item .form-item-label,.login-root-box .type-area .login-form-box .forgot-form .form-item .form-item-label,.login-root-box .type-area .forgot-form-box .login-form .form-item .form-item-label,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .form-item-label{font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#000;line-height:20px;text-align:left;margin-bottom:10px}.login-root-box .type-area .login-form-box .login-form .form-item .input-box,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box{width:100%;background-color:#fff;border:1px solid #ccc;border-radius:16px;height:52px;display:flex;align-items:center;position:relative}.login-root-box .type-area .login-form-box .login-form .form-item .input-box input,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box input,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box input,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box input{padding:0 20px;border-radius:16px;flex:1;height:100%;background-color:#fff}.login-root-box .type-area .login-form-box .login-form .form-item .input-box input::placeholder,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box input::placeholder,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box input::placeholder,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box input::placeholder{font-family:Poppins,Poppins;font-weight:400;font-size:14px;color:#ccc;line-height:1;text-align:left}.login-root-box .type-area .login-form-box .login-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box .passwort-type-button{padding:0 10px;cursor:pointer;position:absolute;right:0}.login-root-box .type-area .login-form-box .login-form .form-item>input,.login-root-box .type-area .login-form-box .forgot-form .form-item>input,.login-root-box .type-area .forgot-form-box .login-form .form-item>input,.login-root-box .type-area .forgot-form-box .forgot-form .form-item>input{width:100%;background-color:#fff;border:1px solid #ccc;border-radius:16px;height:52px;padding:0 20px}.login-root-box .type-area .login-form-box .login-form .form-item>input::placeholder,.login-root-box .type-area .login-form-box .forgot-form .form-item>input::placeholder,.login-root-box .type-area .forgot-form-box .login-form .form-item>input::placeholder,.login-root-box .type-area .forgot-form-box .forgot-form .form-item>input::placeholder{font-family:Poppins,Poppins;font-weight:400;font-size:14px;color:#ccc;line-height:1;text-align:left}.login-root-box .type-area .login-form-box .register-link,.login-root-box .type-area .forgot-form-box .register-link{text-align:center;margin-top:20px;font-size:14px;line-height:1;color:#000;font-weight:500}.login-root-box .type-area .login-form-box .forgot-link,.login-root-box .type-area .login-form-box .login-link,.login-root-box .type-area .forgot-form-box .forgot-link,.login-root-box .type-area .forgot-form-box .login-link{font-family:Poppins,Poppins;font-size:14px;color:#406bfa;text-align:center;text-decoration-line:underline;text-align:right;cursor:pointer}.login-root-box .toast-list{position:fixed;top:250px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px}.login-root-box .toast-list .toast-item{min-width:277px;padding:20px 10px;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:center;border-radius:16px;animation:toastIn .6s ease-in-out}.login-root-box .toast-list .toast-item span{display:block;text-align:left;font-family:Poppins,Poppins;line-height:1;font-size:14px;font-weight:500}.login-root-box .toast-list .toast-item--fadeout{animation:toastOut .6s ease-in-out;opacity:0}@keyframes toastIn{0%{transform:translateY(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translateY(20%);opacity:0}}}@media screen and (max-width: 768px){.login-root-box{background-color:#fffdf7;width:100%;display:flex;justify-content:center;align-items:center}.login-root-box input{background:none;outline:none;border:0px}.login-root-box a{color:#406bfa;text-decoration-line:underline}.login-root-box .type-area{width:90%;display:flex;padding-top:18px;padding-bottom:18px}.login-root-box .type-area .img-box{flex:7;flex-shrink:0}.login-root-box .type-area .img-box img{display:block;width:100%}.login-root-box .type-area .login-form-box,.login-root-box .type-area .forgot-form-box{flex:6;flex-shrink:0}.login-root-box .type-area .login-form-box .form-title,.login-root-box .type-area .forgot-form-box .form-title{font-weight:400;font-family:Poppins,Poppins;font-size:30px;text-align:center;color:#000;line-height:40px}.login-root-box .type-area .login-form-box .form-tips,.login-root-box .type-area .forgot-form-box .form-tips{font-family:Poppins,Poppins;font-weight:500;font-size:14px;text-align:center;color:#000;line-height:20px;margin:10px 0 27px}.login-root-box .type-area .login-form-box .third-party-list,.login-root-box .type-area .forgot-form-box .third-party-list{order:3;display:flex;flex-direction:column;gap:15px;align-items:center}.login-root-box .type-area .login-form-box .third-party-list .third-party-item,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item{cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;width:100%;background:#fff;border-radius:16px;border:1px solid #ccc;padding:13px}.login-root-box .type-area .login-form-box .third-party-list .third-party-item svg,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item svg{display:block;width:16px;height:16px}.login-root-box .type-area .login-form-box .third-party-list .third-party-item span,.login-root-box .type-area .forgot-form-box .third-party-list .third-party-item span{display:block;font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#0f0f0f;line-height:1;text-align:center}.login-root-box .type-area .login-form-box .line-box,.login-root-box .type-area .forgot-form-box .line-box{order:2;display:flex;align-items:center;margin:15px 27px;gap:35px;font-weight:500;color:#000;font-size:14px}.login-root-box .type-area .login-form-box .line-box:before,.login-root-box .type-area .login-form-box .line-box:after,.login-root-box .type-area .forgot-form-box .line-box:before,.login-root-box .type-area .forgot-form-box .line-box:after{content:"";display:block;width:100%;height:1px;background:#ddd;flex:1;flex-shrink:0}.login-root-box .type-area .login-form-box .line-box span,.login-root-box .type-area .forgot-form-box .line-box span{display:block;font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#0f0f0f}.login-root-box .type-area .login-form-box .login-form,.login-root-box .type-area .login-form-box .forgot-form,.login-root-box .type-area .forgot-form-box .login-form,.login-root-box .type-area .forgot-form-box .forgot-form{margin-top:18px}.login-root-box .type-area .login-form-box .login-form form,.login-root-box .type-area .login-form-box .forgot-form form,.login-root-box .type-area .forgot-form-box .login-form form,.login-root-box .type-area .forgot-form-box .forgot-form form,.login-root-box .type-area .login-form-box .login-form .form-row,.login-root-box .type-area .login-form-box .forgot-form .form-row,.login-root-box .type-area .forgot-form-box .login-form .form-row,.login-root-box .type-area .forgot-form-box .forgot-form .form-row{display:flex;flex-direction:column;gap:15px}.login-root-box .type-area .login-form-box .login-form .form-item,.login-root-box .type-area .login-form-box .forgot-form .form-item,.login-root-box .type-area .forgot-form-box .login-form .form-item,.login-root-box .type-area .forgot-form-box .forgot-form .form-item{width:100%}.login-root-box .type-area .login-form-box .login-form .form-item .form-item-label,.login-root-box .type-area .login-form-box .forgot-form .form-item .form-item-label,.login-root-box .type-area .forgot-form-box .login-form .form-item .form-item-label,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .form-item-label{font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#000;line-height:20px;text-align:left;margin-bottom:10px}.login-root-box .type-area .login-form-box .login-form .form-item .tips-box,.login-root-box .type-area .login-form-box .forgot-form .form-item .tips-box,.login-root-box .type-area .forgot-form-box .login-form .form-item .tips-box,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .tips-box{font-family:Poppins,Poppins;font-weight:500;font-size:14px;color:#fa4040;line-height:1;text-align:left;margin-left:20px;margin-top:10px}.login-root-box .type-area .login-form-box .login-form .form-item .input-box,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box{width:100%;background-color:#fff;border:1px solid #ccc;border-radius:16px;height:52px;display:flex;align-items:center;position:relative}.login-root-box .type-area .login-form-box .login-form .form-item .input-box input,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box input,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box input,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box input{padding:0 20px;border-radius:16px;flex:1;height:100%;background-color:#fff}.login-root-box .type-area .login-form-box .login-form .form-item .input-box input::placeholder,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box input::placeholder,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box input::placeholder,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box input::placeholder{font-family:Poppins,Poppins;font-weight:400;font-size:14px;color:#ccc;line-height:1;text-align:left}.login-root-box .type-area .login-form-box .login-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .login-form-box .forgot-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .forgot-form-box .login-form .form-item .input-box .passwort-type-button,.login-root-box .type-area .forgot-form-box .forgot-form .form-item .input-box .passwort-type-button{padding:0 10px;cursor:pointer;position:absolute;right:0}.login-root-box .type-area .login-form-box .login-form .form-item>input,.login-root-box .type-area .login-form-box .forgot-form .form-item>input,.login-root-box .type-area .forgot-form-box .login-form .form-item>input,.login-root-box .type-area .forgot-form-box .forgot-form .form-item>input{width:100%;background-color:#fff;border:1px solid #ccc;border-radius:16px;height:52px;padding:0 20px}.login-root-box .type-area .login-form-box .login-form .form-item>input::placeholder,.login-root-box .type-area .login-form-box .forgot-form .form-item>input::placeholder,.login-root-box .type-area .forgot-form-box .login-form .form-item>input::placeholder,.login-root-box .type-area .forgot-form-box .forgot-form .form-item>input::placeholder{font-family:Poppins,Poppins;font-weight:400;font-size:14px;color:#ccc;line-height:1;text-align:left}.login-root-box .type-area .login-form-box .login-form .btn-login,.login-root-box .type-area .login-form-box .forgot-form .btn-login,.login-root-box .type-area .forgot-form-box .login-form .btn-login,.login-root-box .type-area .forgot-form-box .forgot-form .btn-login{width:100%;height:65px;display:flex;align-items:center;justify-content:center;background-color:#fec629;border:none;border-radius:16px;cursor:pointer;order:1;font-weight:600;font-size:16px;color:#000;line-height:1}.login-root-box .type-area .login-form-box .login-form .policy,.login-root-box .type-area .login-form-box .forgot-form .policy,.login-root-box .type-area .forgot-form-box .login-form .policy,.login-root-box .type-area .forgot-form-box .forgot-form .policy{order:5;font-family:Roboto;font-weight:400;font-size:12px;color:#000;line-height:20px;margin:19px 0 0}.login-root-box .type-area .login-form-box .register-link,.login-root-box .type-area .forgot-form-box .register-link{text-align:center;margin-top:17px;font-size:14px;line-height:1;color:#000;font-weight:500}.login-root-box .type-area .login-form-box .forgot-link,.login-root-box .type-area .forgot-form-box .forgot-link,.login-root-box .type-area .login-form-box .login-link,.login-root-box .type-area .forgot-form-box .login-link{font-family:Poppins,Poppins;font-size:14px;color:#406bfa;text-align:center;text-decoration-line:underline;text-align:right;cursor:pointer}.login-root-box .toast-list{position:fixed;top:130px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px}.login-root-box .toast-list .toast-item{min-width:277px;padding:20px 10px;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:center;border-radius:16px;animation:toastIn .6s ease-in-out}.login-root-box .toast-list .toast-item span{display:block;text-align:left;font-family:Poppins,Poppins;line-height:1;font-size:14px;font-weight:500}.login-root-box .toast-list .toast-item--fadeout{animation:toastOut .6s ease-in-out;opacity:0}@keyframes toastIn{0%{transform:translateY(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translateY(20%);opacity:0}}}@media screen and (max-width: 769px){.pc-show{display:none!important}}@media screen and (min-width: 769px){.mobile-show{display:none!important}}.hikoloading{display:none!important}.btn-login.loading{pointer-events:none}.btn-login.loading span{display:none}.btn-login.loading .loader{width:8px;height:40px;border-radius:4px;display:block;margin:20px auto;position:relative;background:currentColor;color:#fff;box-sizing:border-box;animation:animloader .4s .3s linear infinite alternate}.btn-login.loading .loader:after,.btn-login.loading .loader:before{content:"";width:8px;height:40px;border-radius:4px;background:currentColor;position:absolute;top:50%;transform:translateY(-50%);left:20px;box-sizing:border-box;animation:animloader .4s .45s linear infinite alternate}.btn-login.loading .loader:before{left:-20px;animation-delay:0s}@keyframes animloader{0%{height:48px}to{height:4px}}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/645/assets/sign-up-module.css.map */