.input-field{flex-direction:column;gap:2px;display:flex;position:relative;overflow:visible}.input-field__label{color:#333;word-wrap:break-word;z-index:1;flex-direction:column;justify-content:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;display:flex}.input-field__container{outline-offset:-1px;background:#fff;border-radius:6px;outline:1px solid #e5e7eb;align-items:center;gap:8px;width:331px;height:42px;padding:0 10px;transition:outline-color .2s;display:flex;overflow:hidden}.input-field__container:focus-within{outline-width:2px;outline-color:#006a6f}.input-field__container:hover:not(:focus-within){outline-color:#666}.input-field__container--error,.input-field__container--error:focus-within,.input-field__container--error:hover{outline-color:#dc2626}.input-field__container--with-icon{padding-right:4px}.input-field__input{color:#333;word-wrap:break-word;background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;overflow:hidden}.input-field__input::placeholder{color:#666}.input-field__input--disabled{color:#666666b3;cursor:not-allowed}.input-field__input--disabled::placeholder{color:#66666680}.input-field__input--with-icon{padding-right:0}.input-field__icon-button{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.input-field__icon-button:hover:not(:disabled){color:#333}.input-field__icon-button:disabled{cursor:not-allowed;opacity:.5}.input-field__icon-button:focus{outline:none}.input-field__icon-button svg{width:20px;height:20px;display:block}.input-field__helper{color:#666;word-wrap:break-word;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;line-height:16px}.input-field__helper--error{color:#dc2626}.input-field__helper a{color:#006a6f;font-weight:500;text-decoration:none;transition:color .2s}.input-field__helper a:hover{color:#00393c;text-decoration:underline}.input-field__container:has(.input-field__input--disabled){background:#f8f8f8;outline-color:#e5e7eb}.input-field__container:has(.input-field__input--disabled):hover{outline-color:#e5e7eb}.input-field__input--disabled+.input-field__container{background:#f8f8f8;outline-color:#e5e7eb}.password-input{width:100%;position:relative}.password-input__toggle{cursor:pointer;color:#666;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){color:#333}.password-input__toggle:disabled{cursor:not-allowed;opacity:.5}.password-input__toggle:focus{outline-offset:2px;border-radius:4px;outline:2px solid #006a6f}.password-input__toggle svg{width:20px;height:20px}