.textbox-component-wrapper,.text-field-component{display:block;overflow:hidden}:is(.textbox-component-wrapper,.text-field-component) .component-textbox{background-color:var(--default-background-color);box-sizing:border-box;color:#000;border:1px solid #0000001a;border-radius:3px;justify-content:space-between;align-items:center;width:100%;padding:.75rem;display:flex;overflow:hidden}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.disabled{color:#a5a5a5;cursor:no-drop;background:#e6e6e6;border:1px solid #cdcdcd;box-shadow:0 0 1px #f6f6f6}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.disabled input,:is(.textbox-component-wrapper,.text-field-component) .component-textbox.disabled.input{cursor:no-drop}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.inversecolor{background:#fff}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.straightLeft{border-radius:0 3px 3px 0}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.straightRight{border-radius:3px 0 0 3px}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.noRight{border-right:0}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.straightLeft.straightRight{border-radius:0}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.inline{background-color:inherit;border:none;border-bottom:1px solid #0000001a;border-radius:0}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.inline.disabled{border-bottom:none}:is(.textbox-component-wrapper,.text-field-component) .component-textbox.no-padding{padding:0}:is(.textbox-component-wrapper,.text-field-component) .component-textbox input,:is(.textbox-component-wrapper,.text-field-component) .component-textbox.input{background:0 0;border:0;outline:0;flex:1 0 0;width:100%;overflow:hidden}:is(.textbox-component-wrapper,.text-field-component) .component-textbox input:focus+icon,:is(.textbox-component-wrapper,.text-field-component) .component-textbox input:focus+.icon,:is(.textbox-component-wrapper,.text-field-component) .component-textbox.input:focus+icon,:is(.textbox-component-wrapper,.text-field-component) .component-textbox input:focus+.icon{color:#000}:is(.textbox-component-wrapper,.text-field-component) .component-textbox icon,:is(.textbox-component-wrapper,.text-field-component) .component-textbox .icon{color:#ccc;text-align:center;order:-1}:is(:is(.textbox-component-wrapper,.text-field-component) .component-textbox icon,:is(.textbox-component-wrapper,.text-field-component) .component-textbox .icon) i{vertical-align:middle}:is(.textbox-component-wrapper,.text-field-component) .error{border:1px solid #df8a6f}:is(.textbox-component-wrapper,.text-field-component) .component-textbox::placeholder{color:#ccc}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-small{padding:5px;font-size:.8rem}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-small i{padding-right:5px;line-height:14px}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-medium{padding:10px;font-size:1rem}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-medium i{width:24px;padding-right:10px;line-height:18px}:is(.textbox-component-wrapper,.text-field-component) .textbox-input-icon{height:15px;display:inline}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-large{padding:15px;font-size:1.2rem}:is(.textbox-component-wrapper,.text-field-component) .component-textbox-large i{padding-right:15px;line-height:26px}.hide-errors .textbox-component-wrapper .error{border:1px solid #0000001a}