.lg-input{--_input-height-sm: 32px;--_input-height-md: 40px;--_input-height-lg: 48px;--_input-padding-x: var(--lg-spacing-small);--_input-padding-y-sm: 5px;--_input-padding-y-md: var(--lg-spacing-x-small);--_input-padding-y-lg: 13px;--_input-radius: var(--lg-radius-large);--_input-radius-round: var(--lg-radius-pill);--_input-gap: var(--lg-spacing-x-small);--_input-bg: var(--lg-g-bg-color-white-heavy);--_input-border: var(--lg-g-border-color-black-soft);--_input-border-hover: var(--lg-g-border-color-black-moderate);--_input-border-focus: var(--lg-g-border-color-primary-default);--_input-border-error: var(--lg-g-border-color-danger-default);--_input-bg-disabled: var(--lg-g-bg-color-black-faint);--_input-text: var(--lg-g-fg-color-black-strong);--_input-placeholder: var(--lg-g-fg-color-black-aint);--_input-clear-color: var(--lg-g-fg-color-black-aint);--_input-clear-hover: var(--lg-g-fg-color-black-default);--_input-font-size: 14px;--_input-line-height: 22px;--_input-transition: .2s cubic-bezier(.645, .045, .355, 1)}.lg-input{position:relative;display:inline-flex;align-items:center;gap:var(--_input-gap);width:100%;padding:0 var(--_input-padding-x);background:var(--_input-bg);border:1px solid var(--_input-border);border-radius:var(--_input-radius);cursor:text;box-sizing:border-box;transition:border-color var(--_input-transition),background var(--_input-transition),box-shadow var(--_input-transition)}.lg-input:hover:not(.lg-input--disabled):not(.lg-input--focused){border-color:var(--_input-border-hover)}.lg-input__inner{flex:1;min-width:0;width:100%;border:none;outline:none;background:transparent;font-size:var(--_input-font-size);line-height:var(--_input-line-height);color:var(--_input-text);padding:0}.lg-input__inner::placeholder{color:var(--_input-placeholder)}.lg-input__inner:disabled{cursor:not-allowed;color:var(--_input-text)}.lg-input__inner::-webkit-inner-spin-button,.lg-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lg-input__inner[type=number]{-moz-appearance:textfield}.lg-input__prefix,.lg-input__suffix{display:inline-flex;align-items:center;flex-shrink:0;color:var(--_input-placeholder);font-size:16px}.lg-input__clear{display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;color:var(--_input-clear-color);font-size:16px;transition:color var(--_input-transition)}.lg-input__clear:hover{color:var(--_input-clear-hover)}.lg-input--sm{height:var(--_input-height-sm);padding-top:var(--_input-padding-y-sm);padding-bottom:var(--_input-padding-y-sm)}.lg-input--md{height:var(--_input-height-md);padding-top:var(--_input-padding-y-md);padding-bottom:var(--_input-padding-y-md)}.lg-input--lg{height:var(--_input-height-lg);padding-top:var(--_input-padding-y-lg);padding-bottom:var(--_input-padding-y-lg)}.lg-input--round{border-radius:var(--_input-radius-round)}.lg-input--focused{border-color:var(--_input-border-focus)}.lg-input--error,.lg-input--error:hover{border-color:var(--_input-border-error)}.lg-input--disabled{background:var(--_input-bg-disabled);border-color:transparent;cursor:not-allowed}