: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-shadow-color:var(--color-neutral-white);--form-input-invalid-color:var(--color-brand-hot-red)}@media (prefers-color-scheme:dark){:root:where(: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:where(:not(.theme-light)) ::placeholder{color:currentColor}}:root:where(.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:where(.theme-dark) ::placeholder{color:currentColor}.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);--form-input-shadow-color:var(--color-neutral-white);box-shadow:0 0 0 .0625rem var(--form-input-shadow-color);outline-offset:-.125rem}@media (prefers-color-scheme:dark){:where(html:not(.theme-light)) .uol-c-form-input:focus-visible{--focus-outline-color:var(--color-neutral-white);--form-input-border-color:var(--color-neutral-white);--form-input-shadow-color:var(--color-neutral-white)}}:where(html.theme-dark) .uol-c-form-input:focus-visible{--focus-outline-color:var(--color-neutral-white);--form-input-border-color:var(--color-neutral-white);--form-input-shadow-color:var(--color-neutral-white)}.uol-c-form-input.is-invalid,.uol-c-form-input:has(:invalid){--focus-outline-color:var(--form-input-invalid-color);--form-input-border-color:var(--form-input-invalid-color)}.is-invalid .uol-c-form-input:invalid{--focus-outline-color:var(--form-input-invalid-color);--form-input-border-color:var(--form-input-invalid-color)}