.thb-login-page-wrapper{display:flex;flex-direction:column}.thb-login-page-wrapper>img{width:100%}@media only screen and (min-width: 768px){.thb-login-page-wrapper{flex-direction:row;align-items:center}.thb-login-page-wrapper>*{flex-basis:50%;width:50%}}.thb-form-container{display:flex;flex-direction:column;padding:40px 0}@media only screen and (min-width: 768px){.thb-form-container{flex-direction:row;justify-content:space-around;padding:70px 0}}@media only screen and (min-width: 1068px){.thb-form-container{padding:100px 0}}.thb-form-container #recover{display:none}.thb-form-container #recover:target{display:block}.thb-form-container #recover:target+#login{display:none}.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{width:100%;flex:1;max-width:640px;margin:0 auto}@media only screen and (min-width: 768px){.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{padding:0 30px}}@media only screen and (min-width: 1068px){.thb-form-container .thb-login-form,.thb-form-container .thb-register-form{padding:0 60px}}.thb-form-container .thb-login-form .form-notification,.thb-form-container .thb-register-form .form-notification{margin-bottom:15px}.thb-form-container .thb-login-form+.thb-register-form{margin-top:60px}@media only screen and (min-width: 768px){.thb-form-container .thb-login-form+.thb-register-form{margin-top:0;border-left:1px solid var(--color-border)}}.thb-form-container h4{margin-bottom:10px;text-align:center;text-transform:uppercase}.thb-form-container p{font-size:.875rem;margin-bottom:35px;text-align:center}.thb-form-container input{margin-bottom:10px}.thb-form-container .switch-login-section{text-align:center;font-size:.875rem;line-height:1.75;margin-top:15px}.thb-form-container .switch-login-section .text-button{display:inline;font-size:inherit;margin-right:0}.thb-form-container .switch-login-section div{margin-top:5px}.account-activate-buttons{display:flex;flex-direction:column;grid-gap:10px}.account-activate-buttons .button{width:100%}@media only screen and (min-width: 768px){.account-activate-buttons{flex-direction:row}}.sign-in-with-shop-provider{margin-top:10px;text-align:center}.sign-in-with-shop-provider p{margin-bottom:10px}input:-webkit-autofill{background-color:#fff;-webkit-box-shadow:0 0 0 1000px #ffffff inset}.modern-login,.modern-register{max-width:520px;padding:40px 24px}@media only screen and (min-width: 768px){.modern-login,.modern-register{padding:40px}}.modern-login .form-header,.modern-register .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modern-login .form-header h2,.modern-register .form-header h2{margin:0;color:#010607;text-transform:none;font-family:GerTT,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:28px}.modern-login .drawer-close,.modern-register .drawer-close{display:none;background:none;border:none;cursor:pointer;padding:4px;color:#000;transition:opacity .2s}.modern-login .drawer-close:hover,.modern-register .drawer-close:hover{opacity:.7}.modern-login .login-link,.modern-register .login-link{font-size:.9375rem;color:#666;margin-bottom:16px}.modern-login .login-link a,.modern-register .login-link a{color:#000;font-weight:500}.modern-register .login-link{margin-bottom:16px}.modern-login .login-link{margin-bottom:24px}.modern-login .form-notification,.modern-register .form-notification{padding:12px 16px;border-radius:8px;margin-bottom:20px;background-color:#fee;border:1px solid #fcc;color:#c33}.modern-login .form-field,.modern-register .form-field{position:relative;margin-bottom:16px}.modern-login .form-field input,.modern-register .form-field input{width:100%;padding:14px 16px;border:1px solid var(--Secondary-Black, #010607);border-radius:8px;transition:all .2s;background-color:#fff;margin-bottom:0;color:#010607;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.modern-login .form-field input:focus,.modern-register .form-field input:focus,.modern-register .birthday-select-wrapper select:focus,.edit-profile-modal-content .birthday-select-wrapper select:focus{outline:none;border-color:#3b82f6}.modern-login .form-field input.invalid,.modern-register .form-field input.invalid{border-color:#900}.modern-login .form-field label,.modern-register .form-field label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:#6b7280;pointer-events:none;transition:all .2s;background-color:#fff;padding:0 4px}.modern-login .form-field input:focus+label,.modern-login .form-field input:not(:placeholder-shown)+label,.modern-register .form-field input:focus+label,.modern-register .form-field input:not(:placeholder-shown)+label{top:0;font-size:11px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:14px}.modern-login .form-field input:focus+label,.modern-register .form-field input:focus+label{color:#0085ca}.modern-login .password-field,.modern-register .password-field{position:relative}.modern-login .password-field input,.modern-register .password-field input{padding-right:48px}.modern-login .password-toggle-login,.modern-register .password-toggle-register{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s;z-index:10;width:32px;height:32px}.modern-login .password-toggle-login:hover,.modern-register .password-toggle-register:hover{color:#374151}.modern-login .submit-btn,.modern-register .submit-btn{width:100%;padding:9px 24px 7px;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:16px}.modern-login .submit-btn{margin-top:0}.modern-login .submit-btn:hover:not(:disabled),.modern-register .submit-btn:hover:not(:disabled){background-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.modern-login .submit-btn:disabled,.modern-register .submit-btn:disabled{background-color:#d6d8dc;cursor:not-allowed;transform:none;box-shadow:none}.modern-login .error-icon{position:absolute;right:12px;top:40%;transform:translateY(-50%);z-index:2}.modern-login .error-message{color:#900;font-size:12px;margin-top:4px;display:block;text-align:left}.modern-login .forgot-password-link{text-align:center;margin-top:16px}.modern-login .forgot-password-link a{font-size:.9375rem;color:#000;text-decoration:none;font-weight:500}.modern-login .switch-login-section{text-align:center;font-size:.875rem;line-height:1.75;margin-top:15px}.modern-login .sign-in-with-shop-provider{margin-top:20px;text-align:center}.modern-login .sign-in-with-shop-provider p{margin-bottom:10px;font-size:.875rem;color:#6b7280}.modern-login p{font-size:.875rem;margin-bottom:24px;text-align:left;color:#666}.modern-register .form-row{display:flex;gap:12px;margin-bottom:0}.modern-register .form-field.half{flex:1;position:relative}.modern-register .form-field.half input.invalid{border-color:#900;padding-right:40px}.modern-register .error-icon-name{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px}.modern-register .name-error-row{display:flex;gap:12px;margin-bottom:8px;margin-top:-8px}.modern-register .name-error-col{flex:1}.modern-register .error-message-name{color:#900;font-size:11px;display:block;text-align:left;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:400;line-height:14px}.modern-register .name-requirements{margin-bottom:16px}.modern-register .name-requirements .requirements-title{font-weight:900;font-size:12px;margin-bottom:8px;color:#900;text-align:left;line-height:16px}.modern-register .name-requirements .requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.modern-register .name-requirements .name-rule{font-size:11px;color:#900;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}.modern-register .phone-field{margin-bottom:16px;position:relative}.modern-register .phone-input-wrapper{display:flex;align-items:center;gap:8px;position:relative}.modern-register .phone-flag{position:absolute;left:16px;font-size:20px;line-height:1;flex-shrink:0}.modern-register .phone-prefix{position:absolute;left:42px;font-size:14px;color:var(--color-foreground, #010607);font-weight:400;flex-shrink:0;white-space:nowrap}.modern-register .phone-field input{border-radius:8px;border:1px solid var(--color-foreground, #010607);flex:1;min-width:0;padding:10px 16px 10px 86px}.modern-register .phone-example{font-size:12px;color:#666;margin-top:4px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.modern-register .phone-field input::placeholder{color:var(--Secondary-Black, #010607)}.modern-register .birthday-field,.edit-profile-modal-content .birthday-field{margin-bottom:0}.edit-profile-modal-content .birthday-field{padding:0;border:none}.modern-register .form-field label.birthday-label,.edit-profile-modal-content .form-field label.birthday-label{position:relative;inset:unset;transform:unset;display:block;margin-bottom:8px;font-size:12px;font-weight:900;color:#000;padding:0}.modern-register .birthday-selects,.edit-profile-modal-content .birthday-selects{display:flex;gap:16px;align-items:flex-start}.edit-profile-modal-content .birthday-select{height:100%}.modern-register .birthday-select-wrapper,.edit-profile-modal-content .birthday-select-wrapper{flex:1;position:relative}.modern-register .birthday-select-wrapper select,.edit-profile-modal-content .birthday-select-wrapper select{width:100%;padding:20px 30px 10px 16px;border-radius:8px;border:1px solid var(--Secondary-Black, #010607);font-size:14px;color:var(--color-foreground, #010607);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.modern-register .birthday-select-wrapper .select-arrow,.edit-profile-modal-content .birthday-select-wrapper .select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.edit-profile-modal-content .birthday-select-wrapper .select-arrow{margin:0}.modern-register .birthday-select-wrapper select option,.edit-profile-modal-content .birthday-select-wrapper select option{padding:8px}.modern-register .birthday-select-wrapper label.birthday-label,.edit-profile-modal-content .birthday-select-wrapper label.birthday-label{position:absolute;top:0;left:0;background:transparent;transform:unset;display:block;margin-bottom:8px;font-size:12px;font-weight:400;line-height:14px;color:#010607;padding:5px 0 0 16px}.edit-profile-modal-content .birthday-select-wrapper label.birthday-label{padding-top:8px}@media only screen and (max-width: 767px){.modern-register .phone-field input,.mordern-register .phone-prefix{font-size:14px}.modern-register .birthday-select-wrapper,.edit-profile-modal-content .birthday-select-wrapper{width:100%}}.modern-register .error-icon{position:absolute;right:12px;top:40%;transform:translateY(-50%);z-index:2}.modern-register .error-message{color:#900;font-size:12px;margin-top:4px;display:block;text-align:left}.modern-register .form-field input.invalid{border-color:#900;padding-right:40px}.modern-register .password-requirements{margin-bottom:16px}.modern-register .requirements-title{font-weight:600;font-size:.9375rem;margin-bottom:12px;color:#000;text-align:left}.modern-register .requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modern-register .requirement{display:flex;gap:8px;color:#4e4f4f;text-align:center;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:14px}.modern-register .requirement .checkbox{width:16px;height:16px;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.modern-register .requirement.met .checkbox{background-color:transparent;border-color:transparent}.modern-register .requirement.met .checkbox .icon-gray{display:none}.modern-register .requirement.met .checkbox .icon-green{display:block}.modern-register .privacy-consent-section{margin-bottom:16px;padding-top:6px;background-color:#fff}.modern-register .privacy-info-text{color:#010607;font-size:12px;font-weight:400;line-height:20px;text-align:left;margin:0 0 8px}.modern-register .privacy-security-text{color:#010607;font-size:12px;font-weight:400;line-height:20px;text-align:left;margin:0 0 16px}.modern-register .privacy-security-text a{color:#010607;margin:0;font-size:12px}.modern-register .privacy-radio-group{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.modern-register .privacy-radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;position:relative;font-size:14px;color:#010607;-webkit-user-select:none;user-select:none}.modern-register .privacy-radio{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.modern-register .radio-custom{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #010607;border-radius:50%;background-color:#fff;transition:all .2s;flex-shrink:0}.modern-register .privacy-radio:checked~.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#010607}.modern-register .privacy-radio:checked~.radio-custom{border-color:#010607}.modern-register .radio-text{font-size:14px;line-height:20px}.modern-register .preferred-channel-section{margin-top:16px;margin-bottom:16px}.modern-register .channel-divider{display:block!important;height:1px;background-color:#d6d8dc;margin-bottom:16px}.modern-register .channel-heading{color:#010607;font-size:12px;font-weight:900;line-height:16px;margin:0 0 16px}.modern-register .channel-checkbox-group{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:8px}.modern-register .channel-column{display:flex;flex-direction:column;gap:16px;flex:1;min-width:120px}.modern-register .channel-checkbox-label{display:flex;align-items:center;gap:4px;cursor:pointer;position:relative;font-size:14px;color:#010607;-webkit-user-select:none;user-select:none}.modern-register .channel-checkbox{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.modern-register .checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #010607;border-radius:4px;background-color:#fff;transition:all .2s;flex-shrink:0}.modern-register .channel-checkbox:checked~.checkbox-custom{background-color:#010607;border-color:#010607}.modern-register .channel-checkbox:checked~.checkbox-custom:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.modern-register .checkbox-text{font-size:14px;line-height:20px}.modern-register .terms-text{color:#010607;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-top:16px}.modern-register .terms-text a{color:#000;margin:0;font-size:12px}.form-notification.error p{margin:0}.register-error-link{text-decoration:underline;text-underline-offset:.3rem;text-decoration-color:#c33;color:#c33}
/*# sourceMappingURL=/cdn/shop/t/38/assets/login-register.css.map */