#f0f7ff
1<div class="w-52 pt-16">2 <div class="mb-1.5 flex items-center gap-1.5 text-xs font-semibold text-slate-700">3 CPF ou CNPJ4 <span tabindex="0" class="group relative grid size-4 cursor-help place-items-center rounded-full bg-blue-600 text-[10px] font-bold text-white outline-none">?5 <span class="absolute inset-0 animate-ping rounded-full bg-blue-500/60 group-hover:hidden"></span>6 <span class="pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 w-40 -translate-x-1/2 scale-90 rounded-lg bg-white p-2.5 text-[11px] font-medium leading-snug text-slate-600 opacity-0 shadow-lg ring-1 ring-slate-200 transition group-hover:scale-100 group-hover:opacity-100 group-focus:scale-100 group-focus:opacity-100">Usamos só para emitir sua nota fiscal. Não fica público.<span class="absolute -bottom-1 left-1/2 size-2 -translate-x-1/2 rotate-45 bg-white ring-1 ring-slate-200 [clip-path:polygon(100%_0,100%_100%,0_100%)]"></span></span>7 </span>8 </div>9 <input class="w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-slate-800 outline-none placeholder:text-slate-400 focus:border-blue-500 focus:ring-2 focus:ring-blue-200" placeholder="000.000.000-00" />10</div>