.text-field{--text-field-input-color: var(--input-fg);--text-field-input-background: var(--input-bg);--text-field-input-border: .0625rem solid var(--text-field-input-border-color);--text-field-input-border-color: var(--color-grey--medium);--text-field-label-pseudo-content: none;--text-field-input-padding-x: var(--spacing-s);--text-field-input-padding-left: var(--text-field-input-padding-x);--text-field-input-box-shadow: none;--text-field-icon-size: 1em;--text-field-icon-color: var(--kiwa-blue);display:flex;flex-flow:column;gap:var(--spacing-xxs);font-family:var(--font-secondary);font-size:1rem;font-weight:var(--regular)}.text-field--icon-offset{--text-field-input-padding-left: calc((var(--text-field-input-padding-x) * 2) + var(--text-field-icon-size))}.text-field--full-width{width:100%}@media screen and (min-width: 48rem){.text-field--restricted-width{max-width:18.75rem}}.text-field[data-required]{--text-field-label-pseudo-content: " *"}.text-field[data-invalid]{--text-field-input-border-color: var(--kiwa-red);--text-field-input-color: var(--kiwa-red);--text-field-icon-color: var(--kiwa-red);--text-field-input-box-shadow: 0 0 0 3px var(--kiwa-red--light)}.text-field__label:after{content:var(--text-field-label-pseudo-content);color:var(--kiwa-red)}.text-field__input-wrapper{position:relative}.text-field__input-field{color:var(--text-field-input-color);background-color:var(--text-field-input-background);border:var(--text-field-input-border);padding:0 var(--text-field-input-padding-x);padding-left:var(--text-field-input-padding-left);box-shadow:var(--text-field-input-box-shadow)}.text-field__input-icon{position:absolute;top:0;left:var(--text-field-input-padding-x);height:100%;width:var(--text-field-icon-size);color:var(--text-field-icon-color);z-index:3}