.loginPage{margin:auto;align-self:center;justify-content:center;align-content:center;display:flex;flex-direction:column}.loginForm{width:clamp(var(--minWidth),50%,var(--maxWidth));text-align:center}.pwChange{display:grid;grid-template-columns:1fr 1fr;gap:.25em;width:clamp(360px,70%,600px);margin:auto;margin-bottom:.5em}.loginRow label,.pwChange label{display:block;min-width:150px;white-space:nowrap}.pwChange label{text-align:right}.loginRow label.sameLine,.pwChange label.sameLine{display:inline-block;text-align:right;min-width:unset}.loginRow input[type=text],.loginRow input[type=password],.pwChange input[type=text],.pwChange input[type=password]{display:inline-block;min-width:150px}.loginRow .input-validation-error,.pwChange .input-validation-error{outline-color:var(--errorBorderColor,#c9c9c9);background-color:var(--errorBackgroundColor,#c9c9c9)}.loginRow .field-validation-valid,.loginRow .field-validation-error,.pwChange .field-validation-valid,.pwChange .field-validation-error{grid-column:1/span 2;display:inherit;margin:.25em}.recoveryButtons{display:grid;grid-template-columns:repeat(2,fit-content(250px));justify-content:center;align-items:center;gap:1em}.recoveryDialog{width:clamp(450px,50%,750px)}.recoveryRow{display:grid;grid-template-columns:1fr 2fr;gap:1em;justify-content:center;width:50%;margin-inline:auto;margin-block-end:.5em}.recoveryRow .label{justify-self:end}.recoveryRow .field{justify-self:start}