:root{--textField-styles-loaded: true;--textField-bgColor: rgba(255, 255, 255, 0.05);--textField-bgColorActive: rgba(255, 255, 255, 0.1);--textField-height: 40px;--textField-padding: 10px;--textField-iconPadding: 40px;--textField-iconSize: 20px;--textField-width: 100%}.text-field[data-size=large]{--textField-height: 50px;--textField-padding: 15px;--textField-iconPadding: 50px}.text-field[data-size=small],.text-field[data-size=inline]{--textField-borderRadius: 2px;--textField-height: 30px;--textField-padding: 7.5px;--textField-iconPadding: 30px;--textField-iconSize: 15px}.text-field[data-size=inline]{--textField-width: auto}.text-field[data-icon-position=end] .text-field-input[data-icon=true]{padding-left:var(--textField-padding);padding-right:var(--textField-iconPadding)}.text-field[data-tag-type=input] .text-field-input{height:var(--textField-height)}.text-field[data-tag-type=textarea] .text-field-input{font-weight:600;min-height:var(--textField-height);resize:vertical}.text-field[data-tag-type=textarea] .text-field-limit{bottom:4px;right:20px}.text-field button.text-field-icon.submit-button{background-color:rgba(0,0,0,0) !important;padding:0}.text-field button.text-field-icon.submit-button:hover{background-color:rgba(0,0,0,0) !important}.text-field button.text-field-icon.submit-button:hover path{fill:#fff}.text-field button.text-field-icon.submit-button .text-field-icon{position:static}.text-field-group{display:flex;flex-direction:column;gap:10px}.text-field-icon{align-items:center;display:flex;height:var(--textField-iconSize);justify-content:center;left:var(--textField-padding);position:absolute;top:var(--textField-padding);width:var(--textField-iconSize)}body[data-tree=live] .text-field-icon path{fill:#a71a19}body[data-tree=classic] .text-field-icon path{fill:#c39361}body[data-tree=tbc] .text-field-icon path{fill:#62c907}body[data-tree=wrath] .text-field-icon path{fill:#8ed6e6}body[data-tree=cata] .text-field-icon path{fill:#e55d27}body[data-tree=mists] .text-field-icon path{fill:#28ae7e}body[data-tree=classicplus] .text-field-icon path{fill:#1d8dcd}body[data-tree=d4] .text-field-icon path{fill:#bf9c5a}body[data-tree=di] .text-field-icon path{fill:#bf9c5a}body[data-tree=d2] .text-field-icon path{fill:#bf9c5a}.text-field[data-variation=wow-rare] .text-field-icon path{fill:#0070dd}.text-field[data-variation=wow-epic] .text-field-icon path{fill:#a335ee}.text-field[data-variation=wow-legendary] .text-field-icon path{fill:#ff8000}.text-field[data-disabled] .text-field-icon path{fill:#bbb}.text-field[data-icon-position=end] .text-field-icon{left:unset;right:var(--textField-padding)}.text-field .text-field-input{background:var(--textField-bgColor);border:2px solid rgba(0,0,0,0);border-radius:var(--textField-borderRadius, 5px);box-sizing:border-box;padding:var(--textField-padding);width:100%}.text-field .text-field-input.focus-visible,.text-field .text-field-input:hover{border-color:#444}.text-field .text-field-input[data-bordered]{border:2px solid var(--textField-bgColor)}.text-field .text-field-input[data-field-filled=true]{background:var(--textField-bgColorActive)}.text-field .text-field-input[data-field-filled=true]:not(.focus-visible){border-color:rgba(0,0,0,0)}.text-field .text-field-input[data-icon=true]{padding-left:var(--textField-iconPadding)}.text-field .text-field-input-wrapper{position:relative;width:var(--textField-width)}.text-field[data-clearable=true] .text-field-input{padding-right:var(--textField-height)}.text-field[data-clearable=true] .text-field-limit{right:var(--textField-height)}.text-field[data-clearable=true] .wh-button{border-top-left-radius:0;border-bottom-left-radius:0;bottom:0;position:absolute;right:0;top:0}.text-field-limit{bottom:0;position:absolute;right:5px}.text-field[data-limited][data-tag-type=input]{--textField-limitSpace: calc((2 * var(--textField-limitDigits, 3) + 3) * 1ch + var(--textField-padding))}.text-field[data-limited][data-tag-type=input] .text-field-input{padding-right:calc(var(--textField-padding) + var(--textField-limitSpace))}.text-field[data-limited][data-tag-type=input][data-clearable=true] .text-field-input{padding-right:calc(var(--textField-height) + var(--textField-limitSpace))}