.wbcom-essential-login-form-wrapper{--form-bg-color:var(--form-bg-color,var(--wbcom-card-bg,#fff));--form-padding:30px;--form-border-radius:8px;--form-width:100%;--form-align:center;--form-border-color:var(--form-border-color,transparent);--form-border-width:0px;--form-box-shadow:0 4px 20px rgba(0,0,0,.08);--rows-gap:20px;--logo-width:150px;--logo-align:center;--logo-border-radius:0px;--logo-margin-bottom:24px;--title-color:var(--title-color,var(--wbcom-heading-color,#122b46));--title-align:center;--title-margin-bottom:8px;--subtitle-color:var(--subtitle-color,var(--wbcom-text-color,#666));--subtitle-align:center;--subtitle-margin-bottom:24px;--label-color:var(--label-color,var(--wbcom-heading-color,#122b46));--label-align:left;--input-bg-color:var(--input-bg-color,var(--wbcom-input-bg,#f8f9fa));--input-border-color:var(--input-border-color,var(--wbcom-border-color,#e3e3e3));--input-text-color:var(--input-text-color,var(--wbcom-heading-color,#122b46));--input-focus-border-color:var(--input-focus-border-color,var(--wbcom-color-primary,#1d76da));--input-focus-bg-color:var(--input-focus-bg-color,var(--wbcom-input-bg,#f8f9fa));--input-placeholder-color:var(--input-placeholder-color,var(--wbcom-meta-color,#a0aec0));--input-border-radius:6px;--input-padding-v:12px;--input-padding-h:16px;--input-width:100%;--input-align:left;--button-bg-color:var(--button-bg-color,var(--wbcom-button-bg,#1d76da));--button-text-color:var(--button-text-color,var(--wbcom-button-text,#fff));--button-hover-bg-color:var(--button-hover-bg-color,var(--wbcom-button-hover-bg,#1557a0));--button-hover-text-color:var(--button-hover-text-color,var(--wbcom-button-text,#fff));--button-border-color:var(--button-border-color,transparent);--button-hover-border-color:var(--button-hover-border-color,transparent);--button-border-radius:6px;--button-border-width:0px;--button-padding-v:14px;--button-padding-h:24px;--button-width:100%;--button-align:center;--link-color:var(--link-color,var(--wbcom-link-color,#1d76da));--link-hover-color:var(--link-hover-color,var(--wbcom-link-hover-color,#1557a0));--links-align:flex-end;--links-margin-top:0px;--checkbox-color:var(--checkbox-color,var(--wbcom-color-primary,#1d76da));--logged-in-msg-color:var(--logged-in-msg-color,var(--wbcom-heading-color,#122b46));--logged-in-msg-align:left}.wbcom-essential-login-form-wrapper.use-theme-colors{--form-bg-color:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--form-border-color:var(--wbcom-card-border,var(--wbcom-border-color,transparent));--title-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46));--subtitle-color:var(--wbcom-text-color,var(--wbcom-color-contrast-2,#666));--label-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46));--input-bg-color:var(--wbcom-input-bg,var(--wbcom-color-base-2,#f8f9fa));--input-border-color:var(--wbcom-border-color,var(--wbcom-input-border,#e3e3e3));--input-text-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46));--input-focus-border-color:var(--wbcom-color-primary,#1d76da);--input-focus-bg-color:var(--wbcom-input-bg,var(--wbcom-color-base-2,#f8f9fa));--input-placeholder-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-3,#a0aec0));--button-bg-color:var(--wbcom-button-bg,var(--wbcom-color-primary,#1d76da));--button-text-color:var(--wbcom-button-text,#fff);--button-hover-bg-color:var(--wbcom-button-hover-bg,var(--wbcom-color-primary-dark,#1557a0));--button-hover-text-color:var(--wbcom-button-text,#fff);--button-border-color:var(--wbcom-button-border,transparent);--button-hover-border-color:var(--wbcom-button-hover-border,transparent);--link-color:var(--wbcom-link-color,var(--wbcom-color-primary,#1d76da));--link-hover-color:var(--wbcom-link-hover-color,var(--wbcom-color-primary-dark,#1557a0));--checkbox-color:var(--wbcom-color-primary,#1d76da);--logged-in-msg-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46))}.wbcom-essential-login-form{background:var(--form-bg-color);border:var(--form-border-width) solid var(--form-border-color);border-radius:var(--form-border-radius);box-shadow:var(--form-box-shadow);margin:0 auto;max-width:var(--form-width);padding:var(--form-padding)}.wbcom-essential-login-form-wrapper[style*="--form-align: left"] .wbcom-essential-login-form{margin-left:0;margin-right:auto}.wbcom-essential-login-form-wrapper[style*="--form-align: right"] .wbcom-essential-login-form{margin-left:auto;margin-right:0}.wbcom-essential-login-form__logo{margin-bottom:var(--logo-margin-bottom);text-align:var(--logo-align)}.wbcom-essential-login-form__logo img{border-radius:var(--logo-border-radius);height:auto;max-width:var(--logo-width)}.wbcom-essential-login-form__title{color:var(--title-color);font-size:28px;font-weight:600;margin:0 0 var(--title-margin-bottom);text-align:var(--title-align)}.wbcom-essential-login-form__subtitle{color:var(--subtitle-color);font-size:15px;margin:0 0 var(--subtitle-margin-bottom);text-align:var(--subtitle-align)}.wbcom-essential-login-form__form{display:flex;flex-direction:column;gap:var(--rows-gap)}.wbcom-essential-login-form__message{border-radius:4px;font-size:14px;padding:12px 16px;text-align:center}.wbcom-essential-login-form__message.is-error{background:var(--wbcom-error-bg,#fef2f2);border:1px solid var(--wbcom-error-border,#fecaca);color:var(--wbcom-error-color,#dc2626)}.wbcom-essential-login-form__message.is-success{background:var(--wbcom-success-bg,#f0fdf4);border:1px solid var(--wbcom-success-border,#bbf7d0);color:var(--wbcom-success-color,#16a34a)}.wbcom-essential-login-form__field{display:flex;flex-direction:column;gap:6px;width:var(--input-width)}.wbcom-essential-login-form-wrapper[style*="--input-align: center"] .wbcom-essential-login-form__field{margin-left:auto;margin-right:auto}.wbcom-essential-login-form-wrapper[style*="--input-align: right"] .wbcom-essential-login-form__field{margin-left:auto;margin-right:0}.wbcom-essential-login-form__label{color:var(--label-color);font-size:14px;font-weight:500;text-align:var(--label-align)}.wbcom-essential-login-form .wbcom-essential-login-form__input{background:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);font-size:15px;outline:none;padding:var(--input-padding-v) var(--input-padding-h);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.wbcom-essential-login-form .wbcom-essential-login-form__input::-moz-placeholder{color:var(--input-placeholder-color)}.wbcom-essential-login-form .wbcom-essential-login-form__input::placeholder{color:var(--input-placeholder-color)}.wbcom-essential-login-form .wbcom-essential-login-form__input:focus{background-color:var(--input-focus-bg-color);border-color:var(--input-focus-border-color);box-shadow:0 0 0 3px rgba(29,118,218,.1)}.wbcom-essential-login-form__options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.wbcom-essential-login-form__remember{align-items:center;color:var(--label-color);cursor:pointer;display:flex;font-size:14px;gap:8px}.wbcom-essential-login-form__remember input[type=checkbox]{accent-color:var(--checkbox-color);cursor:pointer;height:18px;margin:0;width:18px}.wbcom-essential-login-form .wbcom-essential-login-form__button{align-items:center;background:var(--button-bg-color);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:var(--button-padding-v) var(--button-padding-h);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease;width:var(--button-width)}.wbcom-essential-login-form-wrapper[style*="--button-align: left"] .wbcom-essential-login-form .wbcom-essential-login-form__button{margin-right:auto}.wbcom-essential-login-form-wrapper[style*="--button-align: center"] .wbcom-essential-login-form .wbcom-essential-login-form__button{margin-left:auto;margin-right:auto}.wbcom-essential-login-form-wrapper[style*="--button-align: right"] .wbcom-essential-login-form .wbcom-essential-login-form__button{margin-left:auto}.wbcom-essential-login-form .wbcom-essential-login-form__button:hover:not(:disabled){background:var(--button-hover-bg-color);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.wbcom-essential-login-form .wbcom-essential-login-form__button:active:not(:disabled){transform:scale(.98)}.wbcom-essential-login-form .wbcom-essential-login-form__button:disabled{cursor:not-allowed;opacity:.7}.wbcom-essential-login-form .wbcom-essential-login-form__button svg{flex-shrink:0}.wbcom-essential-login-form__links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:var(--links-align);margin-top:var(--links-margin-top)}.wbcom-essential-login-form__link{color:var(--link-color);font-size:14px;text-decoration:none;transition:color .2s ease}.wbcom-essential-login-form__link:hover{color:var(--link-hover-color)}.wbcom-essential-login-form__link-separator{color:var(--wbcom-meta-color,#a0aec0);font-size:14px}.wbcom-essential-login-form__register{color:var(--subtitle-color);font-size:14px;margin:8px 0 0;text-align:center}.wbcom-essential-login-form__register a{color:var(--link-color);font-weight:500;text-decoration:none;transition:color .2s ease}.wbcom-essential-login-form__register a:hover{color:var(--link-hover-color)}.wbcom-essential-login-form__lost-password{color:var(--link-color);font-size:14px;text-decoration:none;transition:color .2s ease}.wbcom-essential-login-form__lost-password:hover{color:var(--link-hover-color)}.wbcom-essential-login-form--logged-in{text-align:var(--logged-in-msg-align)}.wbcom-essential-login-form__logged-in-message{color:var(--logged-in-msg-color);font-size:16px;margin:0 0 16px}.wbcom-essential-login-form__logged-in-message strong{font-weight:600}.wbcom-essential-login-form__logout-link{background:var(--button-bg-color);border-radius:var(--button-border-radius);color:var(--button-text-color);display:inline-block;font-size:14px;font-weight:500;padding:var(--button-padding-v) var(--button-padding-h);text-decoration:none;transition:background-color .2s ease}.wbcom-essential-login-form__logout-link:hover{background:var(--button-hover-bg-color)}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-fields{display:flex;flex-direction:column;gap:var(--rows-gap)}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field{display:flex;flex-direction:column;gap:6px}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field label{color:var(--label-color);font-size:14px;font-weight:500}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field input[type=password],.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field input[type=text]{background:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);color:var(--input-text-color);font-size:15px;outline:none;padding:var(--input-padding-v) var(--input-padding-h);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field input[type=password]:focus,.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-field input[type=text]:focus{border-color:var(--input-focus-border-color);box-shadow:0 0 0 3px rgba(29,118,218,.1)}.wbcom-essential-login-form #pmpro_login_wrap input[type=submit]{background:var(--button-bg-color);border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:8px;padding:var(--button-padding-v) var(--button-padding-h);transition:background-color .2s ease;width:var(--button-width)}.wbcom-essential-login-form #pmpro_login_wrap input[type=submit]:hover{background:var(--button-hover-bg-color)}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-links,.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-remember{font-size:14px}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-links a,.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-remember a{color:var(--link-color)}.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-links a:hover,.wbcom-essential-login-form #pmpro_login_wrap .pmpro_login-remember a:hover{color:var(--link-hover-color)}@media(max-width:480px){.wbcom-essential-login-form{padding:calc(var(--form-padding)*.75)}.wbcom-essential-login-form__title{font-size:24px}.wbcom-essential-login-form__options{align-items:flex-start;flex-direction:column}.wbcom-essential-login-form__links{align-items:center;flex-direction:column}.wbcom-essential-login-form__link-separator{display:none}}
