.text-input{background-color:var(--color-ui-gray-bg);border:1px solid transparent;border-radius:4px;-moz-column-gap:4px;column-gap:4px;display:flex;padding:0 12px}.text-input--with-tags{background:transparent;flex-grow:1;min-width:200px;padding:0 6px}.text-input:focus-within{background-color:var(--color-ui-gray-light);border-color:var(--color-font-gray)}.text-input--with-tags:focus-within{background-color:transparent;border-color:transparent}.text-input--disabled{opacity:.5}.text-input--with-tags .text-input__input{height:26px;min-height:26px}.text-input--invalid{border-color:var(--color-ui-red)}.text-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-font-black);flex:1;min-height:38px;min-width:38px;width:100%}.text-input__input:focus{outline:none}.text-input__input::-moz-placeholder{color:var(--color-font-gray)}.text-input__input::placeholder{color:var(--color-font-gray)}.text-input__icon{align-items:center;display:flex}