.text-field[data-v-1ebd4184]{width:100%;display:inline-block;position:relative}.text-field-container[data-v-1ebd4184]{position:relative}.text-field-input[data-v-1ebd4184]{color:rgb(var(--iwui-black-color));box-sizing:border-box;background-color:rgb(var(--iwui-white-color));border:2px solid silver;border-radius:5px;width:100%;padding:8px 10px;font-size:16px;line-height:20px;display:block}.text-field-input[data-v-1ebd4184]::placeholder{color:#b4b4b4}.text-field-input[data-v-1ebd4184]:focus-visible{outline-offset:0px;outline-width:3px;outline-style:solid}.text-field-input[data-v-1ebd4184]:focus{border-color:rgb(var(--iwui-black-color))}.text-field-input[data-v-1ebd4184]:focus-visible{outline-color:rgba(var(--iwui-black-color), .5)}.text-field-clear[data-v-1ebd4184]{cursor:pointer;background:0 0;border:none;align-items:center;height:100%;padding:0 .75em;transition:all .1s;display:flex;position:absolute;top:0;right:0}.text-field-clear[data-v-1ebd4184]:hover{opacity:.8}.text-field-clear[data-v-1ebd4184]:active{opacity:.6;transform:scale(.95)}.text-field-clear[data-v-1ebd4184] svg{fill:rgb(var(--iwui-black-color))}.text-field.clearable input[data-v-1ebd4184]{padding-right:2.5em}.text-field.has-error .text-field-input[data-v-1ebd4184]{border-color:rgb(var(--iwui-error-color))}.text-field.has-error .text-field-input[data-v-1ebd4184]:focus-visible{outline-color:rgba(var(--iwui-error-color), .5)}