.uol-c-form-label{display:block;font-weight:var(--font-weight-medium);margin:0;padding:0}.uol-c-form-label--inline{display:flex;gap:var(--space-2)}.uol-c-form-group{--form-group-fields-space:0;--form-group-inputs-space:0;align-items:flex-start;border:none;display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0}@media screen and (min-width:38em){.uol-c-form-group--horizontal{flex-flow:row wrap}}.uol-c-form-group--horizontal .uol-c-form-group__label{padding-block-start:var(--space-3)}.uol-c-form-group__description{display:inline-block;font-size:var(--font-size-14)}.uol-c-form-group--horizontal .uol-c-form-group__description{flex-basis:100%}.uol-c-form-group__fields{display:flex;flex:1;flex-direction:column;gap:var(--form-group-fields-space);inline-size:"auto";inline-size:var(--form-group-inline-size,"auto")}.uol-c-form-group--horizontal .uol-c-form-group__fields,.uol-c-form-group--horizontal-fields .uol-c-form-group__fields{flex-flow:row wrap}.uol-c-form-group__inputs{display:grid;flex:1;grid-gap:var(--form-group-inputs-space);gap:var(--form-group-inputs-space);grid-auto-columns:1fr;grid-auto-flow:column;inline-size:"auto";inline-size:var(--form-group-inline-size,"auto")}.uol-c-form-group__actions{align-items:flex-start;display:inline-flex;gap:var(--space-1)}.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)}.uol-c-form-group--fill{--form-group-inline-size:100%}.uol-c-form-group--spaced-fields legend+*,.uol-c-form-group--spaced-inputs legend+*{margin-block-start:var(--form-group-inputs-space)}.uol-c-form-group__inputs>:not(.uol-c-form-error){display:flex;flex-direction:column;inline-size:100%}: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)}@media (prefers-color-scheme:dark){:root:not(.theme-light){--form-input-bg-color:var(--color-brand-ocean-blue);--form-input-border-color:var(--color-brand-glass-blue);--form-input-color:var(--color-neutral-white);--form-input-invalid-color:var(--color-brand-salmon-red)}:root:not(.theme-light) ::-moz-placeholder{color:currentColor}:root:not(.theme-light) ::placeholder{color:currentColor}}:root.theme-dark{--form-input-bg-color:var(--color-brand-ocean-blue);--form-input-border-color:var(--color-brand-glass-blue);--form-input-color:var(--color-neutral-white);--form-input-invalid-color:var(--color-brand-salmon-red)}:root.theme-dark ::-moz-placeholder{color:currentColor}:root.theme-dark ::placeholder{color:currentColor}.uol-c-form-input{-webkit-appearance:none;-moz-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{--form-input-border-color:var(--color-brand-unilever-blue);border-color:var(--focus-outline-color-primary);box-shadow:0 0 0 .125rem inset var(--focus-outline-color-primary),.125rem .125rem 0 .125rem inset var(--focus-outline-color-secondary),-.125rem -.125rem 0 .125rem inset var(--focus-outline-color-secondary),-.125rem .125rem 0 .125rem inset var(--focus-outline-color-secondary),.125rem -.125rem 0 .125rem inset var(--focus-outline-color-secondary);outline:transparent}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-form-input:focus-visible{--form-input-border-color:var(--color-neutral-white)}}html.theme-dark .uol-c-form-input:focus-visible{--form-input-border-color:var(--color-neutral-white)}.uol-c-form-input.is-invalid,.uol-c-form-input:has(:invalid){--focus-outline-color-primary:var(--form-input-invalid-color);--form-input-border-color:var(--form-input-invalid-color)}.is-invalid .uol-c-form-input:invalid{--focus-outline-color-primary:var(--form-input-invalid-color);--form-input-border-color:var(--form-input-invalid-color)}.uol-c-form-input--block{display:block;inline-size:100%}