.text-input{display:flex;align-items:center;justify-content:flex-start;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)}.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{flex:1;height:100%;background-color:transparent;border:0;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-black)}.text-input>input:focus,.text-input>input:focus-visible{outline:none}.text-input>input:read-only{text-overflow:ellipsis}.text-input .text-input-button{display:inline-flex;color:var(--color-interactive-primary)}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}