pdaug · June 27, 2024 20:01
diff --git a/settingpage.tsx b/settingpage.tsx
 <body class="text-natural text-size-standard bg-neutral-light transition-all" style="">
        <div id="root"><div class="inset-0 bg-neutral-light flex flex-col h-screen w-screen overflow-hidden"><div class="bg-highlight border-b border-neutral flex justify-center h-24 shadow-style-cloud transition-all"><div class="w-desktop flex gap-8 justify-between"><div class="flex justify-center items-center gap-4"><div class="w-14 h-14 rounded-type-bend overflow-hidden"><img id="menuLogo" loading="lazy" src="/media/logo-black.png" alt="Logo TrackerNet"></div><div class="flex justify-center"><a class="" href="/dashboard"><div class="relative flex font-light items-center justify-center cursor-pointer w-24 h-24 transition-all text-natural"><span class="select-none text-size-highlight">Dashboard</span></div></a><a class="" href="/devices"><div class="relative flex font-light items-center justify-center cursor-pointer w-24 h-24 transition-all text-natural"><span class="select-none text-size-highlight">Dispositivos</span></div></a><a class="" href="/wip"><div class="relative flex font-light items-center justify-center cursor-pointer w-24 h-24 transition-all text-natural"><span class="select-none text-size-highlight">Revendas</span></div></a><a class="" href="/wip"><div class="relative flex font-light items-center justify-center cursor-pointer w-24 h-24 transition-all text-natural"><span class="select-none text-size-highlight">Pedidos</span></div></a><a class="" href="/financial"><div class="relative flex font-light items-center justify-center cursor-pointer w-24 h-24 transition-all text-natural"><span class="select-none text-size-highlight">Financeiro</span></div></a></div></div><div class="flex items-center gap-4"><div class="flex flex-col justify-center items-center"><div class="flex flex-row border items-center bg-neutral-light border-transparent  rounded-type-bend p-2 cursor-pointer"><input type="text" id="searchInput" autocomplete="off" placeholder="Nome, placa, cliente e sim card" class="bg-transparent w-60 h-8 text-size-highlight focus:outline-none px-2" value=""><label for="searchInput" class="cursor-pointer px-2"><div> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="magnifying-glass" class="svg-inline--fa fa-magnifying-glass " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 12px; height: 12px;"><path fill="currentColor" d="M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z"></path></svg> </div></label></div><div class="relative z-50 flex flex-col items-center" style="opacity: 1; transform: none;"></div></div><div><div id="tooltip"><div class="rounded-full border border-transparent"><div data-testid="buttonCircle" class="border-neutral  hover:shadow-inner cursor-pointer aspect-square flex items-center justify-center transition-all bg-highlight border shadow-style-cloud rounded-full relative" style="width: 44px; height: 44px; min-height: 44px;"><div data-testid="buttonCounter" class="w-4 h-4 absolute top-0 right-0 bg-[var(--primary)] text-white flex items-center justify-center rounded-full text-size-smaller leading-none" style="background: var(--primary);">5</div><div data-testid="buttonIcon" class="h-full w-full flex items-center justify-center text-size-highlight text-natural leading-none"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="bell" class="svg-inline--fa fa-bell " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M208 16c0-8.8 7.2-16 16-16s16 7.2 16 16V32.8c80.9 8 144 76.2 144 159.2v29.1c0 43.7 17.4 85.6 48.3 116.6l2.8 2.8c8.3 8.3 13 19.6 13 31.3c0 24.5-19.8 44.3-44.3 44.3H44.3C19.8 416 0 396.2 0 371.7c0-11.7 4.7-23 13-31.3l2.8-2.8C46.6 306.7 64 264.8 64 221.1V192c0-83 63.1-151.2 144-159.2V16zm16 48C153.3 64 96 121.3 96 192v29.1c0 52.2-20.7 102.3-57.7 139.2L35.6 363c-2.3 2.3-3.6 5.4-3.6 8.7c0 6.8 5.5 12.3 12.3 12.3H403.7c6.8 0 12.3-5.5 12.3-12.3c0-3.3-1.3-6.4-3.6-8.7l-2.8-2.8c-36.9-36.9-57.7-87-57.7-139.2V192c0-70.7-57.3-128-128-128zM193.8 458.7c4.4 12.4 16.3 21.3 30.2 21.3s25.8-8.9 30.2-21.3c2.9-8.3 12.1-12.7 20.4-9.8s12.7 12.1 9.8 20.4C275.6 494.2 251.9 512 224 512s-51.6-17.8-60.4-42.7c-2.9-8.3 1.4-17.5 9.8-20.4s17.5 1.4 20.4 9.8z"></path></svg></div></div></div><span id="tooltiptext">Notificações</span></div><div class="relative z-50 flex flex-col items-center" style="opacity: 1; transform: none;"></div></div><div><div class="cursor-pointer transition-colors bg-highlight border-primary border rounded-full w-48 shadow-style-cloud p-px  relative" style="opacity: 1;"><div class="flex w-full items-center gap-2"><div data-testid="imageCircle" class="rounded-full border border-neutral shadow-style-cloud relative" style="width: 42px; height: 42px;"><div data-testid="buttonCounter" class=" absolute bottom-0 right-0 text-white w-[30%] h-[30%] flex items-center justify-center rounded-full text-size-smaller" style="background: rgb(0, 184, 148);"></div><canvas data-testid="canvasPhoto" class="rounded-full" width="80" height="80" style="width: 40px; height: 40px; background-color: rgb(64, 114, 191);"></canvas></div><span class="flex-1 text-size-standard text-ellipsis whitespace-nowrap overflow-hidden w-2/3">Pedro Augusto dos Santos</span><div class="pr-4"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" color="#BBBBBB" style="width: 12px; height: 12px;"><path fill="currentColor" d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"></path></svg></div></div></div><div class="relative z-50" style="direction: rtl; opacity: 1;"></div></div></div></div></div><div class="flex-1 flex flex-col overflow-hidden"><div class="bg-highlight border-b border-neutral w-full flex justify-center h-16 shadow-style-cloud  transition-all z-30"><div class="w-desktop flex gap-8 items-center justify-between"><div class="flex gap-4"><a aria-current="page" class="active" href="/company"><div class="text-size-standard font-light text-blue-royal bg-highlight flex items-center gap-2 px-4 p-2 flex-1 border border-neutral rounded-type-round shadow-style-cloud cursor-pointer transition-colors text-blue-royal bg-highlight"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="building-memo" class="svg-inline--fa fa-building-memo " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 16px; height: 16px;"><path fill="currentColor" d="M320 32H64C46.3 32 32 46.3 32 64V448c0 17.7 14.3 32 32 32h64V416c0-35.3 28.7-64 64-64s64 28.7 64 64v64h35.3c3.4 11.9 9.2 22.7 16.8 32H256 224 160 128 64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H320c35.3 0 64 28.7 64 64h-8c-8.3 0-16.4 1.2-24 3.3V64c0-17.7-14.3-32-32-32zM306.3 98.3c-6.7 8.7-11.9 18.8-15 29.7H288 256v32h32v32H248c-13.3 0-24-10.7-24-24V120c0-13.3 10.7-24 24-24h48c3.7 0 7.2 .8 10.3 2.3zM288 224v32H256v32h32v32H248c-13.3 0-24-10.7-24-24V248c0-13.3 10.7-24 24-24h40zM192 384c-17.7 0-32 14.3-32 32v64h64V416c0-17.7-14.3-32-32-32zM88 96h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H88c-13.3 0-24-10.7-24-24V120c0-13.3 10.7-24 24-24zm8 64h32V128H96v32zm-8 64h48c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H88c-13.3 0-24-10.7-24-24V248c0-13.3 10.7-24 24-24zm8 64h32V256H96v32zM384 128c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H576c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H384zm-64 32c0-35.3 28.7-64 64-64H576c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H384c-35.3 0-64-28.7-64-64V160zm56 48a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm24 72a24 24 0 1 1 0 48 24 24 0 1 1 0-48zM376 400a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm88-208h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H464c-8.8 0-16-7.2-16-16s7.2-16 16-16zM448 304c0-8.8 7.2-16 16-16h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H464c-8.8 0-16-7.2-16-16zm16 80h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H464c-8.8 0-16-7.2-16-16s7.2-16 16-16z"></path></svg><span class="transition-all whitespace-nowrap overflow-hidden text-ellipsis max-w-full"> Seu negócio </span></div></a><a class="" href="/company/profile"><div class="text-size-standard font-light text-blue-royal bg-highlight flex items-center gap-2 px-4 p-2 flex-1 border border-neutral rounded-type-round shadow-style-cloud cursor-pointer transition-colors text-blue-royal bg-highlight"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="gears" class="svg-inline--fa fa-gears " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 16px; height: 16px;"><path fill="currentColor" d="M146.2 40.7l-6.9 25.1c-1.4 5.2-5.4 9.4-10.6 11c-14.6 4.6-27.9 12.4-39 22.5c-4 3.7-9.6 5.1-14.9 3.7L49.7 96.4c-2.2 3.1-4.3 6.3-6.3 9.6l-2.4 4.2c-1.8 3.3-3.5 6.6-5 10l18.3 18.5c3.8 3.9 5.4 9.4 4.2 14.7C56.8 160.7 56 168.2 56 176s.8 15.3 2.4 22.5c1.2 5.3-.4 10.8-4.2 14.7L35.9 231.8c1.5 3.4 3.2 6.7 5 10l2.5 4.3c2 3.3 4.1 6.5 6.3 9.6L74.9 249c5.3-1.4 10.9 0 14.9 3.7c11.1 10.2 24.3 17.9 39 22.5c5.2 1.6 9.2 5.8 10.6 11l6.9 25.1c4.5 .5 9.1 .7 13.8 .7s9.2-.2 13.8-.7l6.9-25.1c1.4-5.2 5.4-9.4 10.6-11c14.6-4.6 27.9-12.4 39-22.5c4-3.7 9.6-5.1 14.9-3.7l25.2 6.6c2.2-3 4.2-6.1 6.1-9.3l2.8-4.8c1.7-3.2 3.4-6.4 4.8-9.7l-18.3-18.5c-3.8-3.9-5.4-9.4-4.2-14.7c1.6-7.2 2.4-14.8 2.4-22.6s-.8-15.3-2.4-22.6c-1.2-5.3 .4-10.8 4.2-14.7l18.3-18.5c-1.5-3.3-3.1-6.5-4.8-9.7l-2.8-4.8c-1.9-3.2-4-6.3-6.1-9.3L245.1 103c-5.3 1.4-10.9 0-14.9-3.7c-11.1-10.2-24.3-17.9-39-22.5c-5.2-1.6-9.2-5.8-10.6-11l-6.9-25.1c-4.5-.5-9.1-.7-13.8-.7s-9.2 .2-13.8 .7zM130.8 10.5C140.3 8.9 150.1 8 160 8s19.7 .9 29.1 2.5c6.1 1.1 11 5.6 12.7 11.5l7.5 27.2c13.1 5.1 25.1 12.1 35.9 20.7l27.3-7.1c6-1.6 12.3 .5 16.3 5.2c5.6 6.7 10.7 13.8 15.2 21.3l.2 .3 0 0 2.9 5.1 .2 .3 0 0c4.1 7.5 7.7 15.4 10.7 23.6c2.1 5.8 .7 12.3-3.6 16.7l-19.8 20.1c1 6.8 1.6 13.7 1.6 20.7s-.5 13.9-1.6 20.7l19.8 20.1c4.3 4.4 5.8 10.9 3.6 16.7c-3 8.2-6.6 16-10.7 23.6l-.2 .3 0 0-3 5.1-.2 .3 0 0c-4.5 7.5-9.6 14.6-15.2 21.3c-4 4.7-10.3 6.8-16.3 5.2l-27.3-7.1c-10.7 8.6-22.8 15.6-35.8 20.7L201.8 330c-1.6 6-6.6 10.5-12.7 11.5c-9.5 1.7-19.2 2.5-29.1 2.5s-19.7-.9-29.2-2.5c-6.1-1.1-11-5.6-12.7-11.5l-7.5-27.2c-13.1-5.1-25.1-12.1-35.8-20.7l-27.3 7.1c-6 1.6-12.3-.5-16.3-5.2c-5.7-6.8-10.9-14-15.4-21.6l-.1-.2 0 0-2.6-4.5-.1-.2 0 0c-4.2-7.6-7.9-15.6-10.9-23.9c-2.1-5.8-.7-12.3 3.6-16.7l19.8-20.1C24.5 189.9 24 183 24 176s.5-13.9 1.6-20.7L5.7 135.2c-4.3-4.4-5.8-10.9-3.6-16.7c3-8.3 6.7-16.3 10.9-23.9l.1-.2 0 0 2.6-4.5 .1-.2 0 0C20.4 82 25.6 74.8 31.3 68c4-4.7 10.3-6.8 16.3-5.2l27.3 7.1c10.7-8.6 22.8-15.6 35.8-20.7L118.2 22c1.6-6 6.6-10.5 12.7-11.5zM104 176a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm56 24a24 24 0 1 0 0-48 24 24 0 1 0 0 48zM328.7 365.8l25.1 6.9c5.2 1.4 9.4 5.4 11 10.6c4.6 14.6 12.4 27.9 22.5 39c3.7 4 5.1 9.6 3.7 14.9l-6.6 25.2c3.1 2.2 6.3 4.3 9.6 6.3l4.2 2.4c3.3 1.8 6.6 3.5 10 5l18.5-18.3c3.9-3.8 9.4-5.4 14.7-4.2c7.2 1.6 14.8 2.4 22.5 2.4s15.3-.8 22.5-2.4c5.3-1.2 10.8 .4 14.7 4.2l18.5 18.3c3.4-1.5 6.7-3.2 10-5l4.3-2.5c3.3-2 6.5-4.1 9.6-6.3L537 437.1c-1.4-5.3 0-10.9 3.7-14.9c10.2-11.1 17.9-24.3 22.5-39c1.6-5.2 5.8-9.2 11-10.6l25.1-6.9c.5-4.5 .7-9.1 .7-13.8s-.2-9.2-.7-13.8l-25.1-6.9c-5.2-1.4-9.4-5.4-11-10.6c-4.6-14.7-12.4-27.9-22.5-39c-3.7-4-5.1-9.6-3.7-14.9l6.6-25.2c-3-2.2-6.1-4.2-9.3-6.1l-4.8-2.8c-3.2-1.7-6.4-3.4-9.7-4.8l-18.5 18.3c-3.9 3.8-9.4 5.4-14.7 4.2c-7.2-1.6-14.8-2.4-22.6-2.4s-15.3 .8-22.6 2.4c-5.3 1.2-10.8-.4-14.7-4.2l-18.5-18.3c-3.3 1.5-6.5 3.1-9.7 4.8l-4.8 2.8c-3.2 1.9-6.3 4-9.3 6.1l6.6 25.2c1.4 5.3 0 10.9-3.7 14.9c-10.2 11.1-17.9 24.3-22.5 39c-1.6 5.2-5.8 9.2-11 10.6l-25.1 6.9c-.5 4.5-.7 9.1-.7 13.8s.2 9.2 .7 13.8zm-30.2 15.4c-1.7-9.5-2.5-19.2-2.5-29.2s.9-19.7 2.5-29.1c1.1-6.1 5.6-11 11.5-12.7l27.2-7.5c5.1-13.1 12.1-25.1 20.7-35.9l-7.1-27.3c-1.6-6 .5-12.3 5.2-16.3c6.7-5.6 13.8-10.7 21.3-15.2l.3-.2 0 0 5.1-2.9 .3-.2 0 0c7.5-4.1 15.4-7.7 23.6-10.7c5.8-2.1 12.3-.7 16.7 3.6l20.1 19.8c6.8-1 13.7-1.6 20.7-1.6s13.9 .5 20.7 1.6l20.1-19.8c4.4-4.3 10.9-5.8 16.7-3.6c8.2 3 16 6.6 23.6 10.7l.3 .2 0 0 5.1 3 .3 .2 0 0c7.5 4.5 14.6 9.6 21.3 15.2c4.7 4 6.7 10.3 5.2 16.3l-7.1 27.3c8.6 10.7 15.6 22.8 20.7 35.8l27.2 7.5c6 1.6 10.5 6.6 11.5 12.7c1.7 9.5 2.5 19.2 2.5 29.1s-.9 19.7-2.5 29.2c-1.1 6.1-5.6 11-11.5 12.7l-27.2 7.5c-5.1 13.1-12.1 25.1-20.7 35.8l7.1 27.3c1.6 6-.5 12.3-5.2 16.3c-6.8 5.7-14 10.9-21.6 15.4l-.2 .1 0 0-4.5 2.6-.2 .1 0 0c-7.6 4.2-15.6 7.9-23.9 10.9c-5.8 2.1-12.3 .7-16.7-3.6l-20.1-19.8c-6.8 1-13.7 1.6-20.7 1.6s-13.9-.5-20.7-1.6l-20.1 19.8c-4.4 4.3-10.9 5.8-16.7 3.6c-8.3-3-16.3-6.7-23.9-10.9l-.2-.1 0 0-4.5-2.6-.2-.1 0 0c-7.6-4.6-14.9-9.8-21.6-15.4c-4.7-4-6.8-10.3-5.2-16.3l7.1-27.3c-8.6-10.7-15.6-22.8-20.7-35.8L310 393.8c-6-1.6-10.5-6.6-11.5-12.7zM464 408a56 56 0 1 1 0-112 56 56 0 1 1 0 112zm24-56a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z"></path></svg><span class="transition-all whitespace-nowrap overflow-hidden text-ellipsis max-w-full"> Perfis </span></div></a><a class="" href="/company/marketing"><div class="text-size-standard font-light text-blue-royal bg-highlight flex items-center gap-2 px-4 p-2 flex-1 border border-neutral rounded-type-round shadow-style-cloud cursor-pointer transition-colors text-blue-royal bg-highlight"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="envelopes-bulk" class="svg-inline--fa fa-envelopes-bulk " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 16px; height: 16px;"><path fill="currentColor" d="M112 32H400c8.8 0 16 7.2 16 16V64h32V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48V192H96V48c0-8.8 7.2-16 16-16zM224 144c0-8.8 7.2-16 16-16H592c8.8 0 16 7.2 16 16V368c0 8.8-7.2 16-16 16H416v32H592c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H240c-26.5 0-48 21.5-48 48v48h32V144zM48 256H336c8.8 0 16 7.2 16 16v5L196.9 391.9c-1.4 1-3.1 1.6-4.9 1.6s-3.5-.6-4.9-1.6L32 277v-5c0-8.8 7.2-16 16-16zM32 464V316.8L168 417.6c6.9 5.1 15.3 7.9 24 7.9s17-2.8 24-7.9L352 316.8V464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16zM48 224c-26.5 0-48 21.5-48 48V464c0 26.5 21.5 48 48 48H336c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48zm448-64c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H496zm16 64V192h32v32H512z"></path></svg><span class="transition-all whitespace-nowrap overflow-hidden text-ellipsis max-w-full"> Marketing </span></div></a><a class="" href="/company/representative"><div class="text-size-standard font-light text-blue-royal bg-highlight flex items-center gap-2 px-4 p-2 flex-1 border border-neutral rounded-type-round shadow-style-cloud cursor-pointer transition-colors text-blue-royal bg-highlight"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="user-group" class="svg-inline--fa fa-user-group " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" style="width: 16px; height: 16px;"><path fill="currentColor" d="M128 128a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM269.7 336c80 0 145 64.3 146.3 144H32c1.2-79.7 66.2-144 146.3-144h91.4zM224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zm431 208c17 0 30.7-13.8 30.7-30.7C640 392.2 567.8 320 478.7 320H417.3c-4.4 0-8.8 .2-13.2 .5c11.3 9.4 21.6 19.9 30.7 31.5h43.9c71 0 128.6 57.2 129.3 128H480c0 .8 0 1.5 0 2.3c0 10.8-2.8 20.9-7.6 29.7H609.3zM432 256c61.9 0 112-50.1 112-112s-50.1-112-112-112c-24.8 0-47.7 8.1-66.3 21.7c5.2 9.8 9.3 20.3 12.4 31.2C392.3 71.9 411.2 64 432 64c44.2 0 80 35.8 80 80s-35.8 80-80 80c-25.2 0-47.6-11.6-62.3-29.8c-4.7 10.3-10.4 19.9-17 28.9C373 243.4 401 256 432 256z"></path></svg><span class="transition-all whitespace-nowrap overflow-hidden text-ellipsis max-w-full"> Representantes </span></div></a></div></div></div><div class="flex-1 flex flex-col items-center gap-6 overflow-y-scroll overflow-x-hidden snap-y snap-mandatory" id="__FPSC_ID_1_1719518389737" style=""><div class="py-4 flex flex-col items-center gap-4 flex-1 snap-start snap-always"><div class="w-subdesktop flex flex-col gap-4"><div class="flex flex-col gap-4"><div class="flex text-neutral-dark pl-1 gap-2"><div class=" flex items-center gap-1 cursor-pointer"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="arrow-left" class="svg-inline--fa fa-arrow-left " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="height: 12px;"><path fill="currentColor" d="M4.7 244.7c-6.2 6.2-6.2 16.4 0 22.6l176 176c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L54.6 272 432 272c8.8 0 16-7.2 16-16s-7.2-16-16-16L54.6 240 203.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-176 176z"></path></svg><span> Voltar </span></div><span> | </span><div class="flex "><a aria-current="page" class="active" href="/company"><div class="flex items-center gap-1"><span> Negócio </span><span> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" style="height: 10px;"><path fill="currentColor" d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z"></path></svg> </span></div></a></div><div class="flex "><span class="font-bold">Editar</span></div></div></div></div><div class="flex w-desktop gap-8"><form class="flex w-desktop gap-6 mx-auto"><div class="flex flex-1 flex-col gap-6"><div class="snap-start snap-always flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Imagem</div><div class="text-size-standard">Escolha quais as imagens serão exibidas:</div><div class="flex gap-4 mt-4"><div><input type="file" accept="image/*" class="hidden" id="inputLogo"><div class="flex flex-col gap-2 items-center justify-center text-neutral hover:text-neutral-dark bg-neutral-light border hover:border-4 hover:border-dashed border-neutral h-32 w-32 overflow-hidden rounded-type-bend cursor-pointer transition-all"><label for="inputLogo" class="relative group h-full w-full flex justify-center items-center cursor-pointer"><img alt="Logo" loading="lazy" src="blob:https://tracker-net-dev.web.app/01b8330f-c5f1-42f2-8c1c-1fcc08ace65d" class="absolute top-0 left-0 object-cover group-hover:opacity-80 h-32 w-32"></label></div></div><div class="flex flex-1"><input type="file" accept="image/*" class="hidden" id="inputBackground"><div class="flex flex-col gap-2 items-center justify-center text-neutral hover:text-neutral-dark bg-neutral-light border hover:border-4 hover:border-dashed border-neutral h-32 w-full overflow-hidden rounded-type-bend cursor-pointer transition-all"><label for="inputBackground" class="relative group h-full w-full flex justify-center items-center cursor-pointer"><img alt="background" src="blob:https://tracker-net-dev.web.app/fd368860-1675-4fb0-a860-32152321f84c" class="absolute top-0 left-0 group-hover:opacity-80 object-cover h-32 w-[380px]"></label></div></div></div></div></div><div class="snap-start snap-always flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Dados</div><div class="text-size-standard">Preencha os dados abaixo para a configuração do seu negócio:</div><div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="TrrH3IvpS1atkb9kbmPta"><span> Como deseja chamá-lo? </span></label><div class="relative pb-4"><label for="TrrH3IvpS1atkb9kbmPta" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="TrrH3IvpS1atkb9kbmPta" name="TrrH3IvpS1atkb9kbmPta" placeholder="Nome do seu negócio" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="Pedro Augusto dos Santos"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="E_HAkcoI6fCkbIGuJw3np"><span> Razão social </span></label><div class="relative pb-4"><label for="E_HAkcoI6fCkbIGuJw3np" class=" bg-neutral-light text-gray-stone cursor-not-allowed peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="E_HAkcoI6fCkbIGuJw3np" name="E_HAkcoI6fCkbIGuJw3np" disabled="" placeholder="Empresa LTDA." class="peer flex-1 text-size-highlight focus:outline-none px-2" value=""></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-1 flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="kFku5IVIZIoiK81yRb17y"><span> Descrição da empresa: </span></label><div class="relative flex-1 pb-4"><textarea placeholder="Rastreamento veícular" class="peer flex h-full bg-highlight border border-neutral focus:border-primary w-full px-4 py-3 text-size-highlight outline-none rounded-type-round resize-none">no_description</textarea><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="9iuVTx7RivtnzCk12bdLH"><span> CNPJ: </span></label><div class="relative pb-4"><label for="9iuVTx7RivtnzCk12bdLH" class=" bg-neutral-light text-gray-stone cursor-not-allowed peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="9iuVTx7RivtnzCk12bdLH" name="9iuVTx7RivtnzCk12bdLH" disabled="" placeholder="__.___.___/____-__" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="49998989850" inputmode="text"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="aDQS71bIsk1UvKXN5rnzx"><span> Website: </span></label><div class="relative pb-4"><label for="aDQS71bIsk1UvKXN5rnzx" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="aDQS71bIsk1UvKXN5rnzx" name="aDQS71bIsk1UvKXN5rnzx" placeholder="https://www.rastreioltda.com.br/" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="https://pedro.com.br/"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="pb-4"><div class=" flex flex-col gap-2 relative"><label class="text-size-standard text-natural" for="wvXxlVhp7vU_ICPnvQiqe">Telefone:</label><div class="transition-all relative border border-neutral rounded-type-round hover:border-primary border-neutral flex"><div class="bg-highlight flex h-12 items-center rounded-tl-type-round rounded-bl-type-round focus:shadow-style-cloud"><div id="wvXxlVhp7vU_ICPnvQiqe" class="bg-transparent outline-none px-4 text-size-highlight text-blue-jeans flex-1"><img src="https://flagsapi.com/BR/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></div></div><div class="flex-col max-h-96 h-64 overflow-y-auto absolute hidden-scrollbar border border-neutral rounded-type-round overflow-hidden transition-all z-50 hidden" style="width: 0px;"><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="AR"><img src="https://flagsapi.com/AR/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="BO"><img src="https://flagsapi.com/BO/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-neutral-light"><span class="flex-1 text-base" data-value="BR"><img src="https://flagsapi.com/BR/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="CL"><img src="https://flagsapi.com/CL/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="PE"><img src="https://flagsapi.com/PE/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="UY"><img src="https://flagsapi.com/UY/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div><div class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base" data-value="US"><img src="https://flagsapi.com/US/flat/64.png" alt="Country" style="height: 24px; width: 24px;"></span></div></div><input type="text" id="wvXxlVhp7vU_ICPnvQiqe" placeholder="+55 __ ____-____" class="bg-highlight pl-3 flex h-12 bg-highlight flex-1 text-size-highlight outline-none rounded-tr-type-round rounded-br-type-round text-natural shadow-style-cloud border-neutral" value="+55 11 94496-6894" inputmode="text"><span class="text-size-smaller text-red-persian absolute -bottom-4"></span></div></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="0VZZ7H0C3COUdt93ju4ET"><span> E-mail: </span></label><div class="relative pb-4"><label for="0VZZ7H0C3COUdt93ju4ET" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="0VZZ7H0C3COUdt93ju4ET" name="0VZZ7H0C3COUdt93ju4ET" placeholder="[email protected]" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="[email protected]"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div></div></div></div><div class="snap-start snap-always flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Domínio</div><div class="text-size-standard">Coloque abaixo o seu domínio personalizado para os clientes acessarem a plataforma.</div><div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="4ioldefdFzX4ZFetDkGHy"><span> Domínio </span></label><div class="relative pb-4"><label for="4ioldefdFzX4ZFetDkGHy" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="4ioldefdFzX4ZFetDkGHy" name="4ioldefdFzX4ZFetDkGHy" placeholder="dominio.rastreio.com.br" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="pedro.com.br"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div></div></div></div><div class="snap-start snap-always flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Endereço</div><div class="text-size-standard">Complete os dados relacionado ao local de endereço da sua empresa:</div><div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="usAzypLlyROF4YX0AzSDy"><span> CEP: </span></label><div class="relative pb-4"><label for="usAzypLlyROF4YX0AzSDy" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="usAzypLlyROF4YX0AzSDy" name="usAzypLlyROF4YX0AzSDy" placeholder="_____-___" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="13302200" inputmode="text"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex gap-4"><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="M4_w_55vtNMpI-25qua0C"><span> Rua: </span></label><div class="relative pb-4"><label for="M4_w_55vtNMpI-25qua0C" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="M4_w_55vtNMpI-25qua0C" name="M4_w_55vtNMpI-25qua0C" placeholder="Rua Azul" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="Avenida das Emas"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="wemSpbfJ8gaOrgy_1OeXV"><span> Número: </span></label><div class="relative pb-4"><label for="wemSpbfJ8gaOrgy_1OeXV" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="wemSpbfJ8gaOrgy_1OeXV" name="wemSpbfJ8gaOrgy_1OeXV" placeholder="123" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="200"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="9O2mvqnboUpUOeMhBxzxM"><span> Complemento: </span></label><div class="relative pb-4"><label for="9O2mvqnboUpUOeMhBxzxM" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="9O2mvqnboUpUOeMhBxzxM" name="9O2mvqnboUpUOeMhBxzxM" placeholder="Apto 2 Bloco 3" class="peer flex-1 text-size-highlight focus:outline-none px-2" value=""></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex gap-4"><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="gaN1xvzs36QdDmB_avMJ5"><span> Bairro: </span></label><div class="relative pb-4"><label for="gaN1xvzs36QdDmB_avMJ5" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="gaN1xvzs36QdDmB_avMJ5" name="gaN1xvzs36QdDmB_avMJ5" placeholder="Bairro Marinho" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="Jardim Paraíso"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div><div class="flex flex-col gap-2 w-full overflow-hidden"><label class="text-size-standard text-natural" for="UMeSMNwRhMG0xcZf_fFBf"><span> Cidade: </span></label><div class="relative pb-4"><label for="UMeSMNwRhMG0xcZf_fFBf" class="bg-highlight text-natural cursor-text peer flex-row flex h-12 border focus:border-blue-sky w-full px-4 text-size-highlight outline-none rounded-type-round border-neutral items-center "><input type="text" id="UMeSMNwRhMG0xcZf_fFBf" name="UMeSMNwRhMG0xcZf_fFBf" placeholder="Cidade Anil" class="peer flex-1 text-size-highlight focus:outline-none px-2" value="Itu"></label><span class="text-size-smaller text-red-persian absolute bottom-0"></span></div></div></div><div class="flex gap-4"><div class="flex flex-col justify-start gap-2 flex-1"><select id="QBVmGga2vUTyFAxhtdkS9" class="hidden"><option value="AC">AC</option><option value="AL">AL</option><option value="AP">AP</option><option value="AM">AM</option><option value="BA">BA</option><option value="CE">CE</option><option value="DF">DF</option><option value="ES">ES</option><option value="GO">GO</option><option value="MA">MA</option><option value="MT">MT</option><option value="MS">MS</option><option value="MG">MG</option><option value="PA">PA</option><option value="PB">PB</option><option value="PR">PR</option><option value="PE">PE</option><option value="PI">PI</option><option value="RJ">RJ</option><option value="RN">RN</option><option value="RS">RS</option><option value="RO">RO</option><option value="RR">RR</option><option value="SC">SC</option><option value="SP">SP</option><option value="SE">SE</option><option value="TO">TO</option></select><label class="text-size-standard text-natural" for="QBVmGga2vUTyFAxhtdkS9">Estado:</label><div tabindex="0" class="cursor-normal hover:border-primary flex h-full min-h-12 items-center bg-highlight border border-neutral border-neutral w-full rounded-type-round focus:shadow-style-cloud justify-between"><div id="QBVmGga2vUTyFAxhtdkS9" class="px-4 bg-transparent outline-none text-size-highlight text-natural flex-1 max-w-[1000px] overflow-hidden text-ellipsis whitespace-nowrap text-nowrap">SP</div><div class="px-2 flex items-center justify-center text-neutral-dark"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"></path></svg></div></div><div data-testid="selectDropdown" class="max-h-[96] overflow-y-auto absolute hidden-scrollbar rounded-type-bend overflow-hidden transition-all z-50 hidden flex-col" style="width: 0px; top: 0px;"><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="AC">AC</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="AL">AL</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="AP">AP</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="AM">AM</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="BA">BA</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="CE">CE</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="DF">DF</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="ES">ES</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="GO">GO</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="MA">MA</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="MT">MT</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="MS">MS</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="MG">MG</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="PA">PA</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="PB">PB</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="PR">PR</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="PE">PE</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="PI">PI</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="RJ">RJ</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="RN">RN</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="RS">RS</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="RO">RO</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="RR">RR</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="SC">SC</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class=""> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-bold flex-1 text-base" data-value="SP">SP</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="SE">SE</span></div><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class="opacity-0"> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-normal flex-1 text-base" data-value="TO">TO</span></div></div><div class="relative"><span class="text-size-smaller text-red-persian absolute -bottom-2"></span></div></div><div class="flex flex-col justify-start gap-2 flex-1"><select id="ob3irY7OIYoTkxeuUX-xA" class="hidden"><option value="Brasil">Brasil</option></select><label class="text-size-standard text-natural" for="ob3irY7OIYoTkxeuUX-xA">País:</label><div tabindex="0" class="cursor-normal hover:border-primary flex h-full min-h-12 items-center bg-highlight border border-neutral border-neutral w-full rounded-type-round focus:shadow-style-cloud justify-between"><div id="ob3irY7OIYoTkxeuUX-xA" class="px-4 bg-transparent outline-none text-size-highlight text-natural flex-1 max-w-[1000px] overflow-hidden text-ellipsis whitespace-nowrap text-nowrap">Brasil</div><div class="px-2 flex items-center justify-center text-neutral-dark"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"></path></svg></div></div><div data-testid="selectDropdown" class="max-h-[96] overflow-y-auto absolute hidden-scrollbar rounded-type-bend overflow-hidden transition-all z-50 hidden flex-col" style="width: 0px; top: 0px;"><div tabindex="0" class="p-4 focus:bg-neutral-light hover:bg-neutral-light bg-highlight transition-all flex gap-2 items-center"><div class=""> <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="check" class="svg-inline--fa fa-check " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 14px; height: 14px;"><path fill="currentColor" d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"></path></svg> </div><span class="font-bold flex-1 text-base" data-value="Brasil">Brasil</span></div></div><div class="relative"><span class="text-size-smaller text-red-persian absolute -bottom-2"></span></div></div></div></div></div></div><div class="snap-start snap-always flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Idioma</div><div class="text-size-standard">Escolha o idioma que será aplicado na plataforma:</div><div class="flex flex-col gap-2 relative"><label class="text-size-standard text-natural" for="s9VUfRunJuqrHmZOchwse"></label><div class="relative flex gap-4 pb-4"><div class="flex-1 flex h-12 items-center bg-highlight border hover:border-primary border-neutral rounded-type-round focus:shadow-style-cloud"><div id="s9VUfRunJuqrHmZOchwse" class="bg-transparent outline-none px-4 text-size-highlight text-blue-jeans flex-1 flex gap-2"><img src="https://flagsapi.com/BR/flat/64.png" alt="Country" style="height: 24px; width: 24px;"><span> Português </span></div></div><div class="flex-col max-h-96 overflow-y-auto absolute hidden-scrollbar border border-neutral rounded-type-bend overflow-hidden transition-all z-50 hidden" style="width: 0px;"><li id="pt-BR" class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-neutral-light"><span class="flex-1 text-base flex gap-2" data-value="pt-BR"><img src="https://flagsapi.com/BR/flat/64.png" alt="Country" style="height: 24px; width: 24px;"><span> Português </span></span></li><li id="en" class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base flex gap-2" data-value="en"><img src="https://flagsapi.com/US/flat/64.png" alt="Country" style="height: 24px; width: 24px;"><span> English </span></span></li><li id="es" class="p-4 hover:bg-neutral-light transition-all flex gap-2 items-center bg-highlight"><span class="flex-1 text-base flex gap-2" data-value="es"><img src="https://flagsapi.com/ES/flat/64.png" alt="Country" style="height: 24px; width: 24px;"><span> Español </span></span></li></div></div></div></div></div><div class="flex flex-col gap-6 p-6 bg-highlight border border-neutral rounded-type-bend shadow-style-cloud transition-colors"><div class="flex-1 flex flex-col gap-6"><div class="flex flex-col gap-6"><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Tema</div><div class="text-size-standard ">Escolha o tema que será aplicado para as janelas da plataforma:</div><div class="flex py-4 gap-4 flex-wrap flex-1"><div class="flex-1 p-4 bg-white rounded-type-bend border border-gray-urban text-blue-marine cursor-pointer flex items-center justify-center transition-colors"><div class="text-size-highlight text-center">Defina seu tema para claro</div></div><div class="flex-1 p-4 rounded-type-bend bg-[#2B2D30] text-white border border-[#55595E] cursor-pointer flex items-center justify-center"><div class="text-size-highlight text-center">Defina seu tema para escuro</div></div></div></div><div class="flex-1 flex flex-col gap-2"><div class="font-bold text-size-subtitle">Cores</div><div class="text-size-standard">Faça a seleção da cor principal que será utilizada em elementos dentro da platforma:</div><div class="flex p-4 gap-4 flex-wrap"><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(244, 67, 54); outline-color: rgb(244, 67, 54);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(233, 30, 99); outline-color: rgb(233, 30, 99);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(156, 39, 176); outline-color: rgb(156, 39, 176);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(103, 58, 183); outline-color: rgb(103, 58, 183);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(63, 81, 181); outline-color: rgb(63, 81, 181);"></div><div class="border-2  border-highlight outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(57, 162, 219); outline-color: rgb(57, 162, 219);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(3, 169, 244); outline-color: rgb(3, 169, 244);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(0, 188, 212); outline-color: rgb(0, 188, 212);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(0, 150, 136); outline-color: rgb(0, 150, 136);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(76, 175, 80); outline-color: rgb(76, 175, 80);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(139, 195, 74); outline-color: rgb(139, 195, 74);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(205, 220, 57); outline-color: rgb(205, 220, 57);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(255, 214, 10); outline-color: rgb(255, 214, 10);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(255, 193, 7); outline-color: rgb(255, 193, 7);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(255, 152, 0); outline-color: rgb(255, 152, 0);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(255, 87, 34); outline-color: rgb(255, 87, 34);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(237, 90, 179); outline-color: rgb(237, 90, 179);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(252, 41, 71); outline-color: rgb(252, 41, 71);"></div><div class="border-2  border-highlight hover:outline cursor-pointer" style="height: 32px; width: 32px; border-radius: 100px; background-color: rgb(170, 170, 170); outline-color: rgb(170, 170, 170);"></div><input class="hidden" type="color" name="color-picker" id="color-picker"><div class="h-8 w-8 rounded-full cursor-pointer relative border border-highlight transition-all hover:outline" style="background-image: conic-gradient(from 90deg, violet, indigo, blue, green, yellow, orange, red, violet); outline-color: rgb(57, 162, 219);"></div></div></div></div></div></div><div class="h-32"></div></div><div class="w-[680px] transition-all"><div class="w-[680px] mx-auto flex border rounded-type-bend shadow-style-cloud overflow-hidden absolute pointer-events-none transition-all" style="background: rgb(255, 255, 255); border-color: rgb(217, 217, 217); color: rgb(51, 66, 87);"><div class="w-5/12 flex flex-col p-8 gap-8"><div class="flex items-center justify-center"><div class="border flex items-center justify-center h-24 w-24 overflow-hidden rounded-type-bend shadow-style-cloud transition-colors text-neutral" style="background: rgb(238, 238, 238); border-color: rgb(217, 217, 217);"><div class="relative h-full w-full" style="opacity: 1;"><img src="blob:https://tracker-net-dev.web.app/01b8330f-c5f1-42f2-8c1c-1fcc08ace65d" alt="Logo da empresa" class="absolute top-0 left-0 w-24 h-24 transition-all"></div></div></div><div class="flex flex-col gap-8"><div class="font-bold h-[96px] text-size-title text-center text-ellipsis leading-none overflow-hidden w-full break-words relative transition-all">Pedro Augusto dos Sa<span style="opacity: 1;"><span>.</span><span>.</span><span>.</span></span></div><div class="relative text-size-highlight text-center text-ellipsis overflow-hidden w-full break-words h-24">no_description</div><a href="https://pedro.com.br/" target="_blank" class="pointer-events-auto text-size-highlight transition-colors" style="color: rgb(57, 162, 219);">Acesse o Website!</a><div class="flex"><button class="pointer-events-auto w-full py-3 px-8 rounded-type-bend flex justify-center cursor-pointer hover:opacity-90 transition-colors" style="background: rgb(57, 162, 219);"><span class="text-size-highlight text-white">Aplicar</span></button></div></div></div><div class="flex-1"><div class="h-full border-l overflow-hidden transition-colors" style="background: rgb(238, 238, 238); border-color: rgb(217, 217, 217);"><div class="relative w-full h-full" style="opacity: 1;"><img src="blob:https://tracker-net-dev.web.app/fd368860-1675-4fb0-a860-32152321f84c" alt="Fundo" class="absolute top-0 left-0 object-cover w-[400px] h-[560px] transition-all"></div></div></div></div></div></form></div></div></div></div></div></div>
        <div id="root-modal" style="overflow: hidden;">
        </div>
        
        <script src="/js/script.js"></script>
    
 </body>