:root {
--wpuf-login-form-bg: transparent;
--wpuf-login-form-border: transparent;
--wpuf-login-form-width: 400px;
--wpuf-login-field-bg: transparent;
--wpuf-login-field-border: #D1D5DB;
--wpuf-login-label-color: #333333;
--wpuf-login-input-text: #111827;
--wpuf-login-placeholder: #9CA3AF;
--wpuf-login-button-bg: #3B82F6;
--wpuf-login-button-border: transparent;
--wpuf-login-button-text: #ffffff;
--wpuf-login-help-text: #6B7280;
} #wpuf-login-form {
background-color: var(--wpuf-login-form-bg);
border: 1px solid var(--wpuf-login-form-border);
max-width: var(--wpuf-login-form-width);
}
#wpuf-login-form label {
color: var(--wpuf-login-label-color);
}
#wpuf-login-form input[type='text'],
#wpuf-login-form input[type='password'],
#wpuf-login-form input[type='email'] {
background-color: var(--wpuf-login-field-bg);
border-color: var(--wpuf-login-field-border);
color: var(--wpuf-login-input-text);
}
#wpuf-login-form input::placeholder {
color: var(--wpuf-login-placeholder);
}
#wpuf-login-form input[type='submit'],
#wpuf-login-form button[type='submit'] {
background-color: var(--wpuf-login-button-bg);
border: 1px solid var(--wpuf-login-button-border);
color: var(--wpuf-login-button-text);
}
#wpuf-login-form .description,
#wpuf-login-form .wpuf-help {
color: var(--wpuf-login-help-text);
}
#wpuf-login-form .wpuf-lost-password a,
#wpuf-login-form .wpuf-lost-password-wrapper a {
color: var(--wpuf-login-button-bg);
}  #wpuf-login-form.wpuf-layout-2 .wpuf-login-title,
#wpuf-login-form.wpuf-layout-2 .wpuf-login-subtitle {
color: #FFFFFF;
} #wpuf-login-form.wpuf-layout-1 input[type='text'],
#wpuf-login-form.wpuf-layout-1 input[type='password'],
#wpuf-login-form.wpuf-layout-1 input[type='email'],
#wpuf-login-form.wpuf-layout-2 input[type='text'],
#wpuf-login-form.wpuf-layout-2 input[type='password'],
#wpuf-login-form.wpuf-layout-2 input[type='email'] {
border-color: transparent;
border-bottom-color: var(--wpuf-login-field-border);
} #wpuf-login-form.wpuf-layout-3 input[type='text'],
#wpuf-login-form.wpuf-layout-3 input[type='password'],
#wpuf-login-form.wpuf-layout-3 input[type='email'],
#wpuf-login-form.wpuf-layout-4 input[type='text'],
#wpuf-login-form.wpuf-layout-4 input[type='password'],
#wpuf-login-form.wpuf-layout-4 input[type='email'] {
border-color: transparent;
border-bottom-color: var(--wpuf-login-field-border);
} #wpuf-login-form.wpuf-layout-5 input[type='text'],
#wpuf-login-form.wpuf-layout-5 input[type='password'],
#wpuf-login-form.wpuf-layout-5 input[type='email'],
#wpuf-login-form.wpuf-layout-6 input[type='text'],
#wpuf-login-form.wpuf-layout-6 input[type='password'],
#wpuf-login-form.wpuf-layout-6 input[type='email'],
#wpuf-login-form.wpuf-layout-7 input[type='text'],
#wpuf-login-form.wpuf-layout-7 input[type='password'],
#wpuf-login-form.wpuf-layout-7 input[type='email'] {
border-color: var(--wpuf-login-field-border);
}
#wpuf-login-form.wpuf-layout-5 input:focus,
#wpuf-login-form.wpuf-layout-6 input:focus,
#wpuf-login-form.wpuf-layout-7 input:focus {
border-color: var(--wpuf-login-field-border);
} #wpuf-login-form.wpuf-layout-7 input[type='text'],
#wpuf-login-form.wpuf-layout-7 input[type='password'],
#wpuf-login-form.wpuf-layout-7 input[type='email'] {
background-color: #F4F8FF;
}