.form{flex-direction:column;gap:1.8rem;display:flex}.inputContainer.hidden{display:none}.inputHolder{padding-top:1rem;padding-bottom:1rem;width:100%;box-shadow:inset 0 0 0 .1rem rgba(var(--text-light), .2);border-radius:10rem;align-items:center;gap:1rem;padding-inline:2rem;transition:box-shadow .24s;display:flex}.inputHolder.large{height:4.4rem}.inputHolder.large .input{font-size:1.6rem;line-height:2.4rem}.inputHolder.large .inputIcon{font-size:1.8rem}.inputHolder.small{height:3.6rem}.inputHolder.small .input{font-size:1.4rem;line-height:1.8rem}.inputHolder.small .inputIcon{font-size:1.3rem}.inputHolder.light{background-color:rgba(var(--gray-900))}.inputHolder.light .input{color:rgba(var(--text-dark), 1)}.inputHolder.light .input::placeholder{color:rgba(var(--gray), 1)}.inputHolder.light .inputAction.isDefault{color:rgba(var(--text-dark), .4)}.inputHolder.dark{background-color:rgba(var(--dark-900), 1)}.inputHolder.dark .input{color:rgba(var(--white), 1)}.inputHolder.dark .input::placeholder{color:rgba(var(--text-light), .5)}.inputHolder.dark .inputAction.isDefault{color:rgba(var(--text-light), .4)}.inputHolder.isError{box-shadow:inset 0 0 0 .1rem rgba(var(--brand-color-1))}.inputHolder:has(.input:focus){box-shadow:inset 0 0 0 .1rem rgba(var(--brand-color-2))}.errorMessage{color:rgba(var(--brand-color-1), 1);min-height:2rem;margin-left:1rem;font-size:1.2rem;line-height:2rem}.inputIcon{color:rgba(var(--gray), 1);flex:none}.input{background:0 0;border:none;outline:none;width:100%}.inputActions{align-items:center;gap:1rem;display:flex}.inputAction{cursor:pointer;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.6rem;transition:opacity .24s;display:flex}.inputAction.isError{color:rgba(var(--brand-color-1), 1)}.inputAction.isSuccess{color:rgb(var(--green))}.inputAction.isWarning{color:rgba(var(--brand-color-2), 1)}@media screen and (hover:hover){.inputAction:hover{opacity:.7}}.inputInfo{flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:inline-flex}.inputInfoRow{align-items:center;gap:1rem;display:flex}.inputInfoRow.statusSuccess .inputInfoIcon{color:#7bed9f}.inputInfoIcon{width:1.6rem;height:1.6rem;color:rgba(var(--text-light), .4);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.inputInfoTxt{color:rgba(var(--white), 1);font-size:1.2rem;line-height:2.4rem}.loginActions{gap:1rem;display:flex}input:-webkit-autofill{transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out}