.input-field{position:relative;overflow:visible;gap:2px}.input-field,.input-field__label{display:flex;flex-direction:column}.input-field__label{justify-content:center;color:#000;font-size:14px;font-family:Poppins,sans-serif;font-weight:400;word-wrap:break-word;z-index:1}.input-field__container{width:331px;height:46px;padding:0 10px;background:#fff;overflow:hidden;border-radius:6px;outline:1px solid #d1d5db;outline-offset:-1px;transition:outline-color .2s ease}.input-field__container:focus-within{outline-color:#6366f1;outline-width:2px}.input-field__container:hover:not(:focus-within){outline-color:#9ca3af}.input-field__container--error{outline-color:#ef4444}.input-field__container--error:focus-within{outline-color:#ef4444}.input-field__container--error:hover{outline-color:#dc2626}.input-field__input{width:100%;height:100%;overflow:hidden;border:none;outline:none;background:rgba(0,0,0,0);color:#374151;font-size:14px;font-family:Poppins,sans-serif;font-weight:400;word-wrap:break-word}.input-field__input::placeholder{color:#6b7280}.input-field__input--disabled{color:#9ca3af;cursor:not-allowed}.input-field__input--disabled::placeholder{color:#d1d5db}.input-field__helper{font-size:12px;font-family:Poppins,sans-serif;font-weight:400;color:#6b7280;line-height:16px;word-wrap:break-word}.input-field__helper--error{color:#ef4444}.input-field__container:has(.input-field__input--disabled){background:#f9fafb;outline-color:#e5e7eb}.input-field__container:has(.input-field__input--disabled):hover{outline-color:#e5e7eb}.input-field__input--disabled+.input-field__container{background:#f9fafb;outline-color:#e5e7eb}