.form-control-wrapper{--input-icon-size: 1em;--input-icon-text-gap: var(--space-xxs);position:relative}.form-control-wrapper .form-control{width:100%;height:100%}.form-control-wrapper .icon{display:block;position:absolute;width:var(--input-icon-size);height:var(--input-icon-size);top:calc(50% - var(--input-icon-size)/2);pointer-events:none}.form-control-wrapper--icon-left .icon{left:var(--form-control-padding-x)}.form-control-wrapper--icon-left .form-control{padding-left:calc(var(--form-control-padding-x) + var(--input-icon-size) + var(--input-icon-text-gap))}.form-control-wrapper--icon-right .icon{right:var(--form-control-padding-x)}.form-control-wrapper--icon-right .form-control{padding-right:calc(var(--form-control-padding-x) + var(--input-icon-size) + var(--input-icon-text-gap))}/*# sourceMappingURL=1_input-icon.css.map */