.form{display:flex;flex-direction:column;gap:1.8rem}.inputContainer.hidden{display:none}.inputHolder{display:flex;align-items:center;gap:1rem;width:100%;padding-top:1rem;padding-bottom:1rem;-webkit-padding-start:2rem;padding-inline-start:2rem;-webkit-padding-end:2rem;padding-inline-end:2rem;border-radius:10rem;transition:box-shadow .24s}.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:#f3f4f5}.inputHolder.light .input{color:#152a3a}.inputHolder.light .input::placeholder{color:#8a959d}.inputHolder.light .inputAction.isDefault{color:rgba(var(--text-dark),.4)}.inputHolder.dark{background-color:#0f202c}.inputHolder.dark .input{color:#fff}.inputHolder.dark .input::placeholder{color:hsla(0,0%,100%,.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:#ff6448;font-size:1.2rem;line-height:2rem;min-height:2rem}.inputIcon{flex:0 0 auto;color:#8a959d}.input{width:100%;border:none;outline:none;background:none}.inputActions{gap:1rem}.inputAction,.inputActions{display:flex;align-items:center}.inputAction{justify-content:center;width:2.4rem;height:2.4rem;font-size:1.6rem;cursor:pointer;transition:opacity .24s}.inputAction.isError{color:#ff6448}.inputAction.isSuccess{color:#5bbd70}.inputAction.isWarning{color:rgba(var(--brand-color-2),1)}@media screen and (hover:hover){.inputAction:hover{opacity:.7}}.inputInfo{display:inline-flex;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem}.inputInfoRow{display:flex;align-items:center;gap:1rem}.inputInfoRow.statusSuccess .inputInfoIcon{color:#7bed9f}.inputInfoIcon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;font-size:1.6rem;color:hsla(0,0%,100%,.4)}.inputInfoTxt{font-size:1.2rem;line-height:2.4rem;color:#fff}.loginActions{display:flex;gap:1rem}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}