[data-login]{align-items:center;display:flex;justify-content:center;height:100vh}[data-login-form]{display:flex;flex-direction:column;gap:var(--vertical-gutter-size);max-width:300px;width:70vw}[data-login-form-field]{display:flex;flex-direction:column}[data-login-form-field-label]{color:var(--color-primary);font-weight:700;width:100%}[data-login-form-field-required]{color:var(--color-required)}[data-login-form-field-input]{border:none;border-bottom:1px solid var(--color-primary)}[data-login-form-field-input]:focus{border-color:var(--color-secondary)}[data-login-form-field-input]:invalid{border-color:var(--color-invalid)}[data-login-form-field-errors]{color:var(--color-invalid)}[data-login-form-button]{background-color:var(--color-primary);border:none;color:#fff;font-weight:700;padding:var(--button-padding)}[data-login-form-button]:hover,[data-login-form-button]:active{background-color:var(--color-secondary);color:var(--color-primary)}[data-login-form-button]:disabled{background-color:var(--color-inactive-link);color:#000}