.eje-auth-block {
--eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand: var(--vulcano-color-brand, var(--wp--preset--color--brand));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-accent-2: var(--vulcano-color-accent-2, var(--wp--preset--color--accent-2));
--eje-inverse: var(--vulcano-color-inverse, var(--wp--preset--color--inverse));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border));
--eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-r-md: var(--vulcano-radius-md, 0.375rem);
--eje-r-lg: var(--vulcano-radius-lg, 0.75rem);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
color: var(--eje-text);
} .eje-auth-block.eje-auth-block {
max-width: 30rem;
margin-inline: auto;
} .eje-auth-block a:focus-visible,
.eje-auth-block button:focus-visible,
.eje-auth-block input:focus-visible,
.eje-auth-block [tabindex]:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
border-radius: var(--eje-r-sm);
}
.eje-auth__intro {
color: var(--eje-text-soft);
margin: 0 0 var(--eje-sp-l);
} .eje-auth__hp {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .eje-auth-form {
display: flex;
flex-direction: column;
gap: var(--eje-sp-m);
margin: 0 0 var(--eje-sp-l);
}
.eje-auth-field {
display: flex;
flex-direction: column;
gap: var(--eje-sp-2xs);
}
.eje-auth-field__label {
font-weight: 600;
}
.eje-auth-field__req {
color: var(--eje-brand-strong);
font-weight: 700;
}
.eje-auth-field__input {
width: 100%;
box-sizing: border-box;
min-height: 2.75rem;
padding: 0.55rem 0.75rem;
font: inherit;
color: var(--eje-text);
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
}
.eje-auth-field__input:focus-visible {
border-color: var(--eje-brand);
}
.eje-auth-field--error .eje-auth-field__input {
border: 2px solid var(--eje-brand-strong);
}
.eje-auth-field__help {
color: var(--eje-text-soft);
font-size: 0.85rem;
margin: 0;
}
.eje-auth-field__error {
color: var(--eje-brand-strong);
font-weight: 600;
margin: 0;
} .eje-auth-field--check {
flex-direction: row;
align-items: center;
gap: var(--eje-sp-xs);
}
.eje-auth-field__check {
width: 1.25rem;
height: 1.25rem;
flex: none;
}
.eje-auth-field__check-label {
font-weight: 400;
} .eje-auth-block .eje-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 2.75rem;
padding: 0.6rem 1.25rem;
border-radius: var(--eje-r-md);
font: inherit;
font-weight: 600;
text-decoration: none;
cursor: pointer;
border: 1px solid transparent;
}
.eje-auth-block .eje-btn--primary {
background: var(--eje-brand);
color: var(--eje-inverse);
border-color: var(--eje-brand);
}
.eje-auth-block .eje-btn--primary:hover {
background: var(--eje-brand-strong);
border-color: var(--eje-brand-strong);
}
.eje-auth-form__actions {
margin: var(--eje-sp-xs) 0 0;
}
.eje-auth-form__actions .eje-btn {
width: 100%;
} .eje-auth__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--eje-sp-xs);
}
.eje-auth__links a {
color: var(--eje-brand-strong);
font-weight: 600;
} .eje-auth-errors {
border: 2px solid var(--eje-brand-strong);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin: 0 0 var(--eje-sp-l);
background: var(--eje-surface);
}
.eje-auth-errors__title {
font-weight: 700;
margin: 0 0 var(--eje-sp-xs);
color: var(--eje-brand-strong);
}
.eje-auth-errors__list {
margin: 0;
padding-left: 1.25rem;
}
.eje-auth-errors__list a {
color: var(--eje-brand-strong);
font-weight: 600;
} .eje-auth-status {
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin: 0 0 var(--eje-sp-l);
background: var(--eje-surface);
border: 1px solid var(--eje-border);
}
.eje-auth-status p {
margin: 0;
}
.eje-auth-status--success {
border-color: var(--eje-brand);
}
.eje-auth-status--error {
border: 2px solid var(--eje-brand-strong);
}
.eje-auth-status--info {
border-color: var(--eje-accent-2);
}