.HxChar{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;padding:0 2px;font-size:14px;background:#fff;border:1px solid;border-color:#c8c8c8;border-color:var(--border-color);border-radius:2px;border-radius:var(--border-radius);overflow:hidden;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}.HxChar.is-focus{border-color:#0090ff;-webkit-box-shadow:0 0 0 2px #5fb9ff;box-shadow:0 0 0 2px #5fb9ff;border-color:var(--input-focus-border-color);-webkit-box-shadow:0 0 0 2px var(--input-focus-outline-color);box-shadow:0 0 0 2px var(--input-focus-outline-color)}.HxChar.is-required{background-color:#c2eaff;background-color:var(--char-require-bg)}.HxChar.is-disabled{cursor:no-drop;background-color:#e6e6e6}.HxChar-prefix,.HxChar-suffix{padding:0 2px;line-height:28px}.HxChar-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:unset;width:100%;background-color:transparent;background-image:none;border:none;color:inherit;font-size:inherit;height:30px;line-height:30px;padding:0 2px;outline:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:hidden}.HxChar-inner::-webkit-inner-spin-button,.HxChar-inner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.HxChar-inner.is-required{background:#c2eaff}.HxChar-inner::-webkit-input-placeholder{color:#757575;color:var(--placeholder-color)}.HxChar-inner::-moz-placeholder{color:#757575;color:var(--placeholder-color)}.HxChar-inner:-ms-input-placeholder{color:#757575;color:var(--placeholder-color)}.HxChar-inner::-ms-input-placeholder{color:#757575;color:var(--placeholder-color)}.HxChar-inner::placeholder{color:#757575;color:var(--placeholder-color)}.HxChar-inner:disabled{background-color:#e6e6e6;cursor:no-drop}.HxChar-unit{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 6px;margin-right:-2px;text-align:center;height:30px;line-height:30px;border-left-width:0;border-radius:0 4px 4px 0;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d8d8d8));background:linear-gradient(180deg,#fff,#d8d8d8)}