:root{--form-input-font-size:var(--font-size-16);--form-input-block-size:var(--space-12);--form-input-space-inline:var(--space-4);--form-input-color:var(--color-neutral-warm-grey);--form-input-border-color:var(--color-neutral-warm-grey);--form-input-bg-color:var(--color-neutral-white);--form-input-invalid-color:var(--color-brand-hot-red)}.uol-c-form-input{-webkit-appearance:none;appearance:none;background-color:var(--form-input-bg-color);block-size:var(--form-input-block-size);border:.0625rem solid var(--form-input-border-color);border-radius:0;box-sizing:border-box;color:var(--form-input-color);display:inline-block;font-size:var(--form-input-font-size);margin:0;padding-inline:var(--form-input-space-inline);vertical-align:top}.uol-c-form-input:focus-visible{--focus-outline-color:var(--color-brand-unilever-blue);--form-input-border-color:var(--color-brand-unilever-blue);box-shadow:0 0 0 .0625rem var(--color-neutral-white);outline-offset:-.125rem}.uol-c-form-input.is-invalid{--focus-outline-color:var(--form-input-invalid-color);--form-input-border-color:var(--form-input-invalid-color)}.uol-c-form-label{font-weight:var(--font-weight-medium)}.uol-c-form-label.has-checkbox{display:flex;gap:var(--space-2)}:root{--form-group-fields-space:0;--form-group-inputs-space:0}.uol-c-form-group{display:flex;flex-direction:column;gap:var(--space-4)}@media screen and (min-width:38em){.uol-c-form-group--horizontal{align-items:center;flex-direction:row}}.uol-c-form-group__fields{display:flex;flex:1;flex-direction:column;gap:var(--form-group-fields-space)}.uol-c-form-group--horizontal .uol-c-form-group__fields,.uol-c-form-group--horizontal-fields .uol-c-form-group__fields{flex-direction:row}.uol-c-form-group__inputs{display:grid;flex:1;gap:var(--form-group-inputs-space);grid-auto-columns:1fr;grid-auto-flow:column}.uol-c-form-group__inputs>*{display:flex;inline-size:100%}.uol-c-form-group--spaced-fields{--form-group-fields-space:var(--space-4)}.uol-c-form-group--spaced-inputs{--form-group-inputs-space:var(--space-4)}