.input-field[data-v-cf5796ce]{display:flex;flex:1;flex-direction:column;gap:.5rem}.input-field-label[data-v-cf5796ce]{color:var(--color-main);font:var(--text-sm-regular);text-align:left;width:100%}.input-field-note[data-v-cf5796ce]{color:var(--color-neutral-gray-50);font:var(--text-xs-light);margin-top:-.5rem;text-align:left}.input-field-area[data-v-cf5796ce],.input-field-note[data-v-cf5796ce]{transition:all var(--duration);width:100%}.input-field-area[data-v-cf5796ce]{align-items:center;border:1px solid var(--color-neutral-gray-30);border-radius:var(--radius-sm);display:flex;gap:.8rem;height:var(--size-input-height);padding:0 1rem}.input-field-area.left-icon[data-v-cf5796ce],.input-field-area.right-icon[data-v-cf5796ce]{gap:.25rem}.input-field-area.left-icon[data-v-cf5796ce]{padding-left:.25rem}.input-field-area.right-icon[data-v-cf5796ce]{padding-right:.25rem}.input-field-area[data-v-cf5796ce]:hover{border-color:var(--color-neutral-gray-50)}.input-field-area[data-v-cf5796ce]:focus-within{border-color:var(--color-main)}.input-field-area:focus-within input[data-v-cf5796ce]{color:var(--color-main)}.input-field-area:focus-within .input-field-left-icon[data-v-cf5796ce],.input-field-area:focus-within .input-field-right-icon[data-v-cf5796ce]{color:var(--color-main)}.input-field-left-icon[data-v-cf5796ce],.input-field-right-icon[data-v-cf5796ce]{align-items:center;color:var(--color-neutral-gray-50);display:flex;font-size:1.25rem;height:var(--size-input-height);justify-content:center;transition:all var(--duration);width:var(--size-input-height)}.input-field-errors[data-v-cf5796ce]{background-color:var(--color-red);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);color:var(--color-neutral-white);display:flex;flex-direction:column;gap:.5rem;height:0;justify-content:center;margin-top:-.5rem;opacity:0;padding:.25rem 1rem;transition:all var(--duration);visibility:hidden}.input-field-errors.active+.input-field-note[data-v-cf5796ce]{margin-top:auto}.input-field-error[data-v-cf5796ce]{align-items:center;display:flex;font:var(--text-sm-regular);gap:.5rem}.input-field input[data-v-cf5796ce]{background-color:transparent;border:0;color:var(--color-neutral-gray-90);font:var(--text-sm-regular);height:var(--size-input-height);outline:0;width:100%}.input-field input[data-v-cf5796ce]::-moz-placeholder{color:var(--color-neutral-gray-30)}.input-field input[data-v-cf5796ce]::placeholder{color:var(--color-neutral-gray-30)}.input-field.error .input-field-area[data-v-cf5796ce]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--color-red)}.input-field.error .input-field-errors[data-v-cf5796ce]{height:var(--size-input-error-height);opacity:1;visibility:visible}.input-field.error .input-field-left-icon[data-v-cf5796ce],.input-field.error .input-field-right-icon[data-v-cf5796ce],.input-field.error input[data-v-cf5796ce]{color:var(--color-red)}.input-field.disabled[data-v-cf5796ce]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-field.disabled .input-field-area[data-v-cf5796ce]{background-color:var(--color-neutral-gray-10)}