.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}@media (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)}}