.text-input{display:flex;flex-direction:column;max-width:100%;width:100%;padding:0}@media(prefers-reduced-motion:no-preference){.text-input .text-input__control{transition:border-color .2s ease,box-shadow .2s ease}}.text-input__label-row{align-items:flex-start;color:var(--text-neutral-100, #262728);display:flex;justify-content:space-between;padding-bottom:var(--padding-5xs, 4px);width:100%}.text-input__label{color:inherit}.text-input__optional{color:var(--text-neutral-80, #5f6264)}.text-input__control{align-items:center;background:var(--background-neutral-white, #fff);border:1.2px solid var(--line-neutral-80, #5f6264);border-radius:var(--radius-xs, 4px);display:flex;gap:var(--gap-xs, 8px);width:100%}.text-input__field{background:transparent;border:0;color:var(--text-neutral-80, #5f6264);flex:1;margin:0;min-width:0;outline:0;padding:0}.text-input__field::-moz-placeholder{color:inherit;opacity:1}.text-input__field::placeholder{color:inherit;opacity:1}.text-input__icon{color:var(--icon-neutral-80, #5f6264);display:inline-flex}.text-input__icon .icon{--icon-size: 24px}.text-input__hint{color:var(--text-neutral-100, #262728);margin:0;padding-top:var(--padding-4xs, 8px)}.text-input[data-size="48"] .text-input__control,.text-input[data-size="48 px"] .text-input__control{padding:var(--padding-3xs, 12px) var(--padding-2xs, 16px)}.text-input[data-size="56"] .text-input__control,.text-input[data-size="56 px"] .text-input__control{padding:var(--padding-2xs, 16px)}.text-input--inverted:not(.does-not-exist),.bg-primary-blue-100 .text-input{background:var(--background-primary-blue-100, #004da0);border-radius:var(--radius-xs, 4px)}.text-input--inverted:not(.does-not-exist) .text-input__label-row,.bg-primary-blue-100 .text-input .text-input__label-row,.text-input--inverted:not(.does-not-exist) .text-input__label,.bg-primary-blue-100 .text-input .text-input__label,.text-input--inverted:not(.does-not-exist) .text-input__hint,.bg-primary-blue-100 .text-input .text-input__hint{color:var(--text-neutral-white, #fff)}.text-input--inverted:not(.does-not-exist) .text-input__optional,.bg-primary-blue-100 .text-input .text-input__optional{color:var(--text-neutral-white, #fff)}.text-input--inverted:not(.does-not-exist) .text-input__field::-moz-placeholder{color:var(--text-neutral-60, #bec4c7)}.text-input--inverted:not(.does-not-exist) .text-input__field::placeholder{color:var(--text-neutral-60, #bec4c7)}.bg-primary-blue-100 .text-input .text-input__field::-moz-placeholder{color:var(--text-neutral-60, #bec4c7)}.bg-primary-blue-100 .text-input .text-input__field::placeholder{color:var(--text-neutral-60, #bec4c7)}.text-input[data-state=Filled] .text-input__field,.text-input[data-state=Active] .text-input__field,.text-input[data-state=Error] .text-input__field{color:var(--text-neutral-100, #262728)}.text-input[data-state=Active] .text-input__control{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.text-input:where(:not([data-state=Disabled]):not([data-state=Error])) .text-input__control:focus-within{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.text-input[data-state=Error] .text-input__control{border:2px solid var(--line-functional-error, #eb0000)}.text-input[data-state=Error] .text-input__hint{color:var(--text-functional-error, #eb0000)}.text-input[data-state=Disabled] .text-input__label-row,.text-input[data-state=Disabled] .text-input__optional,.text-input[data-state=Disabled] .text-input__hint,.text-input[data-state=Disabled] .text-input__field,.text-input[data-state=Disabled] .text-input__icon{color:var(--text-neutral-80, #5f6264)}.text-input[data-state=Disabled] .text-input__field{cursor:not-allowed}.text-input--inverted[data-state=Filled]:not(.does-not-exist) .text-input__field,.bg-primary-blue-100 .text-input[data-state=Filled] .text-input__field,.text-input--inverted[data-state=Active]:not(.does-not-exist) .text-input__field,.bg-primary-blue-100 .text-input[data-state=Active] .text-input__field,.text-input--inverted[data-state=Error]:not(.does-not-exist) .text-input__field,.bg-primary-blue-100 .text-input[data-state=Error] .text-input__field{color:var(--text-neutral-100, #262728)}.text-input--inverted[data-state=Disabled]:not(.does-not-exist) .text-input__label-row,.bg-primary-blue-100 .text-input[data-state=Disabled] .text-input__label-row,.text-input--inverted[data-state=Disabled]:not(.does-not-exist) .text-input__optional,.bg-primary-blue-100 .text-input[data-state=Disabled] .text-input__optional,.text-input--inverted[data-state=Disabled]:not(.does-not-exist) .text-input__hint,.bg-primary-blue-100 .text-input[data-state=Disabled] .text-input__hint,.text-input--inverted[data-state=Disabled]:not(.does-not-exist) .text-input__field,.bg-primary-blue-100 .text-input[data-state=Disabled] .text-input__field,.text-input--inverted[data-state=Disabled]:not(.does-not-exist) .text-input__icon,.bg-primary-blue-100 .text-input[data-state=Disabled] .text-input__icon{color:var(--text-neutral-60, #bec4c7)}.text-input--inverted[data-state=Error]:not(.does-not-exist) .text-input__hint,.bg-primary-blue-100 .text-input[data-state=Error] .text-input__hint{color:#f9b2b2}