.W7opOG_wrapper{flex-wrap:wrap;gap:.25rem;display:flex}.W7opOG_label,.W7opOG_info{font-size:.75rem;line-height:1.125rem}.W7opOG_label{color:var(--black-400);flex-grow:1}.W7opOG_info{align-items:center;gap:.25rem;display:flex}.W7opOG_inputWrapper{border:.0625rem solid var(--grey-400);background-color:var(--grey-100);cursor:text;width:100%;transition:var(--transition-base);border-radius:.5rem;align-items:center;gap:.25rem;padding:.5625rem .5625rem .5625rem .9375rem;transition-property:background-color,border-color;display:flex}.W7opOG_inputWrapper:hover{background-color:var(--white);border-color:var(--grey-500)}.W7opOG_inputWrapper:has(>input:focus-visible){background-color:var(--white);border:.125rem solid var(--green-400);padding:.5rem .5rem .5rem .875rem}[data-error=true] .W7opOG_inputWrapper{border-color:var(--red-500)}[data-error=true] .W7opOG_inputWrapper:has(>input:focus-visible){border-color:var(--red-500)}.W7opOG_input{appearance:none;color:var(--black-400);background-color:#0000;border:none;flex-grow:1;padding:0;font-size:.875rem;line-height:1.25rem}.W7opOG_input:focus-visible{outline:none}.W7opOG_input::placeholder{color:var(--black-100)}.W7opOG_charLimit{color:var(--black-100);font-size:.75rem;line-height:1.125rem}.W7opOG_prefix{color:var(--black-100);font-size:.875rem;line-height:1.25rem}.W7opOG_error{margin-top:0}