.text-input{justify-content:flex-start;align-items:center;gap:var(--size-1);font-size:var(--font-size-md);box-shadow:0 0 0 1px var(--color-border-input);border-radius:var(--radius-md);background-color:var(--color-surface-00);height:var(--size-6);padding:0 var(--size-1-5);transition:box-shadow,border,background-color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out);display:flex}.text-input[data-focused=true],.form-control[data-invalid=true] .form-control-field .text-input[data-focused=true]{box-shadow:0 0 0 calc(var(--a11y-outline-width) - 1px) var(--a11y-outline-color);border-color:var(--a11y-outline-color)}.text-input[data-disabled=true]{pointer-events:none;background-color:var(--color-surface-10)}.form-control[data-invalid=true] .form-control-field .text-input{box-shadow:0 0 0 1px var(--color-interactive-negative);border-color:var(--color-interactive-negative);outline:none}.text-input>input{height:100%;font:inherit;appearance:none;color:var(--color-black);background-color:#0000;border:0;flex:1}.text-input>input:focus,.text-input>input:focus-visible{outline:none}.text-input>input:read-only{text-overflow:ellipsis}.text-input .text-input-button{color:var(--color-interactive-primary);display:inline-flex}