@heycar-uikit/core/form-control/esm/FormControl.css

The React UI library from HeyCar

:root{--color-mica-blue-500:#164ca3;--color-red-500:#eb5757;--color-tarmac-grey-300:#b5b5b5;--color-tarmac-grey-500:#838383;--color-tarmac-grey-600:#595959;--color-tarmac-grey-700:#303030;--spacing-2:8px;--spacing-4:16px;--spacing-8:32px;--font-family-system:Objektiv,sans-serif,"Helvetica Neue",Helvetica,Arial;--font-weight-regular:400;--color-primary-500:var(--color-mica-blue-500);--color-error-500:var(--color-red-500);--color-neutral-300:var(--color-tarmac-grey-300);--color-neutral-500:var(--color-tarmac-grey-500);--color-neutral-600:var(--color-tarmac-grey-600);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}:root{--form-control-base-border-color:var(--color-neutral-500);--form-control-hover-border-color:var(--color-neutral-600);--form-control-focused-border-color:var(--color-primary-500);--form-control-filled-border-color:var(--color-neutral-500);--form-control-label-color:var(--color-neutral-700);--form-control-hint-color:var(--color-neutral-700);--form-control-icon-color:var(--color-neutral-700);--form-control-error-color:var(--color-error-500);--form-control-disabled-bg-color:var(--color-neutral-300);--form-control-disabled-color:var(--color-neutral-300);--form-control-min-height:48px;--from-control-legend-height:11px;--form-control-input-padding:0;--form-control-hint-fint-size:10px}.form-control__component_135gg{color:var(--form-control-icon-color);font-family:var(--font-family-system);width:max-content}.form-control__component_135gg:after{clear:both;content:"";display:block}.form-control__component_135gg .form-control__inner_135gg{min-height:var(--form-control-min-height)}.form-control__component_135gg.form-control__hasLeftIcon_135gg .form-control__label_135gg{left:var(--spacing-2)}.form-control__component_135gg.form-control__hasLeftIcon_135gg .form-control__filled_135gg .form-control__label_135gg{transform:translateY(calc(var(--form-control-min-height)/2*-1 + var(--from-control-legend-height)/1.9*-1)) translateX(calc(var(--spacing-8)*-1))}.form-control__component_135gg .form-control__label_135gg{color:var(--form-control-label-color);height:var(--from-control-legend-height);top:calc(var(--form-control-min-height)/2);z-index:1}.form-control__component_135gg .form-control__hint_135gg{color:var(--form-control-hint-color)}.form-control__component_135gg.form-control__disabled_135gg{color:var(--form-control-disabled-color)}.form-control__component_135gg.form-control__disabled_135gg .form-control__inner_135gg .form-control__fieldset_135gg,.form-control__component_135gg.form-control__disabled_135gg .form-control__inner_135gg:hover .form-control__fieldset_135gg{border-color:var(--form-control-disabled-bg-color)}.form-control__component_135gg.form-control__disabled_135gg .form-control__hint_135gg,.form-control__component_135gg.form-control__disabled_135gg .form-control__inner_135gg .form-control__label_135gg,.form-control__component_135gg.form-control__disabled_135gg .form-control__inner_135gg:hover .form-control__label_135gg{color:var(--form-control-disabled-color)}.form-control__component_135gg.form-control__hasError_135gg .form-control__inner_135gg .form-control__fieldset_135gg,.form-control__component_135gg.form-control__hasError_135gg:hover .form-control__inner_135gg .form-control__fieldset_135gg{border-color:var(--form-control-error-color)}.form-control__component_135gg .form-control__inner_135gg.form-control__focused_135gg .form-control__fieldset_135gg{border-color:var(--form-control-focused-border-color)}.form-control__component_135gg .form-control__filled_135gg .form-control__fieldset_135gg{border-color:var(--form-control-filled-border-color);border-width:1px}.form-control__component_135gg .form-control__filled_135gg .form-control__legend_135gg{display:block;float:none;font-size:.75em;height:11px;max-width:100%;overflow:hidden;padding:0;visibility:hidden;white-space:nowrap}.form-control__component_135gg .form-control__filled_135gg .form-control__label_135gg{font-family:var(--font-family-system);font-size:12px;font-weight:var(--font-weight-regular);line-height:18px;transform:translateY(calc(var(--form-control-min-height)/2*-1 + var(--from-control-legend-height)/1.9*-1))}.form-control__inner_135gg{-webkit-backdrop-filter:initial;backdrop-filter:none;box-sizing:border-box;display:flex;min-height:100%;outline:none;position:relative}.form-control__inputWrapper_135gg{flex-grow:1;position:relative}.form-control__input_135gg{align-items:center;box-sizing:border-box;display:flex;height:100%;padding:var(--form-control-input-padding);position:relative}.form-control__label_135gg{align-items:center;display:flex;font-family:var(--font-family-system);font-size:16px;font-weight:var(--font-weight-regular);left:var(--spacing-4);line-height:23px;pointer-events:none;position:absolute;right:0;transform:translateY(-50%);transform-origin:left top;transition:transform .13s cubic-bezier(.4,0,.2,1),font-size .13s cubic-bezier(.4,0,.2,1)}.form-control__label_135gg .form-control__labelInner_135gg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.form-control__fullWidth_135gg{width:100%}.form-control__addons_135gg{align-items:center;display:flex;flex-shrink:0}.form-control__leftIcon_135gg{padding-left:var(--spacing-4)}.form-control__rightIcon_135gg{padding-right:var(--spacing-2)}.form-control__rightAddons_135gg{padding-right:var(--spacing-4)}.form-control__focused_135gg:not(.form-control__disabled_135gg):before,.form-control__hasError_135gg:before{transform:scaleY(2)}.form-control__sub_135gg{display:block;font-family:var(--font-family-system);font-size:10px;font-size:var(--form-control-hint-fint-size);font-weight:var(--font-weight-regular);padding-left:var(--spacing-4)}.form-control__error_135gg{color:var(--form-control-error-color)}.form-control__inner_135gg:hover .form-control__fieldset_135gg{border-color:var(--form-control-hover-border-color)}.form-control__fieldset_135gg{border-color:var(--form-control-base-border-color);border-radius:inherit;border-style:solid;border-width:1px;inset:-6px -1px -1px;margin:0;min-width:0;overflow:hidden;padding:0 12px;pointer-events:none;position:absolute;text-align:left;transition:border .1s ease}.form-control__legend_135gg{display:block;float:none;font-size:.75em;height:var(--from-control-legend-height);max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.form-control__legend_135gg>span{display:inline-block;opacity:0;padding-left:5px;padding-right:4px;visibility:visible}
/*# sourceMappingURL=FormControl.css.map */