._AppInput_1sd8r_2{--padding-t:1.125rem;--padding-b:.25rem;--padding-x:1rem;--error-size:1.25rem;position:relative}@media (min-width:64em){._AppInput_1sd8r_2{--padding-t:1.5rem;--padding-b:.625rem;--error-size:1.375rem}}._AppInput_1sd8r_2:after{background:var(--c-system-red) url(./icon-error.DT7ayMkV.svg) no-repeat center/.5rem;border-radius:50%;content:"";height:var(--error-size);opacity:0;position:absolute;right:var(--padding-x);top:50%;transition:opacity var(--transition-duration);translate:0 -50%;width:var(--error-size)}._AppInput_1sd8r_2._invalid_1sd8r_34:after{opacity:1}._AppInput_1sd8r_2[data-textarea]:after{top:1rem;translate:unset}._input_1sd8r_44,._label_1sd8r_45{font-size:var(--font-size-14);line-height:1}@media (min-width:64em){._input_1sd8r_44,._label_1sd8r_45{font-size:var(--font-size-16)}}._input_1sd8r_44{border:1px solid var(--c-white-300);border-radius:var(--rounded-xs);outline:0;padding:var(--padding-t) var(--padding-x) var(--padding-b);transition:border-color var(--transition-duration);width:100%}._input_1sd8r_44._invalid_1sd8r_34{border-color:var(--c-system-red);padding-right:calc(var(--padding-x) + var(--error-size))}._input_1sd8r_44:focus{border-color:var(--c-black-100)}@media (hover:hover){._input_1sd8r_44:hover{border-color:var(--c-black-100)}}._input_1sd8r_44:disabled{background-color:var(--c-white-200);border-color:var(--c-black-500);color:var(--c-black-500)}textarea._input_1sd8r_44{display:block}._label_1sd8r_45{color:var(--c-black-500);left:var(--padding-x);position:absolute;top:50%;transform-origin:0 50%;transition-duration:var(--transition-duration);transition-property:scale,translate;translate:0 -50%}textarea._input_1sd8r_44+._label_1sd8r_45{top:.7em;translate:0 0}._AppInput_1sd8r_2:focus-within ._label_1sd8r_45,._label--active_1sd8r_104{scale:.714;translate:0 calc(-150% + 5px)}@media (min-width:64em){._AppInput_1sd8r_2:focus-within ._label_1sd8r_45,._label--active_1sd8r_104{scale:.625}}textarea._input_1sd8r_44+._label--active_1sd8r_104,textarea._input_1sd8r_44:focus+._label_1sd8r_45{translate:0 -5px}