.input{--input-border-radius:var(--form-input-border-radius,0);--input-height:var(--form-input-height,4rem);--input-label-color:var(--form-input-label-color);--input-label-color-hover:var(--form-input-label-color-hover);--input-label-color-focus:var(--form-input-label-color-focus);--input-label-color-error:var(--form-input-label-color-error);--input-border-color:var(--form-input-border-color);--input-border-color-hover:var(--form-input-border-color-hover);--input-border-color-focus:var(--form-input-border-color-focus);--input-border-color-error:var(--form-input-border-color-error);--input-background-color:var(--form-input-background-color);--input-background-color-hover:var(--form-input-background-color-hover);--input-background-color-focus:var(--form-input-background-color-focus);--input-background-color-error:var(--form-input-background-color-error);--input-field-color:var(--form-input-text-color,currentColor)}.input--filter{--input-border-radius:var(--filter-input-border-radius);--input-height:var(--filter-input-height);--input-label-color:var(--filter-input-label-color);--input-label-color-hover:var(--filter-input-label-color-hover);--input-label-color-focus:var(--filter-input-label-color-focus);--input-label-color-error:var(--filter-input-label-color-error);--input-border-color:var(--filter-input-border-color);--input-border-color-hover:var(--filter-input-border-color-hover);--input-border-color-focus:var(--filter-input-border-color-focus);--input-border-color-error:var(--filter-input-border-color-error);--input-background-color:var(--filter-input-background-color);--input-background-color-hover:var(--filter-input-background-color-hover);--input-background-color-focus:var(--filter-input-background-color-focus);--input-background-color-error:var(--filter-input-background-color-error)}.input--variant-inverted{--input-label-color:var(--form-input-inverted-label-color,var(--form-input-label-color));--input-label-color-hover:var(--input-label-color);--input-label-color-focus:var(--input-label-color);--input-border-color:var(--form-input-inverted-border-color,var(--form-input-border-color));--input-border-color-hover:var(--input-border-color);--input-border-color-focus:var(--form-input-inverted-border-color-focus,var(--form-input-border-color-focus));--input-background-color:var(--form-input-inverted-background-color,var(--form-input-background-color));--input-background-color-hover:var(--input-background-color);--input-background-color-focus:var(--input-background-color);--input-field-color:var(--form-input-inverted-text-color,var(--input-field-color))}.input__group{display:grid;position:relative;overflow:hidden}.input__group.hidden{display:none}.input__group:not(.input__textarea){height:var(--input-height)}.input__label{height:var(--input-height);pointer-events:none;transform-origin:0 0;color:var(--input-label-color);grid-area:1/1;align-items:center;margin-left:1.25rem;padding-right:1.25rem;transition:all .2s;display:flex}.input__field{border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);color:var(--input-field-color);grid-area:1/1;padding-left:1.25rem;padding-right:1.25rem;transition:all .2s}.input__field:hover{border-color:var(--input-border-color-hover)}.input__field:focus{border-color:var(--input-border-color-focus)}.input__field:hover~.input__label{color:var(--input-label-color-hover)}.input__field:focus,.input__field.input--has-value{outline:none;padding-top:1.125rem}.input__field:focus~.input__label,.input__field.input--has-value~.input__label{color:var(--input-label-color-focus);padding-bottom:.25rem;transform:scale(.65)}.input__field.focus-visible.js-focus-visible,.js-focus-visible .input__field.focus-visible,.input__field:focus-visible{border:1px solid var(--input-border-color-focus)}.input__field.input__textarea{min-height:7rem;padding-top:1.75rem;padding-bottom:1.25rem}.input__field.input__textarea.focus-visible.js-focus-visible,.js-focus-visible .input__field.input__textarea.focus-visible,.input__field.input__textarea:focus-visible{border:1px solid var(--input-border-color-focus)}.input__error{visibility:hidden;opacity:0;color:var(--input-label-color-error);font-size:.75rem;position:absolute;inset:50% 1.25rem auto auto;transform:translateY(-50%)}.input__group.has-error .input__label{color:var(--input-label-color-error)}.input__group.has-error .input__field{border-bottom-color:var(--input-border-color-error)}.input__group.has-error .input__error{visibility:visible;opacity:1;transition:all .2s ease-in-out;bottom:auto}.input__group.has-error .input__field:focus~.input__error,.input__group.has-error .input__field.input--has-value~.input__error{top:8px;transform:translateY(0)}