.input-component[data-v-02b75d4f]{--button__icon-only-size:32px;display:inline-grid;gap:var(--input-gap,.25rem);margin-block:var(--input-margin-block);width:var(--input-width,100%)}.input-component.disabled[data-v-02b75d4f]{opacity:var(--input-disabled-opacity,.6);pointer-events:none}.input-component .field-container[data-v-02b75d4f]{align-items:center;background-color:var( --input-bg-color,var(--default-form-control-bg-color) );border-color:var( --input-border-color,var(--default-form-control-border-color,canvasText) );border-radius:var( --input-border-radius,var(--default-form-control-border-radius) );border-style:var(--input-border-style,solid);border-width:var( --input-border-width,var(--default-form-control-border-width,1px) );display:flex;gap:.5rem;height:var(--input-height,var(--default-form-control-height,48px));padding-inline:var( --input-padding-inline,var(--default-form-control-padding-inline,1rem) );transition:border-color var(--focus-transition,0s),outline-color var(--focus-transition,0s)}.input-component .field-container[data-v-02b75d4f]:focus-within{border-color:var( --input-focus-color,var(--default-focus-color,canvasText) );outline-color:var( --input-focus-color,var(--default-focus-color,canvasText) );outline-offset:0;outline-style:var( --input-focus-style,var(--default-focus-style,solid) );outline-width:var( --input-focus-width,var(--default-focus-width,2px) )}.input-component .field-container[data-v-02b75d4f]:has(input:-webkit-autofill){background-color:var( --input-autofill-bg-color,var( --default-form-control-autofill-bg-color,light-dark(#e8f0fe,rgba(70,90,126,.4)) ) )}.input-component .field-container[data-v-02b75d4f]:has(input:autofill){background-color:var( --input-autofill-bg-color,var( --default-form-control-autofill-bg-color,light-dark(#e8f0fe,rgba(70,90,126,.4)) ) )}.input-component .field-container input[data-v-02b75d4f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var( --input-color,var(--default-form-control-text,canvasText) );flex:1;font-family:var(--input-font-family,var(--font-family));font-size:var(--input-font-size,1rem);height:100%;outline:none;width:100%}.input-component .field-container input[data-v-02b75d4f]::-moz-placeholder{color:var( --input-placeholder-color,var( --default-form-control-placeholder-color,color-mix(in srgb,currentColor 60%,transparent) ) )}.input-component .field-container input[data-v-02b75d4f]::placeholder{color:var( --input-placeholder-color,var( --default-form-control-placeholder-color,color-mix(in srgb,currentColor 60%,transparent) ) )}.input-component .field-container input[data-v-02b75d4f]:disabled{cursor:not-allowed}.input-component .field-container input[data-v-02b75d4f]:-webkit-autofill{-webkit-text-fill-color:var( --input-autofill-color,var( --default-form-control-autofill-color,var( --input-color,var(--default-form-control-text,canvasText) ) ) );-webkit-transition:background-color 0s 600000s;transition:background-color 0s 600000s}.input-component .field-container input[data-v-02b75d4f]:autofill{-webkit-text-fill-color:var( --input-autofill-color,var( --default-form-control-autofill-color,var( --input-color,var(--default-form-control-text,canvasText) ) ) );transition:background-color 0s 600000s}.input-component .icon[data-v-02b75d4f]{--icon-button-size:32px;flex-shrink:0}.input-component.error .field-container[data-v-02b75d4f]{border-color:var( --input-error-color,var(--default-form-control-error-color,red) )}.input-component.error .field-container[data-v-02b75d4f]:focus-within{border-color:var( --input-error-color,var(--default-form-control-error-color,red) );outline-color:var( --input-error-color,var(--default-form-control-error-color,red) )}.input-component input[type=search][data-v-02b75d4f]::-webkit-search-cancel-button{-webkit-appearance:none;opacity:0;pointer-events:none}.input-component svg[data-v-02b75d4f]{fill:var( --input-icon-color,var(--default-form-control-icon-color,canvasText) )}.input-component .prefix[data-v-02b75d4f]{align-items:center;display:flex;flex-shrink:0}