.surface-default,:root{--Input-fields-input-on-alternative-surface-fill:var(--surface);--Input-fields-input-on-default-surface-fill:var(--surface-ext-a);--Input-fields-input-on-Inverted-surface-fill:var(--primary-container-low);--Input-fields-input-on-Inverted-surface-active-indicator:var(--on-inverse-surface);--Input-fields-input-border-radius:var(--radius-border-radius-02);--Input-fields-input-active-indicator-spacing:var(--fixed-spacing-fix-04);--pet-input-c-background:var(--Input-fields-input-on-default-surface-fill);--pet-input-c-default-active-indicator:var(--on-surface);--pet-input-c-background-disabled:var(--Interaction-States-disabled-default);--pet-input-c-label-disabled:var(--on-surface);--pet-input-c-outline:var(--on-surface)}.surface-alternative{--pet-input-c-background:var(--Input-fields-input-on-alternative-surface-fill);--pet-input-c-background-disabled:var(--Interaction-States-disabled-extended);--pet-input-c-label-disabled:var(--on-surface);--pet-input-c-outline:var(--on-surface)}.surface-inverted{--pet-input-c-background:var(--Input-fields-input-on-Inverted-surface-fill);--pet-input-c-default-active-indicator:var(--Input-fields-input-on-Inverted-surface-active-indicator);--pet-input-c-background-disabled:var(--Interaction-States-disabled-inverse);--pet-input-c-label-disabled:var(--Interaction-States-disabled-inverse-label);--pet-input-c-outline:var(--on-inverse-surface-variant)}.input[data-v-6731f106]{--pet-input-c-label-text:var(--on-surface-medium);--pet-input-c-active-indicator:var(--pet-input-c-default-active-indicator);--pet-input-c-supporting-text:var(--on-surface-medium);width:100%;margin:0 0 var(--fixed-spacing-fix-02);display:inline-block}.input--success[data-v-6731f106]{--pet-input-c-label-text:var(--on-surface-medium);--pet-input-c-active-indicator:var(--secondary);--pet-input-c-supporting-text:var(--on-surface-medium)}.input--error[data-v-6731f106]{--pet-input-c-label-text:var(--error);--pet-input-c-active-indicator:var(--error);--pet-input-c-supporting-text:var(--error)}.input[data-v-6731f106],.input--sm[data-v-6731f106]{--input-height:var(--spacing-san-spacing-12);--input-active-indicator-height:2px;--input-label-top-spacing:11px}.input--md[data-v-6731f106]{--input-label-top-spacing:6px}.input--disabled[data-v-6731f106]{pointer-events:none;--pet-input-c-active-indicator:light-dark(var(--pet-input-c-default-active-indicator),transparent)}.input--disabled .input__container[data-v-6731f106]{background-color:var(--pet-input-c-background-disabled)}.input--disabled .input__label[data-v-6731f106],.input--disabled .input__supporting-text[data-v-6731f106],.input--disabled .input__text[data-v-6731f106],.input--disabled .input__wrapper[data-v-6731f106] .icon,.input--disabled .trailing__icon[data-v-6731f106] .icon{color:var(--pet-input-c-label-disabled)}.input--focus .input__wrapper[data-v-6731f106]{box-shadow:inset 0 -2px 0 var(--pet-input-c-active-indicator)}.input--focus[data-v-6731f106]:not(.input--success):not(.input--error){--pet-input-c-label-text:var(--on-surface)}.input--sm.input--empty:not(.input--focus) .input__content:has(.input__text:not(:-moz-placeholder-shown))>.input__label[data-v-6731f106]{font-size:var(--font-size-regular-md);letter-spacing:var(--letter-spacing-regular-md);line-height:var(--line-height-regular-md)}.input--sm .input__text[data-v-6731f106],.input--sm.input--empty:not(.input--focus) .input__content:has(.input__text:not(:placeholder-shown))>.input__label[data-v-6731f106]{font-size:var(--font-size-regular-md);letter-spacing:var(--letter-spacing-regular-md);line-height:var(--line-height-regular-md)}.input--md.input--empty:not(.input--focus) .input__content:has(.input__text:not(:-moz-placeholder-shown))>.input__label[data-v-6731f106]{font-size:var(--font-size-regular-xl);letter-spacing:var(--letter-spacing-regular-xl);line-height:var(--line-height-regular-xl)}.input--md .input__text[data-v-6731f106],.input--md.input--empty:not(.input--focus) .input__content:has(.input__text:not(:placeholder-shown))>.input__label[data-v-6731f106]{font-size:var(--font-size-regular-xl);letter-spacing:var(--letter-spacing-regular-xl);line-height:var(--line-height-regular-xl)}.input--empty:not(.input--focus) .input__content:has(.input__text:not(:-moz-placeholder-shown))>.input__label[data-v-6731f106]{top:var(--input-label-top-spacing)}.input--empty:not(.input--focus) .input__content:has(.input__text:not(:placeholder-shown))>.input__label[data-v-6731f106]{top:var(--input-label-top-spacing)}.input--empty:not(.input--focus) .input__content:has(.input__text:not(:-moz-placeholder-shown)) .input__text[data-v-6731f106]{opacity:0}.input--empty:not(.input--focus) .input__content:has(.input__text:not(:placeholder-shown)) .input__text[data-v-6731f106]{opacity:0}.input__container[data-v-6731f106]{height:var(--spacing-san-spacing-12);background-color:var(--pet-input-c-background);border-radius:var(--Input-fields-input-border-radius);padding:0 var(--fixed-spacing-fix-04)}.input__wrapper[data-v-6731f106]{font-size:var(--font-size-regular-md);align-items:center;gap:var(--fixed-spacing-fix-04);height:100%;box-shadow:inset 0 -1px 0 var(--pet-input-c-active-indicator);display:flex}.input__content[data-v-6731f106]{flex-grow:1;align-items:flex-end;height:100%;display:flex;position:relative}.input__wrapper[data-v-6731f106] .icon{font-size:var(--font-size-regular-md);color:var(--on-surface-medium)}.valid-icon.icon[data-v-6731f106]{color:var(--secondary)}.invalid-icon.icon[data-v-6731f106]{color:var(--error)}.input__label[data-v-6731f106]{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:var(--font-size-regular-xs);line-height:var(--line-height-regular-xs);letter-spacing:var(--letter-spacing-regular-xs);color:var(--pet-input-c-label-text);cursor:text;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:inline-block;position:absolute;top:0;overflow:hidden}.input__text[data-v-6731f106]{margin:0 0 var(--input-active-indicator-height);opacity:1;background-color:inherit;color:var(--on-surface);border:none;flex-grow:1;padding:0;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-in-out}.input__text[data-v-6731f106]::placeholder{color:var(--on-surface-medium)}.input__supporting-text[data-v-6731f106]{--input-indent-supporting-text:var(--fixed-spacing-fix-04);color:var(--pet-input-c-supporting-text);margin:0 0 0 var(--input-indent-supporting-text);height:var(--line-height-regular-xs)}.input__supporting-text span[data-v-6731f106]{width:calc(100% - var(--input-indent-supporting-text)*2);white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}