main{background:var(--light-gray);padding:50px 0;margin-top:91px}main .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .container .title{font-size:var(--font-size-2);font-weight:700;line-height:1.5}main .container .desc{line-height:1.5}main .container .form-item-wrap{border:1px solid var(--divider);height:48px;width:100%;border-radius:48px;position:relative;margin-top:20px;margin-bottom:40px}main .container .form-item-wrap.error{border:1px solid var(--fail)}main .container .form-item-wrap.success{border:1px solid var(--success)}main .container .form-item-wrap:hover{border:1px solid var(--theme-1)}main .container .form-item-wrap input{width:100%;height:100%;padding:0 20px;border:none;outline:0;background:0 0;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s;-webkit-text-fill-color:unset}main .container .form-item-wrap label{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--text-2);background:#fff;padding:0 10px;-webkit-transition:.2s;transition:.2s;pointer-events:none;cursor:text}main .container .form-item-wrap label .require{color:var(--fail);padding-right:5px}main .container .form-item-wrap label.top{top:0}main .container .form-item-wrap .invalid-text{visibility:hidden;padding:10px;color:var(--fail)}main .container .form-item-wrap select{position:absolute;right:10px;left:20px;top:0;bottom:0;background:0 0}main .container .form-item-wrap select option{height:30px;line-height:30px}main .container .btn{height:48px;width:100%;border-radius:48px;background:var(--theme-1);color:var(--theme-text-1);margin-top:20px;text-align:center;line-height:48px;font-weight:700;cursor:pointer;text-transform:capitalize}main .container .error-message{visibility:hidden;line-height:1.2;color:var(--fail)}main .container .left-wrap{display:inline-block}main .container .left-wrap .login-wrap{width:400px;padding:20px;background:#fff;border:1px solid var(--divider);border-radius:5px}main .container .left-wrap .login-wrap .forget-pwd{color:var(--text-1);text-decoration:none;cursor:pointer;line-height:18px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block;margin-bottom:20px}main .container .left-wrap .login-wrap .forget-pwd:after,main .container .left-wrap .login-wrap .forget-pwd:before{position:absolute;bottom:-2px;height:1px;content:"";width:100%;background-color:var(--text-1);pointer-events:none}main .container .left-wrap .login-wrap .forget-pwd:after{left:0;width:0}main .container .left-wrap .login-wrap .forget-pwd:hover:before{-webkit-animation-name:sst;animation-name:sst;-webkit-animation-duration:.8s;animation-duration:.8s}main .container .left-wrap .login-wrap .forget-pwd:hover:after{-webkit-animation-name:stt;animation-name:stt;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes sst{0%{width:100%;right:0}50%{width:0;right:0}to{width:0;right:0}}@keyframes sst{0%{width:100%;right:0}50%{width:0;right:0}to{width:0;right:0}}@-webkit-keyframes stt{0%{width:0;left:0}50%{width:0;right:0}to{width:100%;left:0}}@keyframes stt{0%{width:0;left:0}50%{width:0;right:0}to{width:100%;left:0}}main .container .left-wrap .guest-wrap{width:400px;padding:20px;background:#fff;border:1px solid var(--divider);border-radius:5px;margin-top:20px;display:none}main .container .left-wrap .guest-wrap .btn{display:block;text-transform:uppercase}main .container .right-wrap{display:inline-block;margin-left:30px}main .container .right-wrap .registe-wrap{width:400px;padding:20px;background:#fff;border:1px solid var(--divider);border-radius:5px}main .container .right-wrap .registe-wrap ul{margin-top:20px}main .container .right-wrap .registe-wrap ul li{font-weight:700;padding:5px 0}main .container .right-wrap .registe-wrap ul li i{font-size:18px;margin-right:5px}main .container .right-wrap .registe-wrap .agree-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;cursor:pointer}main .container .right-wrap .registe-wrap .agree-wrap i{font-size:25px;margin-right:5px;color:var(--theme-1)}main .container .right-wrap .registe-wrap .agree-wrap a{text-decoration:underline;color:var(--theme-1)}main .container .guest-order-wrap{display:inline-block;margin-left:30px;width:400px;padding:20px;background:#fff;border:1px solid var(--divider);border-radius:5px}main .container .guest-order-wrap .btn{margin-top:0;padding:unset}footer{margin-top:0;background:#fff}