.login-box{width:510px;background:var(--white-color);padding:32px;margin:auto}.login-popup{position:absolute;top:25%;left:0;right:0;transform:translateY(-50%)}.login-stepone{padding-top:24px}.login-stepone .lotto-icon{width:62px;margin:auto}.login-stepone .login-slider{width:280px;padding:56px 0 60px;margin:auto}.login-stepone .login-slider .lottoxsheading{color:var(--light-black);font-weight:500;line-height:24px}.login-slider.slider-black-bot .slick-dots{bottom:30px}.lotto-btn{width:100%;padding:18px 25px}.login-step .form-group{margin-bottom:32px}.login-step .login-social .lottoxxsheading{color:var(--light-gray-color);font-weight:400;margin-bottom:16px;line-height:22px}.login-step .login-social ul{display:flex;align-items:center;justify-content:center;padding:0;margin:0;list-style:none;gap:12px}.login-step .login-social ul li a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--separator);text-decoration:none;padding:5px}.login-step{display:none}.lotto-icon{width:36px;margin:auto auto 20px}.login-steptwo .lottoxsheading{color:var(--light-black);font-weight:700;margin-bottom:24px}.login-steptwo .form-control{height:62px;padding-left:40px;line-height:22px}.login-steptwo .form-group svg{position:absolute;top:20px;left:10px}.login-stepthree .lottoxsheading{color:var(--light-black);font-weight:700;margin-bottom:8px}.login-stepthree .verify-text-wrapper{margin-bottom:24px}.login-stepthree .login-edit p{color:var(--light-gray-color);font-weight:400;margin-right:4px}.login-stepthree .login-edit p span{color:var(--light-black)}.login-stepthree .login-edit .edit-btn{font-size:12px;color:var(--light-gray-color);font-weight:600;text-transform:uppercase;background:transparent;border:none;cursor:pointer}.login-stepthree .login-edit .edit-btn svg{width:12px;height:12px;margin-right:4px;margin-top:-2px}.login-stepthree .form-group{gap:12px}.login-stepthree .form-group .form-control{width:100%;height:50px;text-align:center}.login-stepthree .form-group p{color:var(--light-gray-color);font-weight:400}.login-stepthree .form-group:first-child{margin-bottom:12px}.show-stepthree{display:block}.login-steptwo,.login-stepthree{display:none}.show-steptwo,.show-stepthree{display:block!important}.complete{padding:32px 0 80px;display:none}.complete .lottosmheading{width:510px;color:var(--light-black);font-weight:700;line-height:29px;margin:0 auto 40px;padding:0 32px 16px}.complete.completeshow .lottosmheading{padding-left:0;padding-right:0}.complete.completeshow .login-box{padding:0}.complete.completeshow .lottosmheading{padding-bottom:32px}.complete .form-group{margin-bottom:32px}.complete .form-group p{font-size:12px;color:var(--light-gray-color);margin-top:6px}.hideonboarding{display:none}.completeshow{display:block}.login-steptwo .lottoxsheading,.login-stepthree .lottoxsheading{line-height:20px}.login-box .lotto-btn{padding:16px 20px 15px;line-height:21px;height:53px}.login-stepthree .form-group.errotp p{margin-bottom:0}.login-box button.loading .loader{width:14px;height:14px;max-width:14px;position:absolute;left:0;top:0;right:0;bottom:0}.login-box .login-steptwo .form-group button.loading .loader svg{position:relative;top:0;left:0}.login-stepthree .form-group p.error-text{color:var(--red-color);margin-top:0}@media screen and (min-width: 768px) and (max-width: 1199px){.login-stepthree .lottoxsheading,.login-steptwo .lottoxsheading,.login-stepone .login-slider .lottoxsheading{font-size:20px}.complete .lottosmheading{font-size:24px}}@media (max-width: 991px){.login-box{padding:20px}}@media (max-width: 767px){.lotto-btn{font-size:12px;padding:16px 25px}.login-step .form-group{margin-bottom:24px}.login-box{padding:40px 16px 20px}.login-popup{width:95%;top:auto;bottom:12px;transform:translateY(-12px)}.login-stepone{padding:0}.login-stepone .login-slider{width:240px;padding:40px 0 64px}.login-steptwo .form-control{height:50px}.login-steptwo .form-group svg{top:16px;left:15px;width:16px;height:16px}.login-step .login-social .lottoxxsheading{margin-bottom:12px;line-height:14px}.login-stepthree .form-group p,.login-stepthree .login-edit p{font-size:12px}.login-box .lotto-btn{padding:12px 20px 11px;line-height:18px;height:42px}.login-stepthree .lottoxsheading,.login-steptwo .lottoxsheading{font-size:20px}.login-stepone .login-slider .lottoxsheading{font-size:16px;line-height:19px}.complete .lottosmheading{width:100%}.complete{padding:32px 0 20px}.complete .login-box{width:100%;padding:32px 12px 16px}.complete .lottosmheading{line-height:20px;padding:0 12px;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/custom-login.css.map */