.text-field{gap:var(--gap-2xs);flex-direction:column;display:flex}.text-field__label,.text-field__helper{font-size:var(--loc-field-label-size);line-height:var(--line-height--body-loose)}.text-field__label{color:var(--color-foreground)}.text-field__helper{color:rgb(var(--color-foreground-rgb) / var(--opacity-40))}input.text-field__input,textarea.text-field__input{width:100%;min-height:var(--loc-field-height);padding:0 var(--padding-lg);border:var(--style-border-width-inputs) solid var(--text-field-border,var(--color-input-border));border-radius:var(--style-border-radius-inputs);background-color:var(--text-field-background,var(--color-input-background));color:var(--text-field-text,rgb(var(--color-input-text-rgb) / var(--opacity-80)));font-family:var(--font-body--family);font-size:var(--font-paragraph-small--size);line-height:var(--line-height--body-loose);text-align:left;transition:border-color var(--animation-speed) ease}:is(input.text-field__input,textarea.text-field__input)::placeholder{color:rgb(var(--color-input-text-rgb) / var(--opacity-40))}:is(input.text-field__input,textarea.text-field__input):hover::placeholder{color:rgb(var(--color-input-text-rgb) / var(--opacity-60))}:is(input.text-field__input,textarea.text-field__input):autofill{background-color:var(--text-field-background,var(--color-input-background));color:var(--text-field-text,rgb(var(--color-input-text-rgb) / var(--opacity-80)))}:is(input.text-field__input,textarea.text-field__input):focus{outline:none}:is(input.text-field__input,textarea.text-field__input):focus-visible{border-color:var(--text-field-focus,var(--color-input-text))}:is(input.text-field__input,textarea.text-field__input):disabled{opacity:var(--opacity-50);cursor:not-allowed}textarea.text-field__input{padding-block:var(--padding-md);min-height:var(--input-textarea-min-height);resize:vertical}.text-field__control{align-items:center;gap:var(--gap-xs);min-height:var(--loc-field-height);padding-inline:var(--padding-lg);border:var(--style-border-width-inputs) solid var(--text-field-border,var(--color-input-border));border-radius:var(--style-border-radius-inputs);background-color:var(--text-field-background,var(--color-input-background));transition:border-color var(--animation-speed) ease;display:flex}.text-field__control:focus-within:has(:focus-visible){border-color:var(--text-field-focus,var(--color-input-text))}.text-field__control:has(:disabled){opacity:var(--opacity-50)}.text-field__control input.text-field__input{background-color:#0000;border:none;flex:1;min-width:0;padding:0}.text-field__icon{width:var(--loc-icon-16);height:var(--loc-icon-16);flex-shrink:0}.text-field__action{color:var(--color-input-text);font-size:var(--font-paragraph-small--size);flex-shrink:0;font-weight:500;line-height:1}input.text-field__input[aria-invalid=true],textarea.text-field__input[aria-invalid=true]{--text-field-border:var(--color-error)}.text-field__control:has([aria-invalid=true]){--text-field-border:var(--color-error)}.field-error{color:var(--color-error);font-size:var(--font-size--3xs);margin:0}.field-error[hidden]{display:none}.text-field__action{position:relative}.text-field__action[data-loading=true]{color:#0000;pointer-events:none}.text-field__action[data-loading=true]:after{content:"";width:var(--loc-icon-16);height:var(--loc-icon-16);border:var(--icon-stroke-width,1.5px) solid var(--color-input-text);border-inline-end-color:#0000;border-radius:50%;margin:auto;animation:.7s linear infinite text-field-spin;position:absolute;inset:0}@keyframes text-field-spin{to{rotate:1turn}}