.TextInputField_outlinedInput__J6yhh{inline-size:100%;position:relative}.TextInputField_outlinedInput__J6yhh input{border:1px solid var(--ff-color-grey-70);border-radius:var(--ff-radius-l);box-sizing:border-box;color:var(--ff-color-black-20);font-size:var(--ff-font-size-m);inline-size:100%;max-block-size:3rem;outline:none;padding-block:var(--ff-space-xs);padding-block-start:var(--ff-space-l);padding-inline:var(--ff-space-xs);transition:.1s cubic-bezier(.65,.05,.36,1)}.TextInputField_outlinedInput__J6yhh input:focus{border-color:var(--ff-color-black-80)}.TextInputField_outlinedInput__J6yhh label{color:var(--ff-color-lavender-75);font-size:var(--ff-font-size-m);inset-block-start:50%;inset-inline-start:12px;pointer-events:none;position:absolute;transform:translateY(-50%);transition:.2s cubic-bezier(.65,.05,.36,1)}.TextInputField_outlinedInput__J6yhh input:not(:-moz-placeholder-shown)~label{font-size:var(--ff-font-size-s);inset-block-start:14px;inset-inline-start:14px}.TextInputField_outlinedInput__J6yhh input:focus~label,.TextInputField_outlinedInput__J6yhh input:not(:placeholder-shown)~label{font-size:var(--ff-font-size-s);inset-block-start:14px;inset-inline-start:14px}