.mask-user{position:fixed;width:100%;height:100%;background:#00000080;top:0;right:0;z-index:998}.mask-user.open{display:block}.user-modal{position:fixed;width:30vw;right:0;height:100%;background:#fff;z-index:999;padding:8rem 0 4rem;transform:translate(100%);transition:transform .3s ease-in-out}.user-modal.open{transform:none}.formbox-close{position:absolute;width:20px;top:4rem;right:4rem}.formbox-close svg{width:20px}.user-modal-top{text-align:center;margin-bottom:60px}.user-modal-top p{color:#7f7f7f;font-size:18px}.formbox{padding:0 10%}.formbox input{width:100%;border:1px solid #d7d7d7;height:45px;line-height:45px;padding:0 20px}.formbox .formbox-item{margin-bottom:40px}.formbox .formbox-item .forgot-item{position:relative}.formbox .formbox-item .forgot-item input{padding-right:180px}.formbox .formbox-item .forgot-item a{position:absolute;top:0;bottom:0;margin:auto;right:20px;line-height:45px;color:#8b8b8b;font-size:14px;text-decoration:none}.formbox h3{margin:0 0 10px;font-size:14px}.formbox input:focus-visible{outline:0;box-shadow:none}.formbox .formbox-btns{display:flex;justify-content:space-between}.formbox .formbox-btns button,.formbox .formbox-btns a{width:calc(50% - 10px);height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.formbox .formbox-btns button.sub{background:#fcc02d;border:1px solid #fcc02d}.formbox .formbox-btns a.createed{background:#fff;border:1px solid #333;color:#333}.recover_box{display:none;margin-top:20%}.recover_box .user-modal-top p:first-child{color:#333;font-size:18px}.recover_box .user-modal-top p:last-child{font-size:16px}.formbox.recover_box .formbox-btns button,.formbox.recover_box .formbox-btns a{width:100%}.formbox.recover_box .formbox-btns{flex-wrap:wrap}.formbox.recover_box .formbox-btns a{border:none;margin-top:2rem}.created_box .formbox-btns{flex-direction:column}.created_box .formbox-btns button{width:100%}.created_box .formbox-btns div{text-align:center;margin-top:2.3rem;font-size:1.4rem}.created_box .formbox-btns a{width:auto;display:inline-block;color:#fcc02c}#createdlogin{display:none}#createdlogin:target{display:block}#customerRecover{display:none}#customerRecover:target{display:block}#createdlogin:target~#customerlogin,#customerRecover:target~#customerlogin{display:none}#customerlogin:target~#customerRecover{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/userLogin.css.map */