方诺官网改正版
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

7603 lines
373 KiB

  1. <template>
  2. <div>
  3. <div class="intro-y flex flex-col sm:flex-row items-center mt-8">
  4. <h2 class="text-lg font-medium mr-auto">Chat</h2>
  5. <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
  6. <button class="button text-white bg-theme-1 shadow-md mr-2">
  7. Start New Chat
  8. </button>
  9. <div class="dropdown ml-auto sm:ml-0">
  10. <button
  11. class="dropdown-toggle button px-2 box text-gray-700"
  12. >
  13. <span class="w-5 h-5 flex items-center justify-center">
  14. <PlusIcon class="w-4 h-4" />
  15. </span>
  16. </button>
  17. <div class="dropdown-box w-40">
  18. <div class="dropdown-box__content box p-2">
  19. <a
  20. href=""
  21. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  22. >
  23. <UsersIcon class="w-4 h-4 mr-2" /> Create Group
  24. </a>
  25. <a
  26. href=""
  27. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  28. >
  29. <SettingsIcon class="w-4 h-4 mr-2" /> Settings
  30. </a>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="intro-y chat grid grid-cols-12 gap-5 mt-5">
  37. <!-- BEGIN: Chat Side Menu -->
  38. <div class="col-span-12 lg:col-span-4 xxl:col-span-3">
  39. <div class="intro-y pr-1">
  40. <div class="box p-2">
  41. <div class="chat__tabs nav-tabs justify-center flex">
  42. <a
  43. data-toggle="tab"
  44. data-target="#chats"
  45. href="javascript:;"
  46. class="flex-1 py-2 rounded-md text-center active"
  47. >Chats</a
  48. >
  49. <a
  50. data-toggle="tab"
  51. data-target="#friends"
  52. href="javascript:;"
  53. class="flex-1 py-2 rounded-md text-center"
  54. >Friends</a
  55. >
  56. <a
  57. data-toggle="tab"
  58. data-target="#profile"
  59. href="javascript:;"
  60. class="flex-1 py-2 rounded-md text-center"
  61. >Profile</a
  62. >
  63. </div>
  64. </div>
  65. </div>
  66. <div class="tab-content">
  67. <div id="chats" class="tab-content__pane active">
  68. <div class="pr-1">
  69. <div class="box px-5 pt-5 pb-5 lg:pb-0 mt-5">
  70. <div class="relative text-gray-700">
  71. <input
  72. type="text"
  73. class="input input--lg w-full bg-gray-200 pr-10 placeholder-theme-13"
  74. placeholder="Search for messages or users..."
  75. />
  76. <SearchIcon
  77. class="w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0"
  78. />
  79. </div>
  80. <div class="overflow-x-auto scrollbar-hidden">
  81. <div class="flex mt-5">
  82. <a
  83. v-for="(faker, fakerKey) in $_.take($f(), 10)"
  84. :key="fakerKey"
  85. href=""
  86. class="w-10 mr-4 cursor-pointer"
  87. >
  88. <div class="w-10 h-10 flex-none image-fit rounded-full">
  89. <img
  90. alt=""
  91. class="rounded-full"
  92. :src="require(`@/assets/images/${faker.photos[0]}`)"
  93. />
  94. <div
  95. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  96. ></div>
  97. </div>
  98. <div
  99. class="text-xs text-gray-600 truncate text-center mt-2"
  100. >
  101. {{ faker.users[0].name }}
  102. </div>
  103. </a>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div
  109. class="chat__chat-list overflow-y-auto scrollbar-hidden pr-1 pt-1 mt-4"
  110. >
  111. <div
  112. v-for="(faker, fakerKey) in $_.take($f(), 10)"
  113. :key="fakerKey"
  114. class="intro-x cursor-pointer box relative flex items-center p-5"
  115. :class="{ 'mt-5': fakerKey }"
  116. @click="showChatBox"
  117. >
  118. <div class="w-12 h-12 flex-none image-fit mr-1">
  119. <img
  120. alt=""
  121. class="rounded-full"
  122. :src="require(`@/assets/images/${faker.photos[0]}`)"
  123. />
  124. <div
  125. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  126. ></div>
  127. </div>
  128. <div class="ml-2 overflow-hidden">
  129. <div class="flex items-center">
  130. <a href="javascript:;" class="font-medium">{{
  131. faker.users[0].name
  132. }}</a>
  133. <div class="text-xs text-gray-500 ml-auto">
  134. {{ faker.times[0] }}
  135. </div>
  136. </div>
  137. <div class="w-full truncate text-gray-600">
  138. {{ faker.news[0].short_content }}
  139. </div>
  140. </div>
  141. <div
  142. v-if="faker.true_false[0]"
  143. class="w-5 h-5 flex items-center justify-center absolute top-0 right-0 text-xs text-white rounded-full bg-theme-1 font-medium -mt-1 -mr-1"
  144. >
  145. {{ faker.notification_count }}
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <div id="friends" class="tab-content__pane">
  151. <div class="pr-1">
  152. <div class="box p-5 mt-5">
  153. <div class="relative text-gray-700">
  154. <input
  155. type="text"
  156. class="input input--lg w-full bg-gray-200 pr-10 placeholder-theme-13"
  157. placeholder="Search for messages or users..."
  158. />
  159. <SearchIcon
  160. class="w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0"
  161. />
  162. </div>
  163. <button
  164. type="button"
  165. class="button w-full bg-theme-1 text-white mt-3"
  166. >
  167. Invite Friends
  168. </button>
  169. </div>
  170. </div>
  171. <div
  172. class="chat__user-list overflow-y-auto scrollbar-hidden pr-1 pt-1"
  173. >
  174. <div class="mt-4 text-gray-600">A</div>
  175. <div
  176. class="cursor-pointer box relative flex items-center p-5 mt-5"
  177. >
  178. <div class="w-12 h-12 flex-none image-fit mr-1">
  179. <img
  180. alt=""
  181. class="rounded-full"
  182. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  183. />
  184. <div
  185. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  186. ></div>
  187. </div>
  188. <div class="ml-2 overflow-hidden">
  189. <div class="flex items-center">
  190. <a href="" class="font-medium">{{
  191. $f()[0].users[0].name
  192. }}</a>
  193. </div>
  194. <div class="w-full truncate text-gray-600">
  195. Last seen 2 hours ago
  196. </div>
  197. </div>
  198. <div class="dropdown ml-auto">
  199. <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
  200. <MoreHorizontalIcon
  201. class="w-5 h-5 text-gray-700"
  202. />
  203. </a>
  204. <div class="dropdown-box w-40">
  205. <div class="dropdown-box__content box p-2">
  206. <a
  207. href=""
  208. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  209. >
  210. <Share2Icon class="w-4 h-4 mr-2" />
  211. Share Contact
  212. </a>
  213. <a
  214. href=""
  215. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  216. >
  217. <CopyIcon class="w-4 h-4 mr-2" /> Copy Contact
  218. </a>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. <div
  224. class="cursor-pointer box relative flex items-center p-5 mt-5"
  225. >
  226. <div class="w-12 h-12 flex-none image-fit mr-1">
  227. <img
  228. alt=""
  229. class="rounded-full"
  230. :src="require(`@/assets/images/${$f()[1].photos[0]}`)"
  231. />
  232. <div
  233. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  234. ></div>
  235. </div>
  236. <div class="ml-2 overflow-hidden">
  237. <div class="flex items-center">
  238. <a href="" class="font-medium">{{
  239. $f()[1]["users"][0]["name"]
  240. }}</a>
  241. </div>
  242. <div class="w-full truncate text-gray-600">
  243. Last seen 2 hours ago
  244. </div>
  245. </div>
  246. <div class="dropdown ml-auto">
  247. <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
  248. <MoreHorizontalIcon
  249. class="w-5 h-5 text-gray-700"
  250. />
  251. </a>
  252. <div class="dropdown-box w-40">
  253. <div class="dropdown-box__content box p-2">
  254. <a
  255. href=""
  256. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  257. >
  258. <Share2Icon class="w-4 h-4 mr-2" />
  259. Share Contact
  260. </a>
  261. <a
  262. href=""
  263. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  264. >
  265. <CopyIcon class="w-4 h-4 mr-2" /> Copy Contact
  266. </a>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. <div class="mt-4 text-gray-600">B</div>
  272. <div
  273. class="cursor-pointer box relative flex items-center p-5 mt-5"
  274. >
  275. <div class="w-12 h-12 flex-none image-fit mr-1">
  276. <img
  277. alt=""
  278. class="rounded-full"
  279. :src="require(`@/assets/images/${$f()[2].photos[0]}`)"
  280. />
  281. <div
  282. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  283. ></div>
  284. </div>
  285. <div class="ml-2 overflow-hidden">
  286. <div class="flex items-center">
  287. <a href="" class="font-medium">{{
  288. $f()[2]["users"][0]["name"]
  289. }}</a>
  290. </div>
  291. <div class="w-full truncate text-gray-600">
  292. Last seen 2 hours ago
  293. </div>
  294. </div>
  295. <div class="dropdown ml-auto">
  296. <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
  297. <MoreHorizontalIcon
  298. class="w-5 h-5 text-gray-700"
  299. />
  300. </a>
  301. <div class="dropdown-box w-40">
  302. <div class="dropdown-box__content box p-2">
  303. <a
  304. href=""
  305. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  306. >
  307. <Share2Icon class="w-4 h-4 mr-2" />
  308. Share Contact
  309. </a>
  310. <a
  311. href=""
  312. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  313. >
  314. <CopyIcon class="w-4 h-4 mr-2" /> Copy Contact
  315. </a>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. <div
  321. class="cursor-pointer box relative flex items-center p-5 mt-5"
  322. >
  323. <div class="w-12 h-12 flex-none image-fit mr-1">
  324. <img
  325. alt=""
  326. class="rounded-full"
  327. :src="require(`@/assets/images/${$f()[3].photos[0]}`)"
  328. />
  329. <div
  330. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  331. ></div>
  332. </div>
  333. <div class="ml-2 overflow-hidden">
  334. <div class="flex items-center">
  335. <a href="" class="font-medium">{{
  336. $f()[3]["users"][0]["name"]
  337. }}</a>
  338. </div>
  339. <div class="w-full truncate text-gray-600">
  340. Last seen 2 hours ago
  341. </div>
  342. </div>
  343. <div class="dropdown ml-auto">
  344. <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
  345. <MoreHorizontalIcon
  346. class="w-5 h-5 text-gray-700"
  347. />
  348. </a>
  349. <div class="dropdown-box w-40">
  350. <div class="dropdown-box__content box p-2">
  351. <a
  352. href=""
  353. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  354. >
  355. <Share2Icon class="w-4 h-4 mr-2" />
  356. Share Contact
  357. </a>
  358. <a
  359. href=""
  360. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  361. >
  362. <CopyIcon class="w-4 h-4 mr-2" /> Copy Contact
  363. </a>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. <div
  369. class="cursor-pointer box relative flex items-center p-5 mt-5"
  370. >
  371. <div class="w-12 h-12 flex-none image-fit mr-1">
  372. <img
  373. alt=""
  374. class="rounded-full"
  375. :src="require(`@/assets/images/${$f()[4].photos[0]}`)"
  376. />
  377. <div
  378. class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white"
  379. ></div>
  380. </div>
  381. <div class="ml-2 overflow-hidden">
  382. <div class="flex items-center">
  383. <a href="" class="font-medium">{{
  384. $f()[4]["users"][0]["name"]
  385. }}</a>
  386. </div>
  387. <div class="w-full truncate text-gray-600">
  388. Last seen 2 hours ago
  389. </div>
  390. </div>
  391. <div class="dropdown ml-auto">
  392. <a class="dropdown-toggle w-5 h-5 block" href="javascript:;">
  393. <MoreHorizontalIcon
  394. class="w-5 h-5 text-gray-700"
  395. />
  396. </a>
  397. <div class="dropdown-box w-40">
  398. <div class="dropdown-box__content box p-2">
  399. <a
  400. href=""
  401. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  402. >
  403. <Share2Icon class="w-4 h-4 mr-2" />
  404. Share Contact
  405. </a>
  406. <a
  407. href=""
  408. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  409. >
  410. <CopyIcon class="w-4 h-4 mr-2" /> Copy Contact
  411. </a>
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418. <div id="profile" class="tab-content__pane">
  419. <div class="pr-1">
  420. <div class="box px-5 py-10 mt-5">
  421. <div
  422. class="w-20 h-20 flex-none image-fit rounded-full overflow-hidden mx-auto"
  423. >
  424. <img
  425. alt=""
  426. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  427. />
  428. </div>
  429. <div class="text-center mt-3">
  430. <div class="font-medium text-lg">
  431. {{ $f()[0]["users"][0]["name"] }}
  432. </div>
  433. <div class="text-gray-600 mt-1">
  434. Tailwind HTML Admin Template
  435. </div>
  436. </div>
  437. </div>
  438. <div class="box p-5 mt-5">
  439. <div class="flex items-center border-b pb-5">
  440. <div class="">
  441. <div class="text-gray-600">Country</div>
  442. <div>New York City, USA</div>
  443. </div>
  444. <GlobeIcon class="w-4 h-4 text-gray-600 ml-auto" />
  445. </div>
  446. <div class="flex items-center border-b py-5">
  447. <div class="">
  448. <div class="text-gray-600">Phone</div>
  449. <div>+32 19 23 62 24 34</div>
  450. </div>
  451. <MicIcon class="w-4 h-4 text-gray-600 ml-auto" />
  452. </div>
  453. <div class="flex items-center border-b py-5">
  454. <div class="">
  455. <div class="text-gray-600">Email</div>
  456. <div>{{ $f()[0]["users"][0]["email"] }}</div>
  457. </div>
  458. <MailIcon class="w-4 h-4 text-gray-600 ml-auto" />
  459. </div>
  460. <div class="flex items-center pt-5">
  461. <div class="">
  462. <div class="text-gray-600">Joined Date</div>
  463. <div>{{ $f()[0]["dates"][0] }}</div>
  464. </div>
  465. <ClockIcon class="w-4 h-4 text-gray-600 ml-auto" />
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  472. <!-- END: Chat Side Menu -->
  473. <!-- BEGIN: Chat Content -->
  474. <div class="intro-y col-span-12 lg:col-span-8 xxl:col-span-9">
  475. <div class="chat__box box">
  476. <!-- BEGIN: Chat Active -->
  477. <div v-if="chatBox" class="h-full flex flex-col">
  478. <div
  479. class="flex flex-col sm:flex-row border-b border-gray-200 px-5 py-4"
  480. >
  481. <div class="flex items-center">
  482. <div
  483. class="w-10 h-10 sm:w-12 sm:h-12 flex-none image-fit relative"
  484. >
  485. <img
  486. alt=""
  487. class="rounded-full"
  488. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  489. />
  490. </div>
  491. <div class="ml-3 mr-auto">
  492. <div class="font-medium text-base">
  493. {{ $f()[0]["users"][0]["name"] }}
  494. </div>
  495. <div class="text-gray-600 text-xs sm:text-sm">
  496. Hey, I am using chat <span class="mx-1">•</span> Online
  497. </div>
  498. </div>
  499. </div>
  500. <div
  501. class="flex items-center sm:ml-auto mt-5 sm:mt-0 border-t sm:border-0 border-gray-200 pt-3 sm:pt-0 -mx-5 sm:mx-0 px-5 sm:px-0"
  502. >
  503. <a href="javascript:;" class="w-5 h-5 text-gray-500">
  504. <SearchIcon class="w-5 h-5" />
  505. </a>
  506. <a href="javascript:;" class="w-5 h-5 text-gray-500 ml-5">
  507. <UserPlusIcon class="w-5 h-5" />
  508. </a>
  509. <div class="dropdown ml-auto sm:ml-3">
  510. <a
  511. href="javascript:;"
  512. class="dropdown-toggle w-5 h-5 text-gray-500"
  513. >
  514. <MoreVerticalIcon class="w-5 h-5" />
  515. </a>
  516. <div class="dropdown-box w-40">
  517. <div class="dropdown-box__content box p-2">
  518. <a
  519. href=""
  520. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  521. >
  522. <Share2Icon class="w-4 h-4 mr-2" />
  523. Share Contact
  524. </a>
  525. <a
  526. href=""
  527. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  528. >
  529. <SettingsIcon class="w-4 h-4 mr-2" />
  530. Settings
  531. </a>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. <div class="overflow-y-scroll scrollbar-hidden px-5 pt-5 flex-1">
  538. <div class="chat__box__text-box flex items-end float-left mb-4">
  539. <div
  540. class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5"
  541. >
  542. <img
  543. alt=""
  544. class="rounded-full"
  545. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  546. />
  547. </div>
  548. <div
  549. class="bg-gray-200 px-4 py-3 text-gray-700 rounded-r-md rounded-t-md"
  550. >
  551. Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor
  552. <div class="mt-1 text-xs text-gray-600">2 mins ago</div>
  553. </div>
  554. <div class="hidden sm:block dropdown ml-3 my-auto">
  555. <a
  556. href="javascript:;"
  557. class="dropdown-toggle w-4 h-4 text-gray-500"
  558. >
  559. <MoreVerticalIcon class="w-4 h-4" />
  560. </a>
  561. <div class="dropdown-box w-40">
  562. <div class="dropdown-box__content box p-2">
  563. <a
  564. href=""
  565. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  566. >
  567. <CornerUpLeftIcon class="w-4 h-4 mr-2" />
  568. Reply
  569. </a>
  570. <a
  571. href=""
  572. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  573. >
  574. <TrashIcon class="w-4 h-4 mr-2" /> Delete
  575. </a>
  576. </div>
  577. </div>
  578. </div>
  579. </div>
  580. <div class="clear-both"></div>
  581. <div class="chat__box__text-box flex items-end float-right mb-4">
  582. <div class="hidden sm:block dropdown mr-3 my-auto">
  583. <a
  584. href="javascript:;"
  585. class="dropdown-toggle w-4 h-4 text-gray-500"
  586. >
  587. <MoreVerticalIcon class="w-4 h-4" />
  588. </a>
  589. <div class="dropdown-box w-40">
  590. <div class="dropdown-box__content box p-2">
  591. <a
  592. href=""
  593. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  594. >
  595. <CornerUpLeftIcon class="w-4 h-4 mr-2" />
  596. Reply
  597. </a>
  598. <a
  599. href=""
  600. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  601. >
  602. <TrashIcon class="w-4 h-4 mr-2" /> Delete
  603. </a>
  604. </div>
  605. </div>
  606. </div>
  607. <div
  608. class="bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md"
  609. >
  610. Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor
  611. <div class="mt-1 text-xs text-theme-25">1 mins ago</div>
  612. </div>
  613. <div
  614. class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5"
  615. >
  616. <img
  617. alt=""
  618. class="rounded-full"
  619. :src="require(`@/assets/images/${$f()[1].photos[0]}`)"
  620. />
  621. </div>
  622. </div>
  623. <div class="clear-both"></div>
  624. <div class="chat__box__text-box flex items-end float-right mb-4">
  625. <div class="hidden sm:block dropdown mr-3 my-auto">
  626. <a
  627. href="javascript:;"
  628. class="dropdown-toggle w-4 h-4 text-gray-500"
  629. >
  630. <MoreVerticalIcon class="w-4 h-4" />
  631. </a>
  632. <div class="dropdown-box w-40">
  633. <div class="dropdown-box__content box p-2">
  634. <a
  635. href=""
  636. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  637. >
  638. <CornerUpLeftIcon class="w-4 h-4 mr-2" />
  639. Reply
  640. </a>
  641. <a
  642. href=""
  643. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  644. >
  645. <TrashIcon class="w-4 h-4 mr-2" /> Delete
  646. </a>
  647. </div>
  648. </div>
  649. </div>
  650. <div
  651. class="bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md"
  652. >
  653. Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor
  654. <div class="mt-1 text-xs text-theme-25">59 secs ago</div>
  655. </div>
  656. <div
  657. class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5"
  658. >
  659. <img
  660. alt=""
  661. class="rounded-full"
  662. :src="require(`@/assets/images/${$f()[1].photos[0]}`)"
  663. />
  664. </div>
  665. </div>
  666. <div class="clear-both"></div>
  667. <div
  668. class="text-gray-500 text-xs text-center mb-10 mt-5"
  669. >
  670. 12 June 2020
  671. </div>
  672. <div class="chat__box__text-box flex items-end float-left mb-4">
  673. <div
  674. class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5"
  675. >
  676. <img
  677. alt=""
  678. class="rounded-full"
  679. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  680. />
  681. </div>
  682. <div
  683. class="bg-gray-200 px-4 py-3 text-gray-700 rounded-r-md rounded-t-md"
  684. >
  685. Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor
  686. <div class="mt-1 text-xs text-gray-600">10 secs ago</div>
  687. </div>
  688. <div class="hidden sm:block dropdown ml-3 my-auto">
  689. <a
  690. href="javascript:;"
  691. class="dropdown-toggle w-4 h-4 text-gray-500"
  692. >
  693. <MoreVerticalIcon class="w-4 h-4" />
  694. </a>
  695. <div class="dropdown-box w-40">
  696. <div class="dropdown-box__content box p-2">
  697. <a
  698. href=""
  699. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  700. >
  701. <CornerUpLeftIcon class="w-4 h-4 mr-2" />
  702. Reply
  703. </a>
  704. <a
  705. href=""
  706. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  707. >
  708. <TrashIcon class="w-4 h-4 mr-2" /> Delete
  709. </a>
  710. </div>
  711. </div>
  712. </div>
  713. </div>
  714. <div class="clear-both"></div>
  715. <div class="chat__box__text-box flex items-end float-right mb-4">
  716. <div class="hidden sm:block dropdown mr-3 my-auto">
  717. <a
  718. href="javascript:;"
  719. class="dropdown-toggle w-4 h-4 text-gray-500"
  720. >
  721. <MoreVerticalIcon class="w-4 h-4" />
  722. </a>
  723. <div class="dropdown-box w-40">
  724. <div class="dropdown-box__content box p-2">
  725. <a
  726. href=""
  727. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  728. >
  729. <CornerUpLeftIcon class="w-4 h-4 mr-2" />
  730. Reply
  731. </a>
  732. <a
  733. href=""
  734. class="flex items-center block p-2 transition duration-300 ease-in-out bg-white hover:bg-gray-200:bg-dark-2 rounded-md"
  735. >
  736. <TrashIcon class="w-4 h-4 mr-2" /> Delete
  737. </a>
  738. </div>
  739. </div>
  740. </div>
  741. <div
  742. class="bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md"
  743. >
  744. Lorem ipsum
  745. <div class="mt-1 text-xs text-theme-25">1 secs ago</div>
  746. </div>
  747. <div
  748. class="w-10 h-10 hidden sm:block flex-none image-fit relative ml-5"
  749. >
  750. <img
  751. alt=""
  752. class="rounded-full"
  753. :src="require(`@/assets/images/${$f()[1].photos[0]}`)"
  754. />
  755. </div>
  756. </div>
  757. <div class="clear-both"></div>
  758. <div class="chat__box__text-box flex items-end float-left mb-4">
  759. <div
  760. class="w-10 h-10 hidden sm:block flex-none image-fit relative mr-5"
  761. >
  762. <img
  763. alt=""
  764. class="rounded-full"
  765. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  766. />
  767. </div>
  768. <div
  769. class="bg-gray-200 px-4 py-3 text-gray-700 rounded-r-md rounded-t-md"
  770. >
  771. {{ $f()[0]["users"][0]["name"] }} is typing
  772. <span class="typing-dots ml-1">
  773. <span>.</span>
  774. <span>.</span>
  775. <span>.</span>
  776. </span>
  777. </div>
  778. </div>
  779. </div>
  780. <div
  781. class="pt-4 pb-10 sm:py-4 flex items-center border-t border-gray-200"
  782. >
  783. <textarea
  784. class="chat__box__input input w-full h-16 resize-none border-transparent px-5 py-3 focus:shadow-none"
  785. rows="1"
  786. placeholder="Type your message..."
  787. ></textarea>
  788. <div
  789. class="flex absolute sm:static left-0 bottom-0 ml-5 sm:ml-0 mb-5 sm:mb-0"
  790. >
  791. <div class="dropdown mr-3 sm:mr-5">
  792. <a
  793. href="javascript:;"
  794. class="dropdown-toggle w-4 h-4 sm:w-5 sm:h-5 block text-gray-500"
  795. >
  796. <SmileIcon class="w-full h-full" />
  797. </a>
  798. <div class="chat-dropdown dropdown-box w-40 pb-2">
  799. <div class="dropdown-box__content">
  800. <div
  801. class="chat-dropdown__box box flex flex-col pb-3 -mt-2"
  802. >
  803. <div class="px-3 pt-3">
  804. <div
  805. class="relative text-gray-700"
  806. >
  807. <input
  808. type="text"
  809. class="input w-full bg-gray-200 pr-10 placeholder-theme-13"
  810. placeholder="Search emojis..."
  811. />
  812. <SearchIcon
  813. class="w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0"
  814. />
  815. </div>
  816. </div>
  817. <div
  818. class="chat-dropdown__box__tabs nav-tabs flex px-3 mt-5"
  819. >
  820. <a
  821. data-toggle="tab"
  822. data-target="#history"
  823. href="javascript:;"
  824. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  825. >
  826. <svg
  827. class="w-4 h-4"
  828. role="img"
  829. xmlns="http://www.w3.org/2000/svg"
  830. viewBox="0 0 512 512"
  831. >
  832. <path
  833. fill="currentColor"
  834. d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"
  835. ></path>
  836. </svg>
  837. </a>
  838. <a
  839. data-toggle="tab"
  840. data-target="#smile"
  841. href="javascript:;"
  842. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2 active"
  843. >
  844. <svg
  845. class="w-4 h-4"
  846. role="img"
  847. xmlns="http://www.w3.org/2000/svg"
  848. viewBox="0 0 496 512"
  849. >
  850. <path
  851. fill="currentColor"
  852. d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z"
  853. ></path>
  854. </svg>
  855. </a>
  856. <a
  857. data-toggle="tab"
  858. data-target="#cat"
  859. href="javascript:;"
  860. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  861. >
  862. <svg
  863. class="w-4 h-4"
  864. role="img"
  865. xmlns="http://www.w3.org/2000/svg"
  866. viewBox="0 0 512 512"
  867. >
  868. <path
  869. fill="currentColor"
  870. d="M290.59 192c-20.18 0-106.82 1.98-162.59 85.95V192c0-52.94-43.06-96-96-96-17.67 0-32 14.33-32 32s14.33 32 32 32c17.64 0 32 14.36 32 32v256c0 35.3 28.7 64 64 64h176c8.84 0 16-7.16 16-16v-16c0-17.67-14.33-32-32-32h-32l128-96v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V289.86c-10.29 2.67-20.89 4.54-32 4.54-61.81 0-113.52-44.05-125.41-102.4zM448 96h-64l-64-64v134.4c0 53.02 42.98 96 96 96s96-42.98 96-96V32l-64 64zm-72 80c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zm80 0c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z"
  871. ></path>
  872. </svg>
  873. </a>
  874. <a
  875. data-toggle="tab"
  876. data-target="#coffee"
  877. href="javascript:;"
  878. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  879. >
  880. <svg
  881. class="w-4 h-4"
  882. role="img"
  883. xmlns="http://www.w3.org/2000/svg"
  884. viewBox="0 0 640 512"
  885. >
  886. <path
  887. fill="currentColor"
  888. d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z"
  889. ></path>
  890. </svg>
  891. </a>
  892. <a
  893. data-toggle="tab"
  894. data-target="#futbol"
  895. href="javascript:;"
  896. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  897. >
  898. <svg
  899. class="w-4 h-4"
  900. role="img"
  901. xmlns="http://www.w3.org/2000/svg"
  902. viewBox="0 0 512 512"
  903. >
  904. <path
  905. fill="currentColor"
  906. d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zm-48 0l-.003-.282-26.064 22.741-62.679-58.5 16.454-84.355 34.303 3.072c-24.889-34.216-60.004-60.089-100.709-73.141l13.651 31.939L256 139l-74.953-41.525 13.651-31.939c-40.631 13.028-75.78 38.87-100.709 73.141l34.565-3.073 16.192 84.355-62.678 58.5-26.064-22.741-.003.282c0 43.015 13.497 83.952 38.472 117.991l7.704-33.897 85.138 10.447 36.301 77.826-29.902 17.786c40.202 13.122 84.29 13.148 124.572 0l-29.902-17.786 36.301-77.826 85.138-10.447 7.704 33.897C442.503 339.952 456 299.015 456 256zm-248.102 69.571l-29.894-91.312L256 177.732l77.996 56.527-29.622 91.312h-96.476z"
  907. ></path>
  908. </svg>
  909. </a>
  910. <a
  911. data-toggle="tab"
  912. data-target="#building"
  913. href="javascript:;"
  914. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  915. >
  916. <svg
  917. class="w-4 h-4"
  918. role="img"
  919. xmlns="http://www.w3.org/2000/svg"
  920. viewBox="0 0 448 512"
  921. >
  922. <path
  923. fill="currentColor"
  924. d="M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-76 84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm76 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6 5.4-12 12-12h19.5V24c0-13.3 10.7-24 24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12 5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5 415z"
  925. ></path>
  926. </svg>
  927. </a>
  928. <a
  929. data-toggle="tab"
  930. data-target="#lightbulb"
  931. href="javascript:;"
  932. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  933. >
  934. <svg
  935. class="w-4 h-4"
  936. role="img"
  937. xmlns="http://www.w3.org/2000/svg"
  938. viewBox="0 0 352 512"
  939. >
  940. <path
  941. fill="currentColor"
  942. d="M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z"
  943. ></path>
  944. </svg>
  945. </a>
  946. <a
  947. data-toggle="tab"
  948. data-target="#music"
  949. href="javascript:;"
  950. class="py-2 flex justify-center flex-1 rounded hover:bg-gray-200:bg-dark-2"
  951. >
  952. <svg
  953. class="w-4 h-4"
  954. role="img"
  955. xmlns="http://www.w3.org/2000/svg"
  956. viewBox="0 0 512 512"
  957. >
  958. <path
  959. fill="currentColor"
  960. d="M511.99 32.01c0-21.71-21.1-37.01-41.6-30.51L150.4 96c-13.3 4.2-22.4 16.5-22.4 30.5v261.42c-10.05-2.38-20.72-3.92-32-3.92-53.02 0-96 28.65-96 64s42.98 64 96 64 96-28.65 96-64V214.31l256-75.02v184.63c-10.05-2.38-20.72-3.92-32-3.92-53.02 0-96 28.65-96 64s42.98 64 96 64 96-28.65 96-64l-.01-351.99z"
  961. ></path>
  962. </svg>
  963. </a>
  964. </div>
  965. <div class="tab-content overflow-hidden mt-5">
  966. <div id="history" class="h-full tab-content__pane">
  967. <div class="font-medium px-3">Recent Emojis</div>
  968. <div
  969. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  970. >
  971. <div class="grid grid-cols-8 text-2xl">
  972. <button
  973. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  974. >
  975. 😀
  976. </button>
  977. <button
  978. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  979. >
  980. 😁
  981. </button>
  982. <button
  983. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  984. >
  985. 😂
  986. </button>
  987. </div>
  988. </div>
  989. </div>
  990. <div
  991. id="smile"
  992. class="h-full tab-content__pane active"
  993. >
  994. <div class="font-medium px-3">Smileys & People</div>
  995. <div
  996. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  997. >
  998. <div class="grid grid-cols-8 text-2xl">
  999. <button
  1000. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1001. >
  1002. 😀
  1003. </button>
  1004. <button
  1005. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1006. >
  1007. 😁
  1008. </button>
  1009. <button
  1010. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1011. >
  1012. 😂
  1013. </button>
  1014. <button
  1015. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1016. >
  1017. 🤣
  1018. </button>
  1019. <button
  1020. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1021. >
  1022. 😃
  1023. </button>
  1024. <button
  1025. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1026. >
  1027. 😄
  1028. </button>
  1029. <button
  1030. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1031. >
  1032. 😅
  1033. </button>
  1034. <button
  1035. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1036. >
  1037. 😆
  1038. </button>
  1039. <button
  1040. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1041. >
  1042. 😉
  1043. </button>
  1044. <button
  1045. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1046. >
  1047. 😊
  1048. </button>
  1049. <button
  1050. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1051. >
  1052. 😋
  1053. </button>
  1054. <button
  1055. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1056. >
  1057. 😎
  1058. </button>
  1059. <button
  1060. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1061. >
  1062. 😍
  1063. </button>
  1064. <button
  1065. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1066. >
  1067. 😘
  1068. </button>
  1069. <button
  1070. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1071. >
  1072. 😗
  1073. </button>
  1074. <button
  1075. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1076. >
  1077. 😙
  1078. </button>
  1079. <button
  1080. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1081. >
  1082. 😚
  1083. </button>
  1084. <button
  1085. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1086. >
  1087. ☺️
  1088. </button>
  1089. <button
  1090. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1091. >
  1092. 🙂
  1093. </button>
  1094. <button
  1095. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1096. >
  1097. 🤗
  1098. </button>
  1099. <button
  1100. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1101. >
  1102. 🤩
  1103. </button>
  1104. <button
  1105. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1106. >
  1107. 🤔
  1108. </button>
  1109. <button
  1110. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1111. >
  1112. 🤨
  1113. </button>
  1114. <button
  1115. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1116. >
  1117. 😐
  1118. </button>
  1119. <button
  1120. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1121. >
  1122. 😑
  1123. </button>
  1124. <button
  1125. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1126. >
  1127. 😶
  1128. </button>
  1129. <button
  1130. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1131. >
  1132. 🙄
  1133. </button>
  1134. <button
  1135. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1136. >
  1137. 😏
  1138. </button>
  1139. <button
  1140. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1141. >
  1142. 😣
  1143. </button>
  1144. <button
  1145. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1146. >
  1147. 😥
  1148. </button>
  1149. <button
  1150. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1151. >
  1152. 😮
  1153. </button>
  1154. <button
  1155. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1156. >
  1157. 🤐
  1158. </button>
  1159. <button
  1160. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1161. >
  1162. 😯
  1163. </button>
  1164. <button
  1165. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1166. >
  1167. 😪
  1168. </button>
  1169. <button
  1170. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1171. >
  1172. 😫
  1173. </button>
  1174. <button
  1175. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1176. >
  1177. 😴
  1178. </button>
  1179. <button
  1180. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1181. >
  1182. 😌
  1183. </button>
  1184. <button
  1185. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1186. >
  1187. 😛
  1188. </button>
  1189. <button
  1190. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1191. >
  1192. 😜
  1193. </button>
  1194. <button
  1195. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1196. >
  1197. 😝
  1198. </button>
  1199. <button
  1200. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1201. >
  1202. 🤤
  1203. </button>
  1204. <button
  1205. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1206. >
  1207. 😒
  1208. </button>
  1209. <button
  1210. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1211. >
  1212. 😓
  1213. </button>
  1214. <button
  1215. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1216. >
  1217. 😔
  1218. </button>
  1219. <button
  1220. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1221. >
  1222. 😕
  1223. </button>
  1224. <button
  1225. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1226. >
  1227. 🙃
  1228. </button>
  1229. <button
  1230. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1231. >
  1232. 🤑
  1233. </button>
  1234. <button
  1235. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1236. >
  1237. 😲
  1238. </button>
  1239. <button
  1240. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1241. >
  1242. ☹️
  1243. </button>
  1244. <button
  1245. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1246. >
  1247. 🙁
  1248. </button>
  1249. <button
  1250. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1251. >
  1252. 😖
  1253. </button>
  1254. <button
  1255. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1256. >
  1257. 😞
  1258. </button>
  1259. <button
  1260. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1261. >
  1262. 😟
  1263. </button>
  1264. <button
  1265. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1266. >
  1267. 😤
  1268. </button>
  1269. <button
  1270. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1271. >
  1272. 😢
  1273. </button>
  1274. <button
  1275. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1276. >
  1277. 😭
  1278. </button>
  1279. <button
  1280. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1281. >
  1282. 😦
  1283. </button>
  1284. <button
  1285. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1286. >
  1287. 😧
  1288. </button>
  1289. <button
  1290. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1291. >
  1292. 😨
  1293. </button>
  1294. <button
  1295. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1296. >
  1297. 😩
  1298. </button>
  1299. <button
  1300. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1301. >
  1302. 🤯
  1303. </button>
  1304. <button
  1305. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1306. >
  1307. 😬
  1308. </button>
  1309. <button
  1310. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1311. >
  1312. 😰
  1313. </button>
  1314. <button
  1315. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1316. >
  1317. 😱
  1318. </button>
  1319. <button
  1320. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1321. >
  1322. 😳
  1323. </button>
  1324. <button
  1325. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1326. >
  1327. 🤪
  1328. </button>
  1329. <button
  1330. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1331. >
  1332. 😵
  1333. </button>
  1334. <button
  1335. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1336. >
  1337. 😡
  1338. </button>
  1339. <button
  1340. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1341. >
  1342. 😠
  1343. </button>
  1344. <button
  1345. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1346. >
  1347. 🤬
  1348. </button>
  1349. <button
  1350. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1351. >
  1352. 😷
  1353. </button>
  1354. <button
  1355. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1356. >
  1357. 🤒
  1358. </button>
  1359. <button
  1360. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1361. >
  1362. 🤕
  1363. </button>
  1364. <button
  1365. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1366. >
  1367. 🤢
  1368. </button>
  1369. <button
  1370. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1371. >
  1372. 🤮
  1373. </button>
  1374. <button
  1375. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1376. >
  1377. 🤧
  1378. </button>
  1379. <button
  1380. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1381. >
  1382. 😇
  1383. </button>
  1384. <button
  1385. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1386. >
  1387. 🤠
  1388. </button>
  1389. <button
  1390. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1391. >
  1392. 🤡
  1393. </button>
  1394. <button
  1395. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1396. >
  1397. 🤥
  1398. </button>
  1399. <button
  1400. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1401. >
  1402. 🤫
  1403. </button>
  1404. <button
  1405. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1406. >
  1407. 🤭
  1408. </button>
  1409. <button
  1410. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1411. >
  1412. 🧐
  1413. </button>
  1414. <button
  1415. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1416. >
  1417. 🤓
  1418. </button>
  1419. <button
  1420. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1421. >
  1422. 😈
  1423. </button>
  1424. <button
  1425. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1426. >
  1427. 👿
  1428. </button>
  1429. <button
  1430. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1431. >
  1432. 👹
  1433. </button>
  1434. <button
  1435. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1436. >
  1437. 👺
  1438. </button>
  1439. <button
  1440. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1441. >
  1442. 💀
  1443. </button>
  1444. <button
  1445. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1446. >
  1447. ☠️
  1448. </button>
  1449. <button
  1450. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1451. >
  1452. 👻
  1453. </button>
  1454. <button
  1455. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1456. >
  1457. 👽
  1458. </button>
  1459. <button
  1460. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1461. >
  1462. 👾
  1463. </button>
  1464. <button
  1465. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1466. >
  1467. 🤖
  1468. </button>
  1469. <button
  1470. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1471. >
  1472. 💩
  1473. </button>
  1474. <button
  1475. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1476. >
  1477. 😺
  1478. </button>
  1479. <button
  1480. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1481. >
  1482. 😸
  1483. </button>
  1484. <button
  1485. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1486. >
  1487. 😹
  1488. </button>
  1489. <button
  1490. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1491. >
  1492. 😻
  1493. </button>
  1494. <button
  1495. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1496. >
  1497. 😼
  1498. </button>
  1499. <button
  1500. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1501. >
  1502. 😽
  1503. </button>
  1504. <button
  1505. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1506. >
  1507. 🙀
  1508. </button>
  1509. <button
  1510. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1511. >
  1512. 😿
  1513. </button>
  1514. <button
  1515. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1516. >
  1517. 😾
  1518. </button>
  1519. <button
  1520. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1521. >
  1522. 🙈
  1523. </button>
  1524. <button
  1525. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1526. >
  1527. 🙉
  1528. </button>
  1529. <button
  1530. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1531. >
  1532. 🙊
  1533. </button>
  1534. <button
  1535. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1536. >
  1537. 👶
  1538. </button>
  1539. <button
  1540. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1541. >
  1542. 🧒
  1543. </button>
  1544. <button
  1545. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1546. >
  1547. 👦
  1548. </button>
  1549. <button
  1550. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1551. >
  1552. 👧
  1553. </button>
  1554. <button
  1555. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1556. >
  1557. 🧑
  1558. </button>
  1559. <button
  1560. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1561. >
  1562. 👨
  1563. </button>
  1564. <button
  1565. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1566. >
  1567. 👩
  1568. </button>
  1569. <button
  1570. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1571. >
  1572. 🧓
  1573. </button>
  1574. <button
  1575. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1576. >
  1577. 👴
  1578. </button>
  1579. <button
  1580. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1581. >
  1582. 👵
  1583. </button>
  1584. <button
  1585. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1586. >
  1587. 👨&zwj;⚕️
  1588. </button>
  1589. <button
  1590. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1591. >
  1592. 👩&zwj;⚕️
  1593. </button>
  1594. <button
  1595. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1596. >
  1597. 👨&zwj;🎓
  1598. </button>
  1599. <button
  1600. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1601. >
  1602. 👩&zwj;🎓
  1603. </button>
  1604. <button
  1605. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1606. >
  1607. 👨&zwj;🏫
  1608. </button>
  1609. <button
  1610. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1611. >
  1612. 👩&zwj;🏫
  1613. </button>
  1614. <button
  1615. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1616. >
  1617. 👨&zwj;⚖️
  1618. </button>
  1619. <button
  1620. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1621. >
  1622. 👩&zwj;⚖️
  1623. </button>
  1624. <button
  1625. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1626. >
  1627. 👨&zwj;🌾
  1628. </button>
  1629. <button
  1630. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1631. >
  1632. 👩&zwj;🌾
  1633. </button>
  1634. <button
  1635. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1636. >
  1637. 👨&zwj;🍳
  1638. </button>
  1639. <button
  1640. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1641. >
  1642. 👩&zwj;🍳
  1643. </button>
  1644. <button
  1645. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1646. >
  1647. 👨&zwj;🔧
  1648. </button>
  1649. <button
  1650. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1651. >
  1652. 👩&zwj;🔧
  1653. </button>
  1654. <button
  1655. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1656. >
  1657. 👨&zwj;🏭
  1658. </button>
  1659. <button
  1660. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1661. >
  1662. 👩&zwj;🏭
  1663. </button>
  1664. <button
  1665. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1666. >
  1667. 👨&zwj;💼
  1668. </button>
  1669. <button
  1670. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1671. >
  1672. 👩&zwj;💼
  1673. </button>
  1674. <button
  1675. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1676. >
  1677. 👨&zwj;🔬
  1678. </button>
  1679. <button
  1680. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1681. >
  1682. 👩&zwj;🔬
  1683. </button>
  1684. <button
  1685. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1686. >
  1687. 👨&zwj;💻
  1688. </button>
  1689. <button
  1690. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1691. >
  1692. 👩&zwj;💻
  1693. </button>
  1694. <button
  1695. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1696. >
  1697. 👨&zwj;🎤
  1698. </button>
  1699. <button
  1700. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1701. >
  1702. 👩&zwj;🎤
  1703. </button>
  1704. <button
  1705. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1706. >
  1707. 👨&zwj;🎨
  1708. </button>
  1709. <button
  1710. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1711. >
  1712. 👩&zwj;🎨
  1713. </button>
  1714. <button
  1715. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1716. >
  1717. 👨&zwj;✈️
  1718. </button>
  1719. <button
  1720. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1721. >
  1722. 👩&zwj;✈️
  1723. </button>
  1724. <button
  1725. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1726. >
  1727. 👨&zwj;🚀
  1728. </button>
  1729. <button
  1730. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1731. >
  1732. 👩&zwj;🚀
  1733. </button>
  1734. <button
  1735. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1736. >
  1737. 👨&zwj;🚒
  1738. </button>
  1739. <button
  1740. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1741. >
  1742. 👩&zwj;🚒
  1743. </button>
  1744. <button
  1745. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1746. >
  1747. 👮
  1748. </button>
  1749. <button
  1750. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1751. >
  1752. 👮&zwj;♂️
  1753. </button>
  1754. <button
  1755. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1756. >
  1757. 👮&zwj;♀️
  1758. </button>
  1759. <button
  1760. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1761. >
  1762. 🕵️
  1763. </button>
  1764. <button
  1765. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1766. >
  1767. 🕵️&zwj;♂️
  1768. </button>
  1769. <button
  1770. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1771. >
  1772. 🕵️&zwj;♀️
  1773. </button>
  1774. <button
  1775. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1776. >
  1777. 💂
  1778. </button>
  1779. <button
  1780. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1781. >
  1782. 💂&zwj;♂️
  1783. </button>
  1784. <button
  1785. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1786. >
  1787. 💂&zwj;♀️
  1788. </button>
  1789. <button
  1790. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1791. >
  1792. 👷
  1793. </button>
  1794. <button
  1795. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1796. >
  1797. 👷&zwj;♂️
  1798. </button>
  1799. <button
  1800. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1801. >
  1802. 👷&zwj;♀️
  1803. </button>
  1804. <button
  1805. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1806. >
  1807. 🤴
  1808. </button>
  1809. <button
  1810. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1811. >
  1812. 👸
  1813. </button>
  1814. <button
  1815. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1816. >
  1817. 👳
  1818. </button>
  1819. <button
  1820. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1821. >
  1822. 👳&zwj;♂️
  1823. </button>
  1824. <button
  1825. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1826. >
  1827. 👳&zwj;♀️
  1828. </button>
  1829. <button
  1830. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1831. >
  1832. 👲
  1833. </button>
  1834. <button
  1835. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1836. >
  1837. 🧕
  1838. </button>
  1839. <button
  1840. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1841. >
  1842. 🧔
  1843. </button>
  1844. <button
  1845. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1846. >
  1847. 👱
  1848. </button>
  1849. <button
  1850. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1851. >
  1852. 👱&zwj;♂️
  1853. </button>
  1854. <button
  1855. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1856. >
  1857. 👱&zwj;♀️
  1858. </button>
  1859. <button
  1860. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1861. >
  1862. 🤵
  1863. </button>
  1864. <button
  1865. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1866. >
  1867. 👰
  1868. </button>
  1869. <button
  1870. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1871. >
  1872. 🤰
  1873. </button>
  1874. <button
  1875. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1876. >
  1877. 🤱
  1878. </button>
  1879. <button
  1880. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1881. >
  1882. 👼
  1883. </button>
  1884. <button
  1885. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1886. >
  1887. 🎅
  1888. </button>
  1889. <button
  1890. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1891. >
  1892. 🤶
  1893. </button>
  1894. <button
  1895. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1896. >
  1897. 🧙
  1898. </button>
  1899. <button
  1900. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1901. >
  1902. 🧙&zwj;♀️
  1903. </button>
  1904. <button
  1905. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1906. >
  1907. 🧙&zwj;♂️
  1908. </button>
  1909. <button
  1910. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1911. >
  1912. 🧚
  1913. </button>
  1914. <button
  1915. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1916. >
  1917. 🧚&zwj;♀️
  1918. </button>
  1919. <button
  1920. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1921. >
  1922. 🧚&zwj;♂️
  1923. </button>
  1924. <button
  1925. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1926. >
  1927. 🧛
  1928. </button>
  1929. <button
  1930. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1931. >
  1932. 🧛&zwj;♀️
  1933. </button>
  1934. <button
  1935. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1936. >
  1937. 🧛&zwj;♂️
  1938. </button>
  1939. <button
  1940. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1941. >
  1942. 🧜
  1943. </button>
  1944. <button
  1945. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1946. >
  1947. 🧜&zwj;♀️
  1948. </button>
  1949. <button
  1950. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1951. >
  1952. 🧜&zwj;♂️
  1953. </button>
  1954. <button
  1955. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1956. >
  1957. 🧝
  1958. </button>
  1959. <button
  1960. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1961. >
  1962. 🧝&zwj;♀️
  1963. </button>
  1964. <button
  1965. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1966. >
  1967. 🧝&zwj;♂️
  1968. </button>
  1969. <button
  1970. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1971. >
  1972. 🧞
  1973. </button>
  1974. <button
  1975. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1976. >
  1977. 🧞&zwj;♀️
  1978. </button>
  1979. <button
  1980. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1981. >
  1982. 🧞&zwj;♂️
  1983. </button>
  1984. <button
  1985. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1986. >
  1987. 🧟
  1988. </button>
  1989. <button
  1990. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1991. >
  1992. 🧟&zwj;♀️
  1993. </button>
  1994. <button
  1995. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  1996. >
  1997. 🧟&zwj;♂️
  1998. </button>
  1999. <button
  2000. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2001. >
  2002. 🙍
  2003. </button>
  2004. <button
  2005. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2006. >
  2007. 🙍&zwj;♂️
  2008. </button>
  2009. <button
  2010. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2011. >
  2012. 🙍&zwj;♀️
  2013. </button>
  2014. <button
  2015. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2016. >
  2017. 🙎
  2018. </button>
  2019. <button
  2020. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2021. >
  2022. 🙎&zwj;♂️
  2023. </button>
  2024. <button
  2025. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2026. >
  2027. 🙎&zwj;♀️
  2028. </button>
  2029. <button
  2030. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2031. >
  2032. 🙅
  2033. </button>
  2034. <button
  2035. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2036. >
  2037. 🙅&zwj;♂️
  2038. </button>
  2039. <button
  2040. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2041. >
  2042. 🙅&zwj;♀️
  2043. </button>
  2044. <button
  2045. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2046. >
  2047. 🙆
  2048. </button>
  2049. <button
  2050. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2051. >
  2052. 🙆&zwj;♂️
  2053. </button>
  2054. <button
  2055. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2056. >
  2057. 🙆&zwj;♀️
  2058. </button>
  2059. <button
  2060. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2061. >
  2062. 💁
  2063. </button>
  2064. <button
  2065. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2066. >
  2067. 💁&zwj;♂️
  2068. </button>
  2069. <button
  2070. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2071. >
  2072. 💁&zwj;♀️
  2073. </button>
  2074. <button
  2075. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2076. >
  2077. 🙋
  2078. </button>
  2079. <button
  2080. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2081. >
  2082. 🙋&zwj;♂️
  2083. </button>
  2084. <button
  2085. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2086. >
  2087. 🙋&zwj;♀️
  2088. </button>
  2089. <button
  2090. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2091. >
  2092. 🙇
  2093. </button>
  2094. <button
  2095. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2096. >
  2097. 🙇&zwj;♂️
  2098. </button>
  2099. <button
  2100. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2101. >
  2102. 🙇&zwj;♀️
  2103. </button>
  2104. <button
  2105. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2106. >
  2107. 🤦
  2108. </button>
  2109. <button
  2110. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2111. >
  2112. 🤦&zwj;♂️
  2113. </button>
  2114. <button
  2115. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2116. >
  2117. 🤦&zwj;♀️
  2118. </button>
  2119. <button
  2120. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2121. >
  2122. 🤷
  2123. </button>
  2124. <button
  2125. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2126. >
  2127. 🤷&zwj;♂️
  2128. </button>
  2129. <button
  2130. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2131. >
  2132. 🤷&zwj;♀️
  2133. </button>
  2134. <button
  2135. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2136. >
  2137. 💆
  2138. </button>
  2139. <button
  2140. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2141. >
  2142. 💆&zwj;♂️
  2143. </button>
  2144. <button
  2145. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2146. >
  2147. 💆&zwj;♀️
  2148. </button>
  2149. <button
  2150. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2151. >
  2152. 💇
  2153. </button>
  2154. <button
  2155. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2156. >
  2157. 💇&zwj;♂️
  2158. </button>
  2159. <button
  2160. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2161. >
  2162. 💇&zwj;♀️
  2163. </button>
  2164. <button
  2165. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2166. >
  2167. 🚶
  2168. </button>
  2169. <button
  2170. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2171. >
  2172. 🚶&zwj;♂️
  2173. </button>
  2174. <button
  2175. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2176. >
  2177. 🚶&zwj;♀️
  2178. </button>
  2179. <button
  2180. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2181. >
  2182. 🏃
  2183. </button>
  2184. <button
  2185. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2186. >
  2187. 🏃&zwj;♂️
  2188. </button>
  2189. <button
  2190. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2191. >
  2192. 🏃&zwj;♀️
  2193. </button>
  2194. <button
  2195. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2196. >
  2197. 💃
  2198. </button>
  2199. <button
  2200. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2201. >
  2202. 🕺
  2203. </button>
  2204. <button
  2205. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2206. >
  2207. 👯
  2208. </button>
  2209. <button
  2210. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2211. >
  2212. 👯&zwj;♂️
  2213. </button>
  2214. <button
  2215. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2216. >
  2217. 👯&zwj;♀️
  2218. </button>
  2219. <button
  2220. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2221. >
  2222. 🧖
  2223. </button>
  2224. <button
  2225. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2226. >
  2227. 🧖&zwj;♀️
  2228. </button>
  2229. <button
  2230. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2231. >
  2232. 🧖&zwj;♂️
  2233. </button>
  2234. <button
  2235. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2236. >
  2237. 🧗
  2238. </button>
  2239. <button
  2240. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2241. >
  2242. 🧗&zwj;♀️
  2243. </button>
  2244. <button
  2245. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2246. >
  2247. 🧗&zwj;♂️
  2248. </button>
  2249. <button
  2250. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2251. >
  2252. 🧘
  2253. </button>
  2254. <button
  2255. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2256. >
  2257. 🧘&zwj;♀️
  2258. </button>
  2259. <button
  2260. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2261. >
  2262. 🧘&zwj;♂️
  2263. </button>
  2264. <button
  2265. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2266. >
  2267. 🛀
  2268. </button>
  2269. <button
  2270. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2271. >
  2272. 🛌
  2273. </button>
  2274. <button
  2275. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2276. >
  2277. 🕴️
  2278. </button>
  2279. <button
  2280. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2281. >
  2282. 🗣️
  2283. </button>
  2284. <button
  2285. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2286. >
  2287. 👤
  2288. </button>
  2289. <button
  2290. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2291. >
  2292. 👥
  2293. </button>
  2294. <button
  2295. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2296. >
  2297. 🤺
  2298. </button>
  2299. <button
  2300. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2301. >
  2302. 🏇
  2303. </button>
  2304. <button
  2305. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2306. >
  2307. ⛷️
  2308. </button>
  2309. <button
  2310. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2311. >
  2312. 🏂
  2313. </button>
  2314. <button
  2315. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2316. >
  2317. 🏌️
  2318. </button>
  2319. <button
  2320. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2321. >
  2322. 🏌️&zwj;♂️
  2323. </button>
  2324. <button
  2325. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2326. >
  2327. 🏌️&zwj;♀️
  2328. </button>
  2329. <button
  2330. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2331. >
  2332. 🏄
  2333. </button>
  2334. <button
  2335. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2336. >
  2337. 🏄&zwj;♂️
  2338. </button>
  2339. <button
  2340. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2341. >
  2342. 🏄&zwj;♀️
  2343. </button>
  2344. <button
  2345. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2346. >
  2347. 🚣
  2348. </button>
  2349. <button
  2350. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2351. >
  2352. 🚣&zwj;♂️
  2353. </button>
  2354. <button
  2355. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2356. >
  2357. 🚣&zwj;♀️
  2358. </button>
  2359. <button
  2360. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2361. >
  2362. 🏊
  2363. </button>
  2364. <button
  2365. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2366. >
  2367. 🏊&zwj;♂️
  2368. </button>
  2369. <button
  2370. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2371. >
  2372. 🏊&zwj;♀️
  2373. </button>
  2374. <button
  2375. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2376. >
  2377. ⛹️
  2378. </button>
  2379. <button
  2380. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2381. >
  2382. ⛹️&zwj;♂️
  2383. </button>
  2384. <button
  2385. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2386. >
  2387. ⛹️&zwj;♀️
  2388. </button>
  2389. <button
  2390. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2391. >
  2392. 🏋️
  2393. </button>
  2394. <button
  2395. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2396. >
  2397. 🏋️&zwj;♂️
  2398. </button>
  2399. <button
  2400. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2401. >
  2402. 🏋️&zwj;♀️
  2403. </button>
  2404. <button
  2405. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2406. >
  2407. 🚴
  2408. </button>
  2409. <button
  2410. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2411. >
  2412. 🚴&zwj;♂️
  2413. </button>
  2414. <button
  2415. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2416. >
  2417. 🚴&zwj;♀️
  2418. </button>
  2419. <button
  2420. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2421. >
  2422. 🚵
  2423. </button>
  2424. <button
  2425. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2426. >
  2427. 🚵&zwj;♂️
  2428. </button>
  2429. <button
  2430. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2431. >
  2432. 🚵&zwj;♀️
  2433. </button>
  2434. <button
  2435. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2436. >
  2437. 🏎️
  2438. </button>
  2439. <button
  2440. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2441. >
  2442. 🏍️
  2443. </button>
  2444. <button
  2445. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2446. >
  2447. 🤸
  2448. </button>
  2449. <button
  2450. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2451. >
  2452. 🤸&zwj;♂️
  2453. </button>
  2454. <button
  2455. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2456. >
  2457. 🤸&zwj;♀️
  2458. </button>
  2459. <button
  2460. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2461. >
  2462. 🤼
  2463. </button>
  2464. <button
  2465. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2466. >
  2467. 🤼&zwj;♂️
  2468. </button>
  2469. <button
  2470. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2471. >
  2472. 🤼&zwj;♀️
  2473. </button>
  2474. <button
  2475. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2476. >
  2477. 🤽
  2478. </button>
  2479. <button
  2480. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2481. >
  2482. 🤽&zwj;♂️
  2483. </button>
  2484. <button
  2485. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2486. >
  2487. 🤽&zwj;♀️
  2488. </button>
  2489. <button
  2490. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2491. >
  2492. 🤾
  2493. </button>
  2494. <button
  2495. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2496. >
  2497. 🤾&zwj;♂️
  2498. </button>
  2499. <button
  2500. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2501. >
  2502. 🤾&zwj;♀️
  2503. </button>
  2504. <button
  2505. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2506. >
  2507. 🤹
  2508. </button>
  2509. <button
  2510. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2511. >
  2512. 🤹&zwj;♂️
  2513. </button>
  2514. <button
  2515. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2516. >
  2517. 🤹&zwj;♀️
  2518. </button>
  2519. <button
  2520. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2521. >
  2522. 👫
  2523. </button>
  2524. <button
  2525. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2526. >
  2527. 👬
  2528. </button>
  2529. <button
  2530. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2531. >
  2532. 👭
  2533. </button>
  2534. <button
  2535. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2536. >
  2537. 💏
  2538. </button>
  2539. <button
  2540. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2541. >
  2542. 👩&zwj;❤️&zwj;💋&zwj;👨
  2543. </button>
  2544. <button
  2545. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2546. >
  2547. 👨&zwj;❤️&zwj;💋&zwj;👨
  2548. </button>
  2549. <button
  2550. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2551. >
  2552. 👩&zwj;❤️&zwj;💋&zwj;👩
  2553. </button>
  2554. <button
  2555. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2556. >
  2557. 💑
  2558. </button>
  2559. <button
  2560. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2561. >
  2562. 👩&zwj;❤️&zwj;👨
  2563. </button>
  2564. <button
  2565. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2566. >
  2567. 👨&zwj;❤️&zwj;👨
  2568. </button>
  2569. <button
  2570. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2571. >
  2572. 👩&zwj;❤️&zwj;👩
  2573. </button>
  2574. <button
  2575. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2576. >
  2577. 👪
  2578. </button>
  2579. <button
  2580. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2581. >
  2582. 👨&zwj;👩&zwj;👦
  2583. </button>
  2584. <button
  2585. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2586. >
  2587. 👨&zwj;👩&zwj;👧
  2588. </button>
  2589. <button
  2590. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2591. >
  2592. 👨&zwj;👩&zwj;👧&zwj;👦
  2593. </button>
  2594. <button
  2595. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2596. >
  2597. 👨&zwj;👩&zwj;👦&zwj;👦
  2598. </button>
  2599. <button
  2600. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2601. >
  2602. 👨&zwj;👩&zwj;👧&zwj;👧
  2603. </button>
  2604. <button
  2605. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2606. >
  2607. 👨&zwj;👨&zwj;👦
  2608. </button>
  2609. <button
  2610. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2611. >
  2612. 👨&zwj;👨&zwj;👧
  2613. </button>
  2614. <button
  2615. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2616. >
  2617. 👨&zwj;👨&zwj;👧&zwj;👦
  2618. </button>
  2619. <button
  2620. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2621. >
  2622. 👨&zwj;👨&zwj;👦&zwj;👦
  2623. </button>
  2624. <button
  2625. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2626. >
  2627. 👨&zwj;👨&zwj;👧&zwj;👧
  2628. </button>
  2629. <button
  2630. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2631. >
  2632. 👩&zwj;👩&zwj;👦
  2633. </button>
  2634. <button
  2635. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2636. >
  2637. 👩&zwj;👩&zwj;👧
  2638. </button>
  2639. <button
  2640. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2641. >
  2642. 👩&zwj;👩&zwj;👧&zwj;👦
  2643. </button>
  2644. <button
  2645. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2646. >
  2647. 👩&zwj;👩&zwj;👦&zwj;👦
  2648. </button>
  2649. <button
  2650. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2651. >
  2652. 👩&zwj;👩&zwj;👧&zwj;👧
  2653. </button>
  2654. <button
  2655. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2656. >
  2657. 👨&zwj;👦
  2658. </button>
  2659. <button
  2660. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2661. >
  2662. 👨&zwj;👦&zwj;👦
  2663. </button>
  2664. <button
  2665. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2666. >
  2667. 👨&zwj;👧
  2668. </button>
  2669. <button
  2670. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2671. >
  2672. 👨&zwj;👧&zwj;👦
  2673. </button>
  2674. <button
  2675. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2676. >
  2677. 👨&zwj;👧&zwj;👧
  2678. </button>
  2679. <button
  2680. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2681. >
  2682. 👩&zwj;👦
  2683. </button>
  2684. <button
  2685. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2686. >
  2687. 👩&zwj;👦&zwj;👦
  2688. </button>
  2689. <button
  2690. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2691. >
  2692. 👩&zwj;👧
  2693. </button>
  2694. <button
  2695. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2696. >
  2697. 👩&zwj;👧&zwj;👦
  2698. </button>
  2699. <button
  2700. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2701. >
  2702. 👩&zwj;👧&zwj;👧
  2703. </button>
  2704. <button
  2705. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2706. >
  2707. 🤳
  2708. </button>
  2709. <button
  2710. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2711. >
  2712. 💪
  2713. </button>
  2714. <button
  2715. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2716. >
  2717. 👈
  2718. </button>
  2719. <button
  2720. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2721. >
  2722. 👉
  2723. </button>
  2724. <button
  2725. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2726. >
  2727. ☝️
  2728. </button>
  2729. <button
  2730. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2731. >
  2732. 👆
  2733. </button>
  2734. <button
  2735. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2736. >
  2737. 🖕
  2738. </button>
  2739. <button
  2740. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2741. >
  2742. 👇
  2743. </button>
  2744. <button
  2745. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2746. >
  2747. ✌️
  2748. </button>
  2749. <button
  2750. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2751. >
  2752. 🤞
  2753. </button>
  2754. <button
  2755. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2756. >
  2757. 🖖
  2758. </button>
  2759. <button
  2760. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2761. >
  2762. 🤘
  2763. </button>
  2764. <button
  2765. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2766. >
  2767. 🤙
  2768. </button>
  2769. <button
  2770. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2771. >
  2772. 🖐️
  2773. </button>
  2774. <button
  2775. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2776. >
  2777. </button>
  2778. <button
  2779. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2780. >
  2781. 👌
  2782. </button>
  2783. <button
  2784. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2785. >
  2786. 👍
  2787. </button>
  2788. <button
  2789. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2790. >
  2791. 👎
  2792. </button>
  2793. <button
  2794. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2795. >
  2796. </button>
  2797. <button
  2798. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2799. >
  2800. 👊
  2801. </button>
  2802. <button
  2803. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2804. >
  2805. 🤛
  2806. </button>
  2807. <button
  2808. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2809. >
  2810. 🤜
  2811. </button>
  2812. <button
  2813. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2814. >
  2815. 🤚
  2816. </button>
  2817. <button
  2818. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2819. >
  2820. 👋
  2821. </button>
  2822. <button
  2823. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2824. >
  2825. 🤟
  2826. </button>
  2827. <button
  2828. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2829. >
  2830. ✍️
  2831. </button>
  2832. <button
  2833. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2834. >
  2835. 👏
  2836. </button>
  2837. <button
  2838. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2839. >
  2840. 👐
  2841. </button>
  2842. <button
  2843. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2844. >
  2845. 🙌
  2846. </button>
  2847. <button
  2848. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2849. >
  2850. 🤲
  2851. </button>
  2852. <button
  2853. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2854. >
  2855. 🙏
  2856. </button>
  2857. <button
  2858. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2859. >
  2860. 🤝
  2861. </button>
  2862. <button
  2863. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2864. >
  2865. 💅
  2866. </button>
  2867. <button
  2868. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2869. >
  2870. 👂
  2871. </button>
  2872. <button
  2873. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2874. >
  2875. 👃
  2876. </button>
  2877. <button
  2878. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2879. >
  2880. 👣
  2881. </button>
  2882. <button
  2883. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2884. >
  2885. 👀
  2886. </button>
  2887. <button
  2888. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2889. >
  2890. 👁️
  2891. </button>
  2892. <button
  2893. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2894. >
  2895. 👁️&zwj;🗨️
  2896. </button>
  2897. <button
  2898. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2899. >
  2900. 🧠
  2901. </button>
  2902. <button
  2903. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2904. >
  2905. 👅
  2906. </button>
  2907. <button
  2908. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2909. >
  2910. 👄
  2911. </button>
  2912. <button
  2913. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2914. >
  2915. 💋
  2916. </button>
  2917. <button
  2918. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2919. >
  2920. 💘
  2921. </button>
  2922. <button
  2923. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2924. >
  2925. ❤️
  2926. </button>
  2927. <button
  2928. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2929. >
  2930. 💓
  2931. </button>
  2932. <button
  2933. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2934. >
  2935. 💔
  2936. </button>
  2937. <button
  2938. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2939. >
  2940. 💕
  2941. </button>
  2942. <button
  2943. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2944. >
  2945. 💖
  2946. </button>
  2947. <button
  2948. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2949. >
  2950. 💗
  2951. </button>
  2952. <button
  2953. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2954. >
  2955. 💙
  2956. </button>
  2957. <button
  2958. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2959. >
  2960. 💚
  2961. </button>
  2962. <button
  2963. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2964. >
  2965. 💛
  2966. </button>
  2967. <button
  2968. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2969. >
  2970. 🧡
  2971. </button>
  2972. <button
  2973. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2974. >
  2975. 💜
  2976. </button>
  2977. <button
  2978. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2979. >
  2980. 🖤
  2981. </button>
  2982. <button
  2983. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2984. >
  2985. 💝
  2986. </button>
  2987. <button
  2988. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2989. >
  2990. 💞
  2991. </button>
  2992. <button
  2993. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2994. >
  2995. 💟
  2996. </button>
  2997. <button
  2998. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  2999. >
  3000. ❣️
  3001. </button>
  3002. <button
  3003. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3004. >
  3005. 💌
  3006. </button>
  3007. <button
  3008. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3009. >
  3010. 💤
  3011. </button>
  3012. <button
  3013. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3014. >
  3015. 💢
  3016. </button>
  3017. <button
  3018. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3019. >
  3020. 💣
  3021. </button>
  3022. <button
  3023. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3024. >
  3025. 💥
  3026. </button>
  3027. <button
  3028. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3029. >
  3030. 💦
  3031. </button>
  3032. <button
  3033. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3034. >
  3035. 💨
  3036. </button>
  3037. <button
  3038. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3039. >
  3040. 💫
  3041. </button>
  3042. <button
  3043. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3044. >
  3045. 💬
  3046. </button>
  3047. <button
  3048. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3049. >
  3050. 🗨️
  3051. </button>
  3052. <button
  3053. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3054. >
  3055. 🗯️
  3056. </button>
  3057. <button
  3058. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3059. >
  3060. 💭
  3061. </button>
  3062. <button
  3063. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3064. >
  3065. 🕳️
  3066. </button>
  3067. <button
  3068. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3069. >
  3070. 👓
  3071. </button>
  3072. <button
  3073. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3074. >
  3075. 🕶️
  3076. </button>
  3077. <button
  3078. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3079. >
  3080. 👔
  3081. </button>
  3082. <button
  3083. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3084. >
  3085. 👕
  3086. </button>
  3087. <button
  3088. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3089. >
  3090. 👖
  3091. </button>
  3092. <button
  3093. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3094. >
  3095. 🧣
  3096. </button>
  3097. <button
  3098. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3099. >
  3100. 🧤
  3101. </button>
  3102. <button
  3103. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3104. >
  3105. 🧥
  3106. </button>
  3107. <button
  3108. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3109. >
  3110. 🧦
  3111. </button>
  3112. <button
  3113. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3114. >
  3115. 👗
  3116. </button>
  3117. <button
  3118. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3119. >
  3120. 👘
  3121. </button>
  3122. <button
  3123. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3124. >
  3125. 👙
  3126. </button>
  3127. <button
  3128. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3129. >
  3130. 👚
  3131. </button>
  3132. <button
  3133. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3134. >
  3135. 👛
  3136. </button>
  3137. <button
  3138. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3139. >
  3140. 👜
  3141. </button>
  3142. <button
  3143. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3144. >
  3145. 👝
  3146. </button>
  3147. <button
  3148. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3149. >
  3150. 🛍️
  3151. </button>
  3152. <button
  3153. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3154. >
  3155. 🎒
  3156. </button>
  3157. <button
  3158. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3159. >
  3160. 👞
  3161. </button>
  3162. <button
  3163. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3164. >
  3165. 👟
  3166. </button>
  3167. <button
  3168. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3169. >
  3170. 👠
  3171. </button>
  3172. <button
  3173. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3174. >
  3175. 👡
  3176. </button>
  3177. <button
  3178. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3179. >
  3180. 👢
  3181. </button>
  3182. <button
  3183. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3184. >
  3185. 👑
  3186. </button>
  3187. <button
  3188. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3189. >
  3190. 👒
  3191. </button>
  3192. <button
  3193. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3194. >
  3195. 🎩
  3196. </button>
  3197. <button
  3198. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3199. >
  3200. 🎓
  3201. </button>
  3202. <button
  3203. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3204. >
  3205. 🧢
  3206. </button>
  3207. <button
  3208. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3209. >
  3210. ⛑️
  3211. </button>
  3212. <button
  3213. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3214. >
  3215. 📿
  3216. </button>
  3217. <button
  3218. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3219. >
  3220. 💄
  3221. </button>
  3222. <button
  3223. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3224. >
  3225. 💍
  3226. </button>
  3227. <button
  3228. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3229. >
  3230. 💎
  3231. </button>
  3232. </div>
  3233. </div>
  3234. </div>
  3235. <div id="cat" class="h-full tab-content__pane">
  3236. <div class="font-medium px-3">Animals & Nature</div>
  3237. <div
  3238. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  3239. >
  3240. <div class="grid grid-cols-8 text-2xl">
  3241. <button
  3242. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3243. >
  3244. 🐵
  3245. </button>
  3246. <button
  3247. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3248. >
  3249. 🐒
  3250. </button>
  3251. <button
  3252. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3253. >
  3254. 🦍
  3255. </button>
  3256. <button
  3257. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3258. >
  3259. 🐶
  3260. </button>
  3261. <button
  3262. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3263. >
  3264. 🐕
  3265. </button>
  3266. <button
  3267. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3268. >
  3269. 🐩
  3270. </button>
  3271. <button
  3272. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3273. >
  3274. 🐺
  3275. </button>
  3276. <button
  3277. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3278. >
  3279. 🦊
  3280. </button>
  3281. <button
  3282. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3283. >
  3284. 🐱
  3285. </button>
  3286. <button
  3287. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3288. >
  3289. 🐈
  3290. </button>
  3291. <button
  3292. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3293. >
  3294. 🦁
  3295. </button>
  3296. <button
  3297. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3298. >
  3299. 🐯
  3300. </button>
  3301. <button
  3302. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3303. >
  3304. 🐅
  3305. </button>
  3306. <button
  3307. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3308. >
  3309. 🐆
  3310. </button>
  3311. <button
  3312. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3313. >
  3314. 🐴
  3315. </button>
  3316. <button
  3317. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3318. >
  3319. 🐎
  3320. </button>
  3321. <button
  3322. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3323. >
  3324. 🦄
  3325. </button>
  3326. <button
  3327. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3328. >
  3329. 🦓
  3330. </button>
  3331. <button
  3332. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3333. >
  3334. 🦌
  3335. </button>
  3336. <button
  3337. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3338. >
  3339. 🐮
  3340. </button>
  3341. <button
  3342. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3343. >
  3344. 🐂
  3345. </button>
  3346. <button
  3347. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3348. >
  3349. 🐃
  3350. </button>
  3351. <button
  3352. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3353. >
  3354. 🐄
  3355. </button>
  3356. <button
  3357. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3358. >
  3359. 🐷
  3360. </button>
  3361. <button
  3362. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3363. >
  3364. 🐖
  3365. </button>
  3366. <button
  3367. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3368. >
  3369. 🐗
  3370. </button>
  3371. <button
  3372. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3373. >
  3374. 🐽
  3375. </button>
  3376. <button
  3377. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3378. >
  3379. 🐏
  3380. </button>
  3381. <button
  3382. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3383. >
  3384. 🐑
  3385. </button>
  3386. <button
  3387. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3388. >
  3389. 🐐
  3390. </button>
  3391. <button
  3392. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3393. >
  3394. 🐪
  3395. </button>
  3396. <button
  3397. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3398. >
  3399. 🐫
  3400. </button>
  3401. <button
  3402. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3403. >
  3404. 🦒
  3405. </button>
  3406. <button
  3407. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3408. >
  3409. 🐘
  3410. </button>
  3411. <button
  3412. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3413. >
  3414. 🦏
  3415. </button>
  3416. <button
  3417. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3418. >
  3419. 🐭
  3420. </button>
  3421. <button
  3422. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3423. >
  3424. 🐁
  3425. </button>
  3426. <button
  3427. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3428. >
  3429. 🐀
  3430. </button>
  3431. <button
  3432. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3433. >
  3434. 🐹
  3435. </button>
  3436. <button
  3437. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3438. >
  3439. 🐰
  3440. </button>
  3441. <button
  3442. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3443. >
  3444. 🐇
  3445. </button>
  3446. <button
  3447. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3448. >
  3449. 🐿️
  3450. </button>
  3451. <button
  3452. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3453. >
  3454. 🦔
  3455. </button>
  3456. <button
  3457. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3458. >
  3459. 🦇
  3460. </button>
  3461. <button
  3462. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3463. >
  3464. 🐻
  3465. </button>
  3466. <button
  3467. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3468. >
  3469. 🐨
  3470. </button>
  3471. <button
  3472. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3473. >
  3474. 🐼
  3475. </button>
  3476. <button
  3477. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3478. >
  3479. 🐾
  3480. </button>
  3481. <button
  3482. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3483. >
  3484. 🦃
  3485. </button>
  3486. <button
  3487. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3488. >
  3489. 🐔
  3490. </button>
  3491. <button
  3492. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3493. >
  3494. 🐓
  3495. </button>
  3496. <button
  3497. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3498. >
  3499. 🐣
  3500. </button>
  3501. <button
  3502. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3503. >
  3504. 🐤
  3505. </button>
  3506. <button
  3507. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3508. >
  3509. 🐥
  3510. </button>
  3511. <button
  3512. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3513. >
  3514. 🐦
  3515. </button>
  3516. <button
  3517. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3518. >
  3519. 🐧
  3520. </button>
  3521. <button
  3522. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3523. >
  3524. 🕊️
  3525. </button>
  3526. <button
  3527. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3528. >
  3529. 🦅
  3530. </button>
  3531. <button
  3532. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3533. >
  3534. 🦆
  3535. </button>
  3536. <button
  3537. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3538. >
  3539. 🦉
  3540. </button>
  3541. <button
  3542. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3543. >
  3544. 🐸
  3545. </button>
  3546. <button
  3547. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3548. >
  3549. 🐊
  3550. </button>
  3551. <button
  3552. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3553. >
  3554. 🐢
  3555. </button>
  3556. <button
  3557. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3558. >
  3559. 🦎
  3560. </button>
  3561. <button
  3562. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3563. >
  3564. 🐍
  3565. </button>
  3566. <button
  3567. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3568. >
  3569. 🐲
  3570. </button>
  3571. <button
  3572. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3573. >
  3574. 🐉
  3575. </button>
  3576. <button
  3577. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3578. >
  3579. 🦕
  3580. </button>
  3581. <button
  3582. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3583. >
  3584. 🦖
  3585. </button>
  3586. <button
  3587. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3588. >
  3589. 🐳
  3590. </button>
  3591. <button
  3592. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3593. >
  3594. 🐋
  3595. </button>
  3596. <button
  3597. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3598. >
  3599. 🐬
  3600. </button>
  3601. <button
  3602. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3603. >
  3604. 🐟
  3605. </button>
  3606. <button
  3607. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3608. >
  3609. 🐠
  3610. </button>
  3611. <button
  3612. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3613. >
  3614. 🐡
  3615. </button>
  3616. <button
  3617. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3618. >
  3619. 🦈
  3620. </button>
  3621. <button
  3622. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3623. >
  3624. 🐙
  3625. </button>
  3626. <button
  3627. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3628. >
  3629. 🐚
  3630. </button>
  3631. <button
  3632. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3633. >
  3634. 🦀
  3635. </button>
  3636. <button
  3637. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3638. >
  3639. 🦐
  3640. </button>
  3641. <button
  3642. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3643. >
  3644. 🦑
  3645. </button>
  3646. <button
  3647. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3648. >
  3649. 🐌
  3650. </button>
  3651. <button
  3652. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3653. >
  3654. 🦋
  3655. </button>
  3656. <button
  3657. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3658. >
  3659. 🐛
  3660. </button>
  3661. <button
  3662. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3663. >
  3664. 🐜
  3665. </button>
  3666. <button
  3667. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3668. >
  3669. 🐝
  3670. </button>
  3671. <button
  3672. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3673. >
  3674. 🐞
  3675. </button>
  3676. <button
  3677. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3678. >
  3679. 🦗
  3680. </button>
  3681. <button
  3682. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3683. >
  3684. 🕷️
  3685. </button>
  3686. <button
  3687. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3688. >
  3689. 🕸️
  3690. </button>
  3691. <button
  3692. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3693. >
  3694. 🦂
  3695. </button>
  3696. <button
  3697. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3698. >
  3699. 💐
  3700. </button>
  3701. <button
  3702. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3703. >
  3704. 🌸
  3705. </button>
  3706. <button
  3707. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3708. >
  3709. 💮
  3710. </button>
  3711. <button
  3712. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3713. >
  3714. 🏵️
  3715. </button>
  3716. <button
  3717. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3718. >
  3719. 🌹
  3720. </button>
  3721. <button
  3722. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3723. >
  3724. 🥀
  3725. </button>
  3726. <button
  3727. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3728. >
  3729. 🌺
  3730. </button>
  3731. <button
  3732. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3733. >
  3734. 🌻
  3735. </button>
  3736. <button
  3737. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3738. >
  3739. 🌼
  3740. </button>
  3741. <button
  3742. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3743. >
  3744. 🌷
  3745. </button>
  3746. <button
  3747. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3748. >
  3749. 🌱
  3750. </button>
  3751. <button
  3752. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3753. >
  3754. 🌲
  3755. </button>
  3756. <button
  3757. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3758. >
  3759. 🌳
  3760. </button>
  3761. <button
  3762. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3763. >
  3764. 🌴
  3765. </button>
  3766. <button
  3767. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3768. >
  3769. 🌵
  3770. </button>
  3771. <button
  3772. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3773. >
  3774. 🌾
  3775. </button>
  3776. <button
  3777. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3778. >
  3779. 🌿
  3780. </button>
  3781. <button
  3782. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3783. >
  3784. ☘️
  3785. </button>
  3786. <button
  3787. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3788. >
  3789. 🍀
  3790. </button>
  3791. <button
  3792. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3793. >
  3794. 🍁
  3795. </button>
  3796. <button
  3797. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3798. >
  3799. 🍂
  3800. </button>
  3801. <button
  3802. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3803. >
  3804. 🍃
  3805. </button>
  3806. </div>
  3807. </div>
  3808. </div>
  3809. <div id="coffee" class="h-full tab-content__pane">
  3810. <div class="font-medium px-3">Food & Drink</div>
  3811. <div
  3812. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  3813. >
  3814. <div class="grid grid-cols-8 text-2xl">
  3815. <button
  3816. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3817. >
  3818. 🍇
  3819. </button>
  3820. <button
  3821. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3822. >
  3823. 🍈
  3824. </button>
  3825. <button
  3826. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3827. >
  3828. 🍉
  3829. </button>
  3830. <button
  3831. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3832. >
  3833. 🍊
  3834. </button>
  3835. <button
  3836. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3837. >
  3838. 🍋
  3839. </button>
  3840. <button
  3841. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3842. >
  3843. 🍌
  3844. </button>
  3845. <button
  3846. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3847. >
  3848. 🍍
  3849. </button>
  3850. <button
  3851. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3852. >
  3853. 🍎
  3854. </button>
  3855. <button
  3856. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3857. >
  3858. 🍏
  3859. </button>
  3860. <button
  3861. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3862. >
  3863. 🍐
  3864. </button>
  3865. <button
  3866. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3867. >
  3868. 🍑
  3869. </button>
  3870. <button
  3871. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3872. >
  3873. 🍒
  3874. </button>
  3875. <button
  3876. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3877. >
  3878. 🍓
  3879. </button>
  3880. <button
  3881. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3882. >
  3883. 🥝
  3884. </button>
  3885. <button
  3886. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3887. >
  3888. 🍅
  3889. </button>
  3890. <button
  3891. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3892. >
  3893. 🥥
  3894. </button>
  3895. <button
  3896. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3897. >
  3898. 🥑
  3899. </button>
  3900. <button
  3901. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3902. >
  3903. 🍆
  3904. </button>
  3905. <button
  3906. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3907. >
  3908. 🥔
  3909. </button>
  3910. <button
  3911. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3912. >
  3913. 🥕
  3914. </button>
  3915. <button
  3916. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3917. >
  3918. 🌽
  3919. </button>
  3920. <button
  3921. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3922. >
  3923. 🌶️
  3924. </button>
  3925. <button
  3926. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3927. >
  3928. 🥒
  3929. </button>
  3930. <button
  3931. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3932. >
  3933. 🥦
  3934. </button>
  3935. <button
  3936. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3937. >
  3938. 🍄
  3939. </button>
  3940. <button
  3941. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3942. >
  3943. 🥜
  3944. </button>
  3945. <button
  3946. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3947. >
  3948. 🌰
  3949. </button>
  3950. <button
  3951. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3952. >
  3953. 🍞
  3954. </button>
  3955. <button
  3956. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3957. >
  3958. 🥐
  3959. </button>
  3960. <button
  3961. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3962. >
  3963. 🥖
  3964. </button>
  3965. <button
  3966. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3967. >
  3968. 🥨
  3969. </button>
  3970. <button
  3971. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3972. >
  3973. 🥞
  3974. </button>
  3975. <button
  3976. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3977. >
  3978. 🧀
  3979. </button>
  3980. <button
  3981. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3982. >
  3983. 🍖
  3984. </button>
  3985. <button
  3986. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3987. >
  3988. 🍗
  3989. </button>
  3990. <button
  3991. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3992. >
  3993. 🥩
  3994. </button>
  3995. <button
  3996. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  3997. >
  3998. 🥓
  3999. </button>
  4000. <button
  4001. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4002. >
  4003. 🍔
  4004. </button>
  4005. <button
  4006. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4007. >
  4008. 🍟
  4009. </button>
  4010. <button
  4011. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4012. >
  4013. 🍕
  4014. </button>
  4015. <button
  4016. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4017. >
  4018. 🌭
  4019. </button>
  4020. <button
  4021. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4022. >
  4023. 🥪
  4024. </button>
  4025. <button
  4026. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4027. >
  4028. 🌮
  4029. </button>
  4030. <button
  4031. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4032. >
  4033. 🌯
  4034. </button>
  4035. <button
  4036. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4037. >
  4038. 🥙
  4039. </button>
  4040. <button
  4041. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4042. >
  4043. 🥚
  4044. </button>
  4045. <button
  4046. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4047. >
  4048. 🍳
  4049. </button>
  4050. <button
  4051. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4052. >
  4053. 🥘
  4054. </button>
  4055. <button
  4056. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4057. >
  4058. 🍲
  4059. </button>
  4060. <button
  4061. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4062. >
  4063. 🥣
  4064. </button>
  4065. <button
  4066. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4067. >
  4068. 🥗
  4069. </button>
  4070. <button
  4071. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4072. >
  4073. 🍿
  4074. </button>
  4075. <button
  4076. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4077. >
  4078. 🥫
  4079. </button>
  4080. <button
  4081. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4082. >
  4083. 🍱
  4084. </button>
  4085. <button
  4086. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4087. >
  4088. 🍘
  4089. </button>
  4090. <button
  4091. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4092. >
  4093. 🍙
  4094. </button>
  4095. <button
  4096. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4097. >
  4098. 🍚
  4099. </button>
  4100. <button
  4101. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4102. >
  4103. 🍛
  4104. </button>
  4105. <button
  4106. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4107. >
  4108. 🍜
  4109. </button>
  4110. <button
  4111. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4112. >
  4113. 🍝
  4114. </button>
  4115. <button
  4116. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4117. >
  4118. 🍠
  4119. </button>
  4120. <button
  4121. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4122. >
  4123. 🍢
  4124. </button>
  4125. <button
  4126. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4127. >
  4128. 🍣
  4129. </button>
  4130. <button
  4131. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4132. >
  4133. 🍤
  4134. </button>
  4135. <button
  4136. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4137. >
  4138. 🍥
  4139. </button>
  4140. <button
  4141. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4142. >
  4143. 🍡
  4144. </button>
  4145. <button
  4146. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4147. >
  4148. 🥟
  4149. </button>
  4150. <button
  4151. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4152. >
  4153. 🥠
  4154. </button>
  4155. <button
  4156. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4157. >
  4158. 🥡
  4159. </button>
  4160. <button
  4161. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4162. >
  4163. 🍦
  4164. </button>
  4165. <button
  4166. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4167. >
  4168. 🍧
  4169. </button>
  4170. <button
  4171. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4172. >
  4173. 🍨
  4174. </button>
  4175. <button
  4176. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4177. >
  4178. 🍩
  4179. </button>
  4180. <button
  4181. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4182. >
  4183. 🍪
  4184. </button>
  4185. <button
  4186. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4187. >
  4188. 🎂
  4189. </button>
  4190. <button
  4191. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4192. >
  4193. 🍰
  4194. </button>
  4195. <button
  4196. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4197. >
  4198. 🥧
  4199. </button>
  4200. <button
  4201. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4202. >
  4203. 🍫
  4204. </button>
  4205. <button
  4206. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4207. >
  4208. 🍬
  4209. </button>
  4210. <button
  4211. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4212. >
  4213. 🍭
  4214. </button>
  4215. <button
  4216. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4217. >
  4218. 🍮
  4219. </button>
  4220. <button
  4221. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4222. >
  4223. 🍯
  4224. </button>
  4225. <button
  4226. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4227. >
  4228. 🍼
  4229. </button>
  4230. <button
  4231. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4232. >
  4233. 🥛
  4234. </button>
  4235. <button
  4236. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4237. >
  4238. </button>
  4239. <button
  4240. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4241. >
  4242. 🍵
  4243. </button>
  4244. <button
  4245. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4246. >
  4247. 🍶
  4248. </button>
  4249. <button
  4250. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4251. >
  4252. 🍾
  4253. </button>
  4254. <button
  4255. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4256. >
  4257. 🍷
  4258. </button>
  4259. <button
  4260. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4261. >
  4262. 🍸
  4263. </button>
  4264. <button
  4265. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4266. >
  4267. 🍹
  4268. </button>
  4269. <button
  4270. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4271. >
  4272. 🍺
  4273. </button>
  4274. <button
  4275. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4276. >
  4277. 🍻
  4278. </button>
  4279. <button
  4280. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4281. >
  4282. 🥂
  4283. </button>
  4284. <button
  4285. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4286. >
  4287. 🥃
  4288. </button>
  4289. <button
  4290. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4291. >
  4292. 🥤
  4293. </button>
  4294. <button
  4295. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4296. >
  4297. 🥢
  4298. </button>
  4299. <button
  4300. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4301. >
  4302. 🍽️
  4303. </button>
  4304. <button
  4305. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4306. >
  4307. 🍴
  4308. </button>
  4309. <button
  4310. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4311. >
  4312. 🥄
  4313. </button>
  4314. <button
  4315. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4316. >
  4317. 🔪
  4318. </button>
  4319. <button
  4320. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4321. >
  4322. 🏺
  4323. </button>
  4324. </div>
  4325. </div>
  4326. </div>
  4327. <div id="futbol" class="h-full tab-content__pane">
  4328. <div class="font-medium px-3">Activities</div>
  4329. <div
  4330. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  4331. >
  4332. <div class="grid grid-cols-8 text-2xl">
  4333. <button
  4334. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4335. >
  4336. 🎃
  4337. </button>
  4338. <button
  4339. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4340. >
  4341. 🎄
  4342. </button>
  4343. <button
  4344. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4345. >
  4346. 🎆
  4347. </button>
  4348. <button
  4349. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4350. >
  4351. 🎇
  4352. </button>
  4353. <button
  4354. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4355. >
  4356. </button>
  4357. <button
  4358. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4359. >
  4360. 🎈
  4361. </button>
  4362. <button
  4363. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4364. >
  4365. 🎉
  4366. </button>
  4367. <button
  4368. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4369. >
  4370. 🎊
  4371. </button>
  4372. <button
  4373. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4374. >
  4375. 🎋
  4376. </button>
  4377. <button
  4378. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4379. >
  4380. 🎍
  4381. </button>
  4382. <button
  4383. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4384. >
  4385. 🎎
  4386. </button>
  4387. <button
  4388. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4389. >
  4390. 🎏
  4391. </button>
  4392. <button
  4393. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4394. >
  4395. 🎐
  4396. </button>
  4397. <button
  4398. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4399. >
  4400. 🎑
  4401. </button>
  4402. <button
  4403. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4404. >
  4405. 🎀
  4406. </button>
  4407. <button
  4408. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4409. >
  4410. 🎁
  4411. </button>
  4412. <button
  4413. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4414. >
  4415. 🎗️
  4416. </button>
  4417. <button
  4418. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4419. >
  4420. 🎟️
  4421. </button>
  4422. <button
  4423. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4424. >
  4425. 🎫
  4426. </button>
  4427. <button
  4428. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4429. >
  4430. 🎖️
  4431. </button>
  4432. <button
  4433. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4434. >
  4435. 🏆
  4436. </button>
  4437. <button
  4438. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4439. >
  4440. 🏅
  4441. </button>
  4442. <button
  4443. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4444. >
  4445. 🥇
  4446. </button>
  4447. <button
  4448. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4449. >
  4450. 🥈
  4451. </button>
  4452. <button
  4453. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4454. >
  4455. 🥉
  4456. </button>
  4457. <button
  4458. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4459. >
  4460. </button>
  4461. <button
  4462. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4463. >
  4464. </button>
  4465. <button
  4466. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4467. >
  4468. 🏀
  4469. </button>
  4470. <button
  4471. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4472. >
  4473. 🏐
  4474. </button>
  4475. <button
  4476. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4477. >
  4478. 🏈
  4479. </button>
  4480. <button
  4481. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4482. >
  4483. 🏉
  4484. </button>
  4485. <button
  4486. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4487. >
  4488. 🎾
  4489. </button>
  4490. <button
  4491. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4492. >
  4493. 🎱
  4494. </button>
  4495. <button
  4496. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4497. >
  4498. 🎳
  4499. </button>
  4500. <button
  4501. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4502. >
  4503. 🏏
  4504. </button>
  4505. <button
  4506. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4507. >
  4508. 🏑
  4509. </button>
  4510. <button
  4511. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4512. >
  4513. 🏒
  4514. </button>
  4515. <button
  4516. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4517. >
  4518. 🏓
  4519. </button>
  4520. <button
  4521. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4522. >
  4523. 🏸
  4524. </button>
  4525. <button
  4526. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4527. >
  4528. 🥊
  4529. </button>
  4530. <button
  4531. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4532. >
  4533. 🥋
  4534. </button>
  4535. <button
  4536. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4537. >
  4538. 🥅
  4539. </button>
  4540. <button
  4541. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4542. >
  4543. 🎯
  4544. </button>
  4545. <button
  4546. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4547. >
  4548. </button>
  4549. <button
  4550. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4551. >
  4552. ⛸️
  4553. </button>
  4554. <button
  4555. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4556. >
  4557. 🎣
  4558. </button>
  4559. <button
  4560. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4561. >
  4562. 🎽
  4563. </button>
  4564. <button
  4565. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4566. >
  4567. 🎿
  4568. </button>
  4569. <button
  4570. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4571. >
  4572. 🛷
  4573. </button>
  4574. <button
  4575. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4576. >
  4577. 🥌
  4578. </button>
  4579. <button
  4580. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4581. >
  4582. 🎮
  4583. </button>
  4584. <button
  4585. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4586. >
  4587. 🕹️
  4588. </button>
  4589. <button
  4590. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4591. >
  4592. 🎲
  4593. </button>
  4594. <button
  4595. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4596. >
  4597. ♠️
  4598. </button>
  4599. <button
  4600. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4601. >
  4602. ♥️
  4603. </button>
  4604. <button
  4605. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4606. >
  4607. ♦️
  4608. </button>
  4609. <button
  4610. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4611. >
  4612. ♣️
  4613. </button>
  4614. <button
  4615. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4616. >
  4617. 🃏
  4618. </button>
  4619. <button
  4620. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4621. >
  4622. 🀄
  4623. </button>
  4624. <button
  4625. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4626. >
  4627. 🎴
  4628. </button>
  4629. </div>
  4630. </div>
  4631. </div>
  4632. <div id="building" class="h-full tab-content__pane">
  4633. <div class="font-medium px-3">Travel & Places</div>
  4634. <div
  4635. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  4636. >
  4637. <div class="grid grid-cols-8 text-2xl">
  4638. <button
  4639. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4640. >
  4641. 🌍
  4642. </button>
  4643. <button
  4644. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4645. >
  4646. 🌎
  4647. </button>
  4648. <button
  4649. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4650. >
  4651. 🌏
  4652. </button>
  4653. <button
  4654. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4655. >
  4656. 🌐
  4657. </button>
  4658. <button
  4659. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4660. >
  4661. 🗺️
  4662. </button>
  4663. <button
  4664. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4665. >
  4666. 🗾
  4667. </button>
  4668. <button
  4669. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4670. >
  4671. 🏔️
  4672. </button>
  4673. <button
  4674. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4675. >
  4676. ⛰️
  4677. </button>
  4678. <button
  4679. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4680. >
  4681. 🌋
  4682. </button>
  4683. <button
  4684. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4685. >
  4686. 🗻
  4687. </button>
  4688. <button
  4689. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4690. >
  4691. 🏕️
  4692. </button>
  4693. <button
  4694. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4695. >
  4696. 🏖️
  4697. </button>
  4698. <button
  4699. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4700. >
  4701. 🏜️
  4702. </button>
  4703. <button
  4704. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4705. >
  4706. 🏝️
  4707. </button>
  4708. <button
  4709. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4710. >
  4711. 🏞️
  4712. </button>
  4713. <button
  4714. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4715. >
  4716. 🏟️
  4717. </button>
  4718. <button
  4719. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4720. >
  4721. 🏛️
  4722. </button>
  4723. <button
  4724. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4725. >
  4726. 🏗️
  4727. </button>
  4728. <button
  4729. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4730. >
  4731. 🏘️
  4732. </button>
  4733. <button
  4734. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4735. >
  4736. 🏙️
  4737. </button>
  4738. <button
  4739. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4740. >
  4741. 🏚️
  4742. </button>
  4743. <button
  4744. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4745. >
  4746. 🏠
  4747. </button>
  4748. <button
  4749. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4750. >
  4751. 🏡
  4752. </button>
  4753. <button
  4754. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4755. >
  4756. 🏢
  4757. </button>
  4758. <button
  4759. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4760. >
  4761. 🏣
  4762. </button>
  4763. <button
  4764. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4765. >
  4766. 🏤
  4767. </button>
  4768. <button
  4769. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4770. >
  4771. 🏥
  4772. </button>
  4773. <button
  4774. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4775. >
  4776. 🏦
  4777. </button>
  4778. <button
  4779. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4780. >
  4781. 🏨
  4782. </button>
  4783. <button
  4784. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4785. >
  4786. 🏩
  4787. </button>
  4788. <button
  4789. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4790. >
  4791. 🏪
  4792. </button>
  4793. <button
  4794. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4795. >
  4796. 🏫
  4797. </button>
  4798. <button
  4799. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4800. >
  4801. 🏬
  4802. </button>
  4803. <button
  4804. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4805. >
  4806. 🏭
  4807. </button>
  4808. <button
  4809. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4810. >
  4811. 🏯
  4812. </button>
  4813. <button
  4814. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4815. >
  4816. 🏰
  4817. </button>
  4818. <button
  4819. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4820. >
  4821. 💒
  4822. </button>
  4823. <button
  4824. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4825. >
  4826. 🗼
  4827. </button>
  4828. <button
  4829. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4830. >
  4831. 🗽
  4832. </button>
  4833. <button
  4834. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4835. >
  4836. </button>
  4837. <button
  4838. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4839. >
  4840. 🕌
  4841. </button>
  4842. <button
  4843. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4844. >
  4845. 🕍
  4846. </button>
  4847. <button
  4848. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4849. >
  4850. ⛩️
  4851. </button>
  4852. <button
  4853. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4854. >
  4855. 🕋
  4856. </button>
  4857. <button
  4858. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4859. >
  4860. </button>
  4861. <button
  4862. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4863. >
  4864. </button>
  4865. <button
  4866. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4867. >
  4868. 🌁
  4869. </button>
  4870. <button
  4871. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4872. >
  4873. 🌃
  4874. </button>
  4875. <button
  4876. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4877. >
  4878. 🌄
  4879. </button>
  4880. <button
  4881. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4882. >
  4883. 🌅
  4884. </button>
  4885. <button
  4886. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4887. >
  4888. 🌆
  4889. </button>
  4890. <button
  4891. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4892. >
  4893. 🌇
  4894. </button>
  4895. <button
  4896. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4897. >
  4898. 🌉
  4899. </button>
  4900. <button
  4901. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4902. >
  4903. ♨️
  4904. </button>
  4905. <button
  4906. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4907. >
  4908. 🌌
  4909. </button>
  4910. <button
  4911. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4912. >
  4913. 🎠
  4914. </button>
  4915. <button
  4916. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4917. >
  4918. 🎡
  4919. </button>
  4920. <button
  4921. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4922. >
  4923. 🎢
  4924. </button>
  4925. <button
  4926. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4927. >
  4928. 💈
  4929. </button>
  4930. <button
  4931. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4932. >
  4933. 🎪
  4934. </button>
  4935. <button
  4936. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4937. >
  4938. 🎭
  4939. </button>
  4940. <button
  4941. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4942. >
  4943. 🖼️
  4944. </button>
  4945. <button
  4946. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4947. >
  4948. 🎨
  4949. </button>
  4950. <button
  4951. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4952. >
  4953. 🎰
  4954. </button>
  4955. <button
  4956. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4957. >
  4958. 🚂
  4959. </button>
  4960. <button
  4961. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4962. >
  4963. 🚃
  4964. </button>
  4965. <button
  4966. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4967. >
  4968. 🚄
  4969. </button>
  4970. <button
  4971. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4972. >
  4973. 🚅
  4974. </button>
  4975. <button
  4976. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4977. >
  4978. 🚆
  4979. </button>
  4980. <button
  4981. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4982. >
  4983. 🚇
  4984. </button>
  4985. <button
  4986. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4987. >
  4988. 🚈
  4989. </button>
  4990. <button
  4991. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4992. >
  4993. 🚉
  4994. </button>
  4995. <button
  4996. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  4997. >
  4998. 🚊
  4999. </button>
  5000. <button
  5001. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5002. >
  5003. 🚝
  5004. </button>
  5005. <button
  5006. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5007. >
  5008. 🚞
  5009. </button>
  5010. <button
  5011. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5012. >
  5013. 🚋
  5014. </button>
  5015. <button
  5016. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5017. >
  5018. 🚌
  5019. </button>
  5020. <button
  5021. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5022. >
  5023. 🚍
  5024. </button>
  5025. <button
  5026. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5027. >
  5028. 🚎
  5029. </button>
  5030. <button
  5031. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5032. >
  5033. 🚐
  5034. </button>
  5035. <button
  5036. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5037. >
  5038. 🚑
  5039. </button>
  5040. <button
  5041. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5042. >
  5043. 🚒
  5044. </button>
  5045. <button
  5046. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5047. >
  5048. 🚓
  5049. </button>
  5050. <button
  5051. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5052. >
  5053. 🚔
  5054. </button>
  5055. <button
  5056. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5057. >
  5058. 🚕
  5059. </button>
  5060. <button
  5061. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5062. >
  5063. 🚖
  5064. </button>
  5065. <button
  5066. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5067. >
  5068. 🚗
  5069. </button>
  5070. <button
  5071. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5072. >
  5073. 🚘
  5074. </button>
  5075. <button
  5076. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5077. >
  5078. 🚙
  5079. </button>
  5080. <button
  5081. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5082. >
  5083. 🚚
  5084. </button>
  5085. <button
  5086. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5087. >
  5088. 🚛
  5089. </button>
  5090. <button
  5091. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5092. >
  5093. 🚜
  5094. </button>
  5095. <button
  5096. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5097. >
  5098. 🚲
  5099. </button>
  5100. <button
  5101. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5102. >
  5103. 🛴
  5104. </button>
  5105. <button
  5106. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5107. >
  5108. 🛵
  5109. </button>
  5110. <button
  5111. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5112. >
  5113. 🚏
  5114. </button>
  5115. <button
  5116. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5117. >
  5118. 🛣️
  5119. </button>
  5120. <button
  5121. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5122. >
  5123. 🛤️
  5124. </button>
  5125. <button
  5126. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5127. >
  5128. </button>
  5129. <button
  5130. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5131. >
  5132. 🚨
  5133. </button>
  5134. <button
  5135. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5136. >
  5137. 🚥
  5138. </button>
  5139. <button
  5140. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5141. >
  5142. 🚦
  5143. </button>
  5144. <button
  5145. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5146. >
  5147. 🚧
  5148. </button>
  5149. <button
  5150. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5151. >
  5152. 🛑
  5153. </button>
  5154. <button
  5155. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5156. >
  5157. </button>
  5158. <button
  5159. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5160. >
  5161. </button>
  5162. <button
  5163. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5164. >
  5165. 🛶
  5166. </button>
  5167. <button
  5168. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5169. >
  5170. 🚤
  5171. </button>
  5172. <button
  5173. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5174. >
  5175. 🛳️
  5176. </button>
  5177. <button
  5178. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5179. >
  5180. ⛴️
  5181. </button>
  5182. <button
  5183. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5184. >
  5185. 🛥️
  5186. </button>
  5187. <button
  5188. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5189. >
  5190. 🚢
  5191. </button>
  5192. <button
  5193. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5194. >
  5195. ✈️
  5196. </button>
  5197. <button
  5198. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5199. >
  5200. 🛩️
  5201. </button>
  5202. <button
  5203. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5204. >
  5205. 🛫
  5206. </button>
  5207. <button
  5208. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5209. >
  5210. 🛬
  5211. </button>
  5212. <button
  5213. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5214. >
  5215. 💺
  5216. </button>
  5217. <button
  5218. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5219. >
  5220. 🚁
  5221. </button>
  5222. <button
  5223. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5224. >
  5225. 🚟
  5226. </button>
  5227. <button
  5228. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5229. >
  5230. 🚠
  5231. </button>
  5232. <button
  5233. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5234. >
  5235. 🚡
  5236. </button>
  5237. <button
  5238. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5239. >
  5240. 🛰️
  5241. </button>
  5242. <button
  5243. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5244. >
  5245. 🚀
  5246. </button>
  5247. <button
  5248. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5249. >
  5250. 🛸
  5251. </button>
  5252. <button
  5253. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5254. >
  5255. 🛎️
  5256. </button>
  5257. <button
  5258. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5259. >
  5260. 🚪
  5261. </button>
  5262. <button
  5263. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5264. >
  5265. 🛏️
  5266. </button>
  5267. <button
  5268. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5269. >
  5270. 🛋️
  5271. </button>
  5272. <button
  5273. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5274. >
  5275. 🚽
  5276. </button>
  5277. <button
  5278. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5279. >
  5280. 🚿
  5281. </button>
  5282. <button
  5283. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5284. >
  5285. 🛁
  5286. </button>
  5287. <button
  5288. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5289. >
  5290. </button>
  5291. <button
  5292. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5293. >
  5294. </button>
  5295. <button
  5296. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5297. >
  5298. </button>
  5299. <button
  5300. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5301. >
  5302. </button>
  5303. <button
  5304. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5305. >
  5306. ⏱️
  5307. </button>
  5308. <button
  5309. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5310. >
  5311. ⏲️
  5312. </button>
  5313. <button
  5314. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5315. >
  5316. 🕰️
  5317. </button>
  5318. <button
  5319. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5320. >
  5321. 🕛
  5322. </button>
  5323. <button
  5324. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5325. >
  5326. 🕧
  5327. </button>
  5328. <button
  5329. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5330. >
  5331. 🕐
  5332. </button>
  5333. <button
  5334. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5335. >
  5336. 🕜
  5337. </button>
  5338. <button
  5339. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5340. >
  5341. 🕑
  5342. </button>
  5343. <button
  5344. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5345. >
  5346. 🕝
  5347. </button>
  5348. <button
  5349. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5350. >
  5351. 🕒
  5352. </button>
  5353. <button
  5354. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5355. >
  5356. 🕞
  5357. </button>
  5358. <button
  5359. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5360. >
  5361. 🕓
  5362. </button>
  5363. <button
  5364. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5365. >
  5366. 🕟
  5367. </button>
  5368. <button
  5369. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5370. >
  5371. 🕔
  5372. </button>
  5373. <button
  5374. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5375. >
  5376. 🕠
  5377. </button>
  5378. <button
  5379. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5380. >
  5381. 🕕
  5382. </button>
  5383. <button
  5384. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5385. >
  5386. 🕡
  5387. </button>
  5388. <button
  5389. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5390. >
  5391. 🕖
  5392. </button>
  5393. <button
  5394. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5395. >
  5396. 🕢
  5397. </button>
  5398. <button
  5399. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5400. >
  5401. 🕗
  5402. </button>
  5403. <button
  5404. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5405. >
  5406. 🕣
  5407. </button>
  5408. <button
  5409. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5410. >
  5411. 🕘
  5412. </button>
  5413. <button
  5414. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5415. >
  5416. 🕤
  5417. </button>
  5418. <button
  5419. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5420. >
  5421. 🕙
  5422. </button>
  5423. <button
  5424. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5425. >
  5426. 🕥
  5427. </button>
  5428. <button
  5429. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5430. >
  5431. 🕚
  5432. </button>
  5433. <button
  5434. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5435. >
  5436. 🕦
  5437. </button>
  5438. <button
  5439. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5440. >
  5441. 🌑
  5442. </button>
  5443. <button
  5444. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5445. >
  5446. 🌒
  5447. </button>
  5448. <button
  5449. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5450. >
  5451. 🌓
  5452. </button>
  5453. <button
  5454. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5455. >
  5456. 🌔
  5457. </button>
  5458. <button
  5459. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5460. >
  5461. 🌕
  5462. </button>
  5463. <button
  5464. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5465. >
  5466. 🌖
  5467. </button>
  5468. <button
  5469. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5470. >
  5471. 🌗
  5472. </button>
  5473. <button
  5474. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5475. >
  5476. 🌘
  5477. </button>
  5478. <button
  5479. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5480. >
  5481. 🌙
  5482. </button>
  5483. <button
  5484. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5485. >
  5486. 🌚
  5487. </button>
  5488. <button
  5489. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5490. >
  5491. 🌛
  5492. </button>
  5493. <button
  5494. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5495. >
  5496. 🌜
  5497. </button>
  5498. <button
  5499. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5500. >
  5501. 🌡️
  5502. </button>
  5503. <button
  5504. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5505. >
  5506. ☀️
  5507. </button>
  5508. <button
  5509. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5510. >
  5511. 🌝
  5512. </button>
  5513. <button
  5514. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5515. >
  5516. 🌞
  5517. </button>
  5518. <button
  5519. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5520. >
  5521. </button>
  5522. <button
  5523. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5524. >
  5525. 🌟
  5526. </button>
  5527. <button
  5528. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5529. >
  5530. 🌠
  5531. </button>
  5532. <button
  5533. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5534. >
  5535. ☁️
  5536. </button>
  5537. <button
  5538. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5539. >
  5540. </button>
  5541. <button
  5542. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5543. >
  5544. ⛈️
  5545. </button>
  5546. <button
  5547. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5548. >
  5549. 🌤️
  5550. </button>
  5551. <button
  5552. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5553. >
  5554. 🌥️
  5555. </button>
  5556. <button
  5557. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5558. >
  5559. 🌦️
  5560. </button>
  5561. <button
  5562. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5563. >
  5564. 🌧️
  5565. </button>
  5566. <button
  5567. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5568. >
  5569. 🌨️
  5570. </button>
  5571. <button
  5572. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5573. >
  5574. 🌩️
  5575. </button>
  5576. <button
  5577. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5578. >
  5579. 🌪️
  5580. </button>
  5581. <button
  5582. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5583. >
  5584. 🌫️
  5585. </button>
  5586. <button
  5587. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5588. >
  5589. 🌬️
  5590. </button>
  5591. <button
  5592. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5593. >
  5594. 🌀
  5595. </button>
  5596. <button
  5597. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5598. >
  5599. 🌈
  5600. </button>
  5601. <button
  5602. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5603. >
  5604. 🌂
  5605. </button>
  5606. <button
  5607. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5608. >
  5609. ☂️
  5610. </button>
  5611. <button
  5612. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5613. >
  5614. </button>
  5615. <button
  5616. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5617. >
  5618. ⛱️
  5619. </button>
  5620. <button
  5621. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5622. >
  5623. </button>
  5624. <button
  5625. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5626. >
  5627. ❄️
  5628. </button>
  5629. <button
  5630. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5631. >
  5632. ☃️
  5633. </button>
  5634. <button
  5635. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5636. >
  5637. </button>
  5638. <button
  5639. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5640. >
  5641. ☄️
  5642. </button>
  5643. <button
  5644. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5645. >
  5646. 🔥
  5647. </button>
  5648. <button
  5649. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5650. >
  5651. 💧
  5652. </button>
  5653. <button
  5654. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5655. >
  5656. 🌊
  5657. </button>
  5658. </div>
  5659. </div>
  5660. </div>
  5661. <div id="lightbulb" class="h-full tab-content__pane">
  5662. <div class="font-medium px-3">Objects</div>
  5663. <div
  5664. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  5665. >
  5666. <div class="grid grid-cols-8 text-2xl">
  5667. <button
  5668. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5669. >
  5670. 🔇
  5671. </button>
  5672. <button
  5673. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5674. >
  5675. 🔈
  5676. </button>
  5677. <button
  5678. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5679. >
  5680. 🔉
  5681. </button>
  5682. <button
  5683. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5684. >
  5685. 🔊
  5686. </button>
  5687. <button
  5688. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5689. >
  5690. 📢
  5691. </button>
  5692. <button
  5693. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5694. >
  5695. 📣
  5696. </button>
  5697. <button
  5698. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5699. >
  5700. 📯
  5701. </button>
  5702. <button
  5703. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5704. >
  5705. 🔔
  5706. </button>
  5707. <button
  5708. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5709. >
  5710. 🔕
  5711. </button>
  5712. <button
  5713. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5714. >
  5715. 🎼
  5716. </button>
  5717. <button
  5718. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5719. >
  5720. 🎵
  5721. </button>
  5722. <button
  5723. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5724. >
  5725. 🎶
  5726. </button>
  5727. <button
  5728. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5729. >
  5730. 🎙️
  5731. </button>
  5732. <button
  5733. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5734. >
  5735. 🎚️
  5736. </button>
  5737. <button
  5738. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5739. >
  5740. 🎛️
  5741. </button>
  5742. <button
  5743. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5744. >
  5745. 🎤
  5746. </button>
  5747. <button
  5748. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5749. >
  5750. 🎧
  5751. </button>
  5752. <button
  5753. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5754. >
  5755. 📻
  5756. </button>
  5757. <button
  5758. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5759. >
  5760. 🎷
  5761. </button>
  5762. <button
  5763. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5764. >
  5765. 🎸
  5766. </button>
  5767. <button
  5768. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5769. >
  5770. 🎹
  5771. </button>
  5772. <button
  5773. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5774. >
  5775. 🎺
  5776. </button>
  5777. <button
  5778. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5779. >
  5780. 🎻
  5781. </button>
  5782. <button
  5783. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5784. >
  5785. 🥁
  5786. </button>
  5787. <button
  5788. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5789. >
  5790. 📱
  5791. </button>
  5792. <button
  5793. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5794. >
  5795. 📲
  5796. </button>
  5797. <button
  5798. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5799. >
  5800. ☎️
  5801. </button>
  5802. <button
  5803. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5804. >
  5805. 📞
  5806. </button>
  5807. <button
  5808. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5809. >
  5810. 📟
  5811. </button>
  5812. <button
  5813. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5814. >
  5815. 📠
  5816. </button>
  5817. <button
  5818. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5819. >
  5820. 🔋
  5821. </button>
  5822. <button
  5823. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5824. >
  5825. 🔌
  5826. </button>
  5827. <button
  5828. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5829. >
  5830. 💻
  5831. </button>
  5832. <button
  5833. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5834. >
  5835. 🖥️
  5836. </button>
  5837. <button
  5838. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5839. >
  5840. 🖨️
  5841. </button>
  5842. <button
  5843. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5844. >
  5845. ⌨️
  5846. </button>
  5847. <button
  5848. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5849. >
  5850. 🖱️
  5851. </button>
  5852. <button
  5853. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5854. >
  5855. 🖲️
  5856. </button>
  5857. <button
  5858. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5859. >
  5860. 💽
  5861. </button>
  5862. <button
  5863. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5864. >
  5865. 💾
  5866. </button>
  5867. <button
  5868. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5869. >
  5870. 💿
  5871. </button>
  5872. <button
  5873. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5874. >
  5875. 📀
  5876. </button>
  5877. <button
  5878. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5879. >
  5880. 🎥
  5881. </button>
  5882. <button
  5883. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5884. >
  5885. 🎞️
  5886. </button>
  5887. <button
  5888. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5889. >
  5890. 📽️
  5891. </button>
  5892. <button
  5893. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5894. >
  5895. 🎬
  5896. </button>
  5897. <button
  5898. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5899. >
  5900. 📺
  5901. </button>
  5902. <button
  5903. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5904. >
  5905. 📷
  5906. </button>
  5907. <button
  5908. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5909. >
  5910. 📸
  5911. </button>
  5912. <button
  5913. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5914. >
  5915. 📹
  5916. </button>
  5917. <button
  5918. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5919. >
  5920. 📼
  5921. </button>
  5922. <button
  5923. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5924. >
  5925. 🔍
  5926. </button>
  5927. <button
  5928. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5929. >
  5930. 🔎
  5931. </button>
  5932. <button
  5933. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5934. >
  5935. 🔬
  5936. </button>
  5937. <button
  5938. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5939. >
  5940. 🔭
  5941. </button>
  5942. <button
  5943. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5944. >
  5945. 📡
  5946. </button>
  5947. <button
  5948. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5949. >
  5950. 🕯️
  5951. </button>
  5952. <button
  5953. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5954. >
  5955. 💡
  5956. </button>
  5957. <button
  5958. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5959. >
  5960. 🔦
  5961. </button>
  5962. <button
  5963. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5964. >
  5965. 🏮
  5966. </button>
  5967. <button
  5968. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5969. >
  5970. 📔
  5971. </button>
  5972. <button
  5973. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5974. >
  5975. 📕
  5976. </button>
  5977. <button
  5978. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5979. >
  5980. 📖
  5981. </button>
  5982. <button
  5983. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5984. >
  5985. 📗
  5986. </button>
  5987. <button
  5988. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5989. >
  5990. 📘
  5991. </button>
  5992. <button
  5993. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5994. >
  5995. 📙
  5996. </button>
  5997. <button
  5998. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  5999. >
  6000. 📚
  6001. </button>
  6002. <button
  6003. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6004. >
  6005. 📓
  6006. </button>
  6007. <button
  6008. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6009. >
  6010. 📒
  6011. </button>
  6012. <button
  6013. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6014. >
  6015. 📃
  6016. </button>
  6017. <button
  6018. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6019. >
  6020. 📜
  6021. </button>
  6022. <button
  6023. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6024. >
  6025. 📄
  6026. </button>
  6027. <button
  6028. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6029. >
  6030. 📰
  6031. </button>
  6032. <button
  6033. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6034. >
  6035. 🗞️
  6036. </button>
  6037. <button
  6038. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6039. >
  6040. 📑
  6041. </button>
  6042. <button
  6043. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6044. >
  6045. 🔖
  6046. </button>
  6047. <button
  6048. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6049. >
  6050. 🏷️
  6051. </button>
  6052. <button
  6053. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6054. >
  6055. 💰
  6056. </button>
  6057. <button
  6058. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6059. >
  6060. 💴
  6061. </button>
  6062. <button
  6063. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6064. >
  6065. 💵
  6066. </button>
  6067. <button
  6068. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6069. >
  6070. 💶
  6071. </button>
  6072. <button
  6073. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6074. >
  6075. 💷
  6076. </button>
  6077. <button
  6078. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6079. >
  6080. 💸
  6081. </button>
  6082. <button
  6083. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6084. >
  6085. 💳
  6086. </button>
  6087. <button
  6088. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6089. >
  6090. 💹
  6091. </button>
  6092. <button
  6093. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6094. >
  6095. 💱
  6096. </button>
  6097. <button
  6098. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6099. >
  6100. 💲
  6101. </button>
  6102. <button
  6103. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6104. >
  6105. ✉️
  6106. </button>
  6107. <button
  6108. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6109. >
  6110. 📧
  6111. </button>
  6112. <button
  6113. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6114. >
  6115. 📨
  6116. </button>
  6117. <button
  6118. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6119. >
  6120. 📩
  6121. </button>
  6122. <button
  6123. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6124. >
  6125. 📤
  6126. </button>
  6127. <button
  6128. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6129. >
  6130. 📥
  6131. </button>
  6132. <button
  6133. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6134. >
  6135. 📦
  6136. </button>
  6137. <button
  6138. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6139. >
  6140. 📫
  6141. </button>
  6142. <button
  6143. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6144. >
  6145. 📪
  6146. </button>
  6147. <button
  6148. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6149. >
  6150. 📬
  6151. </button>
  6152. <button
  6153. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6154. >
  6155. 📭
  6156. </button>
  6157. <button
  6158. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6159. >
  6160. 📮
  6161. </button>
  6162. <button
  6163. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6164. >
  6165. 🗳️
  6166. </button>
  6167. <button
  6168. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6169. >
  6170. ✏️
  6171. </button>
  6172. <button
  6173. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6174. >
  6175. ✒️
  6176. </button>
  6177. <button
  6178. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6179. >
  6180. 🖋️
  6181. </button>
  6182. <button
  6183. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6184. >
  6185. 🖊️
  6186. </button>
  6187. <button
  6188. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6189. >
  6190. 🖌️
  6191. </button>
  6192. <button
  6193. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6194. >
  6195. 🖍️
  6196. </button>
  6197. <button
  6198. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6199. >
  6200. 📝
  6201. </button>
  6202. <button
  6203. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6204. >
  6205. 💼
  6206. </button>
  6207. <button
  6208. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6209. >
  6210. 📁
  6211. </button>
  6212. <button
  6213. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6214. >
  6215. 📂
  6216. </button>
  6217. <button
  6218. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6219. >
  6220. 🗂️
  6221. </button>
  6222. <button
  6223. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6224. >
  6225. 📅
  6226. </button>
  6227. <button
  6228. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6229. >
  6230. 📆
  6231. </button>
  6232. <button
  6233. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6234. >
  6235. 🗒️
  6236. </button>
  6237. <button
  6238. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6239. >
  6240. 🗓️
  6241. </button>
  6242. <button
  6243. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6244. >
  6245. 📇
  6246. </button>
  6247. <button
  6248. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6249. >
  6250. 📈
  6251. </button>
  6252. <button
  6253. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6254. >
  6255. 📉
  6256. </button>
  6257. <button
  6258. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6259. >
  6260. 📊
  6261. </button>
  6262. <button
  6263. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6264. >
  6265. 📋
  6266. </button>
  6267. <button
  6268. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6269. >
  6270. 📌
  6271. </button>
  6272. <button
  6273. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6274. >
  6275. 📍
  6276. </button>
  6277. <button
  6278. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6279. >
  6280. 📎
  6281. </button>
  6282. <button
  6283. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6284. >
  6285. 🖇️
  6286. </button>
  6287. <button
  6288. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6289. >
  6290. 📏
  6291. </button>
  6292. <button
  6293. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6294. >
  6295. 📐
  6296. </button>
  6297. <button
  6298. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6299. >
  6300. ✂️
  6301. </button>
  6302. <button
  6303. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6304. >
  6305. 🗃️
  6306. </button>
  6307. <button
  6308. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6309. >
  6310. 🗄️
  6311. </button>
  6312. <button
  6313. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6314. >
  6315. 🗑️
  6316. </button>
  6317. <button
  6318. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6319. >
  6320. 🔒
  6321. </button>
  6322. <button
  6323. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6324. >
  6325. 🔓
  6326. </button>
  6327. <button
  6328. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6329. >
  6330. 🔏
  6331. </button>
  6332. <button
  6333. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6334. >
  6335. 🔐
  6336. </button>
  6337. <button
  6338. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6339. >
  6340. 🔑
  6341. </button>
  6342. <button
  6343. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6344. >
  6345. 🗝️
  6346. </button>
  6347. <button
  6348. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6349. >
  6350. 🔨
  6351. </button>
  6352. <button
  6353. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6354. >
  6355. ⛏️
  6356. </button>
  6357. <button
  6358. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6359. >
  6360. ⚒️
  6361. </button>
  6362. <button
  6363. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6364. >
  6365. 🛠️
  6366. </button>
  6367. <button
  6368. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6369. >
  6370. 🗡️
  6371. </button>
  6372. <button
  6373. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6374. >
  6375. ⚔️
  6376. </button>
  6377. <button
  6378. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6379. >
  6380. 🔫
  6381. </button>
  6382. <button
  6383. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6384. >
  6385. 🏹
  6386. </button>
  6387. <button
  6388. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6389. >
  6390. 🛡️
  6391. </button>
  6392. <button
  6393. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6394. >
  6395. 🔧
  6396. </button>
  6397. <button
  6398. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6399. >
  6400. 🔩
  6401. </button>
  6402. <button
  6403. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6404. >
  6405. ⚙️
  6406. </button>
  6407. <button
  6408. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6409. >
  6410. 🗜️
  6411. </button>
  6412. <button
  6413. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6414. >
  6415. ⚗️
  6416. </button>
  6417. <button
  6418. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6419. >
  6420. ⚖️
  6421. </button>
  6422. <button
  6423. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6424. >
  6425. 🔗
  6426. </button>
  6427. <button
  6428. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6429. >
  6430. ⛓️
  6431. </button>
  6432. <button
  6433. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6434. >
  6435. 💉
  6436. </button>
  6437. <button
  6438. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6439. >
  6440. 💊
  6441. </button>
  6442. <button
  6443. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6444. >
  6445. 🚬
  6446. </button>
  6447. <button
  6448. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6449. >
  6450. ⚰️
  6451. </button>
  6452. <button
  6453. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6454. >
  6455. ⚱️
  6456. </button>
  6457. <button
  6458. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6459. >
  6460. 🗿
  6461. </button>
  6462. <button
  6463. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6464. >
  6465. 🛢️
  6466. </button>
  6467. <button
  6468. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6469. >
  6470. 🔮
  6471. </button>
  6472. <button
  6473. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6474. >
  6475. 🛒
  6476. </button>
  6477. </div>
  6478. </div>
  6479. </div>
  6480. <div id="music" class="h-full tab-content__pane">
  6481. <div class="font-medium px-3">Symbols</div>
  6482. <div
  6483. class="h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2"
  6484. >
  6485. <div class="grid grid-cols-8 text-2xl">
  6486. <button
  6487. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6488. >
  6489. 🏧
  6490. </button>
  6491. <button
  6492. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6493. >
  6494. 🚮
  6495. </button>
  6496. <button
  6497. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6498. >
  6499. 🚰
  6500. </button>
  6501. <button
  6502. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6503. >
  6504. </button>
  6505. <button
  6506. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6507. >
  6508. 🚹
  6509. </button>
  6510. <button
  6511. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6512. >
  6513. 🚺
  6514. </button>
  6515. <button
  6516. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6517. >
  6518. 🚻
  6519. </button>
  6520. <button
  6521. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6522. >
  6523. 🚼
  6524. </button>
  6525. <button
  6526. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6527. >
  6528. 🚾
  6529. </button>
  6530. <button
  6531. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6532. >
  6533. 🛂
  6534. </button>
  6535. <button
  6536. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6537. >
  6538. 🛃
  6539. </button>
  6540. <button
  6541. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6542. >
  6543. 🛄
  6544. </button>
  6545. <button
  6546. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6547. >
  6548. 🛅
  6549. </button>
  6550. <button
  6551. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6552. >
  6553. ⚠️
  6554. </button>
  6555. <button
  6556. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6557. >
  6558. 🚸
  6559. </button>
  6560. <button
  6561. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6562. >
  6563. </button>
  6564. <button
  6565. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6566. >
  6567. 🚫
  6568. </button>
  6569. <button
  6570. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6571. >
  6572. 🚳
  6573. </button>
  6574. <button
  6575. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6576. >
  6577. 🚭
  6578. </button>
  6579. <button
  6580. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6581. >
  6582. 🚯
  6583. </button>
  6584. <button
  6585. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6586. >
  6587. 🚱
  6588. </button>
  6589. <button
  6590. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6591. >
  6592. 🚷
  6593. </button>
  6594. <button
  6595. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6596. >
  6597. 📵
  6598. </button>
  6599. <button
  6600. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6601. >
  6602. 🔞
  6603. </button>
  6604. <button
  6605. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6606. >
  6607. ☢️
  6608. </button>
  6609. <button
  6610. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6611. >
  6612. ☣️
  6613. </button>
  6614. <button
  6615. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6616. >
  6617. ⬆️
  6618. </button>
  6619. <button
  6620. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6621. >
  6622. ↗️
  6623. </button>
  6624. <button
  6625. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6626. >
  6627. ➡️
  6628. </button>
  6629. <button
  6630. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6631. >
  6632. ↘️
  6633. </button>
  6634. <button
  6635. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6636. >
  6637. ⬇️
  6638. </button>
  6639. <button
  6640. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6641. >
  6642. ↙️
  6643. </button>
  6644. <button
  6645. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6646. >
  6647. ⬅️
  6648. </button>
  6649. <button
  6650. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6651. >
  6652. ↖️
  6653. </button>
  6654. <button
  6655. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6656. >
  6657. ↕️
  6658. </button>
  6659. <button
  6660. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6661. >
  6662. ↔️
  6663. </button>
  6664. <button
  6665. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6666. >
  6667. ↩️
  6668. </button>
  6669. <button
  6670. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6671. >
  6672. ↪️
  6673. </button>
  6674. <button
  6675. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6676. >
  6677. ⤴️
  6678. </button>
  6679. <button
  6680. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6681. >
  6682. ⤵️
  6683. </button>
  6684. <button
  6685. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6686. >
  6687. 🔃
  6688. </button>
  6689. <button
  6690. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6691. >
  6692. 🔄
  6693. </button>
  6694. <button
  6695. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6696. >
  6697. 🔙
  6698. </button>
  6699. <button
  6700. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6701. >
  6702. 🔚
  6703. </button>
  6704. <button
  6705. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6706. >
  6707. 🔛
  6708. </button>
  6709. <button
  6710. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6711. >
  6712. 🔜
  6713. </button>
  6714. <button
  6715. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6716. >
  6717. 🔝
  6718. </button>
  6719. <button
  6720. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6721. >
  6722. 🛐
  6723. </button>
  6724. <button
  6725. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6726. >
  6727. ⚛️
  6728. </button>
  6729. <button
  6730. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6731. >
  6732. 🕉️
  6733. </button>
  6734. <button
  6735. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6736. >
  6737. ✡️
  6738. </button>
  6739. <button
  6740. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6741. >
  6742. ☸️
  6743. </button>
  6744. <button
  6745. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6746. >
  6747. ☯️
  6748. </button>
  6749. <button
  6750. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6751. >
  6752. ✝️
  6753. </button>
  6754. <button
  6755. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6756. >
  6757. ☦️
  6758. </button>
  6759. <button
  6760. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6761. >
  6762. ☪️
  6763. </button>
  6764. <button
  6765. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6766. >
  6767. ☮️
  6768. </button>
  6769. <button
  6770. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6771. >
  6772. 🕎
  6773. </button>
  6774. <button
  6775. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6776. >
  6777. 🔯
  6778. </button>
  6779. <button
  6780. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6781. >
  6782. </button>
  6783. <button
  6784. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6785. >
  6786. </button>
  6787. <button
  6788. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6789. >
  6790. </button>
  6791. <button
  6792. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6793. >
  6794. </button>
  6795. <button
  6796. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6797. >
  6798. </button>
  6799. <button
  6800. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6801. >
  6802. </button>
  6803. <button
  6804. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6805. >
  6806. </button>
  6807. <button
  6808. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6809. >
  6810. </button>
  6811. <button
  6812. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6813. >
  6814. </button>
  6815. <button
  6816. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6817. >
  6818. </button>
  6819. <button
  6820. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6821. >
  6822. </button>
  6823. <button
  6824. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6825. >
  6826. </button>
  6827. <button
  6828. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6829. >
  6830. </button>
  6831. <button
  6832. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6833. >
  6834. 🔀
  6835. </button>
  6836. <button
  6837. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6838. >
  6839. 🔁
  6840. </button>
  6841. <button
  6842. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6843. >
  6844. 🔂
  6845. </button>
  6846. <button
  6847. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6848. >
  6849. ▶️
  6850. </button>
  6851. <button
  6852. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6853. >
  6854. </button>
  6855. <button
  6856. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6857. >
  6858. ⏭️
  6859. </button>
  6860. <button
  6861. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6862. >
  6863. ⏯️
  6864. </button>
  6865. <button
  6866. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6867. >
  6868. ◀️
  6869. </button>
  6870. <button
  6871. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6872. >
  6873. </button>
  6874. <button
  6875. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6876. >
  6877. ⏮️
  6878. </button>
  6879. <button
  6880. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6881. >
  6882. 🔼
  6883. </button>
  6884. <button
  6885. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6886. >
  6887. </button>
  6888. <button
  6889. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6890. >
  6891. 🔽
  6892. </button>
  6893. <button
  6894. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6895. >
  6896. </button>
  6897. <button
  6898. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6899. >
  6900. ⏸️
  6901. </button>
  6902. <button
  6903. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6904. >
  6905. ⏹️
  6906. </button>
  6907. <button
  6908. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6909. >
  6910. ⏺️
  6911. </button>
  6912. <button
  6913. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6914. >
  6915. ⏏️
  6916. </button>
  6917. <button
  6918. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6919. >
  6920. 🎦
  6921. </button>
  6922. <button
  6923. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6924. >
  6925. 🔅
  6926. </button>
  6927. <button
  6928. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6929. >
  6930. 🔆
  6931. </button>
  6932. <button
  6933. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6934. >
  6935. 📶
  6936. </button>
  6937. <button
  6938. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6939. >
  6940. 📳
  6941. </button>
  6942. <button
  6943. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6944. >
  6945. 📴
  6946. </button>
  6947. <button
  6948. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6949. >
  6950. ♀️
  6951. </button>
  6952. <button
  6953. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6954. >
  6955. ♂️
  6956. </button>
  6957. <button
  6958. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6959. >
  6960. ⚕️
  6961. </button>
  6962. <button
  6963. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6964. >
  6965. ♻️
  6966. </button>
  6967. <button
  6968. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6969. >
  6970. ⚜️
  6971. </button>
  6972. <button
  6973. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6974. >
  6975. 🔱
  6976. </button>
  6977. <button
  6978. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6979. >
  6980. 📛
  6981. </button>
  6982. <button
  6983. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6984. >
  6985. 🔰
  6986. </button>
  6987. <button
  6988. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6989. >
  6990. </button>
  6991. <button
  6992. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6993. >
  6994. </button>
  6995. <button
  6996. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  6997. >
  6998. ☑️
  6999. </button>
  7000. <button
  7001. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7002. >
  7003. ✔️
  7004. </button>
  7005. <button
  7006. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7007. >
  7008. ✖️
  7009. </button>
  7010. <button
  7011. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7012. >
  7013. </button>
  7014. <button
  7015. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7016. >
  7017. </button>
  7018. <button
  7019. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7020. >
  7021. </button>
  7022. <button
  7023. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7024. >
  7025. </button>
  7026. <button
  7027. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7028. >
  7029. </button>
  7030. <button
  7031. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7032. >
  7033. </button>
  7034. <button
  7035. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7036. >
  7037. </button>
  7038. <button
  7039. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7040. >
  7041. 〽️
  7042. </button>
  7043. <button
  7044. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7045. >
  7046. ✳️
  7047. </button>
  7048. <button
  7049. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7050. >
  7051. ✴️
  7052. </button>
  7053. <button
  7054. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7055. >
  7056. ❇️
  7057. </button>
  7058. <button
  7059. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7060. >
  7061. ‼️
  7062. </button>
  7063. <button
  7064. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7065. >
  7066. ⁉️
  7067. </button>
  7068. <button
  7069. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7070. >
  7071. </button>
  7072. <button
  7073. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7074. >
  7075. </button>
  7076. <button
  7077. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7078. >
  7079. </button>
  7080. <button
  7081. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7082. >
  7083. </button>
  7084. <button
  7085. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7086. >
  7087. 〰️
  7088. </button>
  7089. <button
  7090. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7091. >
  7092. ©️
  7093. </button>
  7094. <button
  7095. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7096. >
  7097. ®️
  7098. </button>
  7099. <button
  7100. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7101. >
  7102. ™️
  7103. </button>
  7104. <button
  7105. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7106. >
  7107. #️⃣
  7108. </button>
  7109. <button
  7110. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7111. >
  7112. *️⃣
  7113. </button>
  7114. <button
  7115. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7116. >
  7117. 0️⃣
  7118. </button>
  7119. <button
  7120. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7121. >
  7122. 1️⃣
  7123. </button>
  7124. <button
  7125. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7126. >
  7127. 2️⃣
  7128. </button>
  7129. <button
  7130. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7131. >
  7132. 3️⃣
  7133. </button>
  7134. <button
  7135. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7136. >
  7137. 4️⃣
  7138. </button>
  7139. <button
  7140. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7141. >
  7142. 5️⃣
  7143. </button>
  7144. <button
  7145. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7146. >
  7147. 6️⃣
  7148. </button>
  7149. <button
  7150. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7151. >
  7152. 7️⃣
  7153. </button>
  7154. <button
  7155. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7156. >
  7157. 8️⃣
  7158. </button>
  7159. <button
  7160. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7161. >
  7162. 9️⃣
  7163. </button>
  7164. <button
  7165. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7166. >
  7167. 🔟
  7168. </button>
  7169. <button
  7170. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7171. >
  7172. 💯
  7173. </button>
  7174. <button
  7175. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7176. >
  7177. 🔠
  7178. </button>
  7179. <button
  7180. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7181. >
  7182. 🔡
  7183. </button>
  7184. <button
  7185. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7186. >
  7187. 🔢
  7188. </button>
  7189. <button
  7190. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7191. >
  7192. 🔣
  7193. </button>
  7194. <button
  7195. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7196. >
  7197. 🔤
  7198. </button>
  7199. <button
  7200. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7201. >
  7202. 🅰️
  7203. </button>
  7204. <button
  7205. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7206. >
  7207. 🆎
  7208. </button>
  7209. <button
  7210. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7211. >
  7212. 🅱️
  7213. </button>
  7214. <button
  7215. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7216. >
  7217. 🆑
  7218. </button>
  7219. <button
  7220. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7221. >
  7222. 🆒
  7223. </button>
  7224. <button
  7225. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7226. >
  7227. 🆓
  7228. </button>
  7229. <button
  7230. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7231. >
  7232. ℹ️
  7233. </button>
  7234. <button
  7235. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7236. >
  7237. 🆔
  7238. </button>
  7239. <button
  7240. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7241. >
  7242. Ⓜ️
  7243. </button>
  7244. <button
  7245. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7246. >
  7247. 🆕
  7248. </button>
  7249. <button
  7250. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7251. >
  7252. 🆖
  7253. </button>
  7254. <button
  7255. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7256. >
  7257. 🅾️
  7258. </button>
  7259. <button
  7260. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7261. >
  7262. 🆗
  7263. </button>
  7264. <button
  7265. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7266. >
  7267. 🅿️
  7268. </button>
  7269. <button
  7270. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7271. >
  7272. 🆘
  7273. </button>
  7274. <button
  7275. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7276. >
  7277. 🆙
  7278. </button>
  7279. <button
  7280. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7281. >
  7282. 🆚
  7283. </button>
  7284. <button
  7285. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7286. >
  7287. 🈁
  7288. </button>
  7289. <button
  7290. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7291. >
  7292. 🈂️
  7293. </button>
  7294. <button
  7295. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7296. >
  7297. 🈷️
  7298. </button>
  7299. <button
  7300. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7301. >
  7302. 🈶
  7303. </button>
  7304. <button
  7305. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7306. >
  7307. 🈯
  7308. </button>
  7309. <button
  7310. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7311. >
  7312. 🉐
  7313. </button>
  7314. <button
  7315. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7316. >
  7317. 🈹
  7318. </button>
  7319. <button
  7320. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7321. >
  7322. 🈚
  7323. </button>
  7324. <button
  7325. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7326. >
  7327. 🈲
  7328. </button>
  7329. <button
  7330. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7331. >
  7332. 🉑
  7333. </button>
  7334. <button
  7335. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7336. >
  7337. 🈸
  7338. </button>
  7339. <button
  7340. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7341. >
  7342. 🈴
  7343. </button>
  7344. <button
  7345. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7346. >
  7347. 🈳
  7348. </button>
  7349. <button
  7350. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7351. >
  7352. ㊗️
  7353. </button>
  7354. <button
  7355. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7356. >
  7357. ㊙️
  7358. </button>
  7359. <button
  7360. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7361. >
  7362. 🈺
  7363. </button>
  7364. <button
  7365. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7366. >
  7367. 🈵
  7368. </button>
  7369. <button
  7370. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7371. >
  7372. ▪️
  7373. </button>
  7374. <button
  7375. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7376. >
  7377. ▫️
  7378. </button>
  7379. <button
  7380. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7381. >
  7382. ◻️
  7383. </button>
  7384. <button
  7385. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7386. >
  7387. ◼️
  7388. </button>
  7389. <button
  7390. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7391. >
  7392. </button>
  7393. <button
  7394. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7395. >
  7396. </button>
  7397. <button
  7398. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7399. >
  7400. </button>
  7401. <button
  7402. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7403. >
  7404. </button>
  7405. <button
  7406. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7407. >
  7408. 🔶
  7409. </button>
  7410. <button
  7411. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7412. >
  7413. 🔷
  7414. </button>
  7415. <button
  7416. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7417. >
  7418. 🔸
  7419. </button>
  7420. <button
  7421. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7422. >
  7423. 🔹
  7424. </button>
  7425. <button
  7426. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7427. >
  7428. 🔺
  7429. </button>
  7430. <button
  7431. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7432. >
  7433. 🔻
  7434. </button>
  7435. <button
  7436. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7437. >
  7438. 💠
  7439. </button>
  7440. <button
  7441. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7442. >
  7443. 🔘
  7444. </button>
  7445. <button
  7446. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7447. >
  7448. 🔲
  7449. </button>
  7450. <button
  7451. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7452. >
  7453. 🔳
  7454. </button>
  7455. <button
  7456. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7457. >
  7458. </button>
  7459. <button
  7460. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7461. >
  7462. </button>
  7463. <button
  7464. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7465. >
  7466. 🔴
  7467. </button>
  7468. <button
  7469. class="rounded focus:outline-none hover:bg-gray-200:bg-dark-2"
  7470. >
  7471. 🔵
  7472. </button>
  7473. </div>
  7474. </div>
  7475. </div>
  7476. </div>
  7477. </div>
  7478. </div>
  7479. </div>
  7480. </div>
  7481. <div
  7482. class="w-4 h-4 sm:w-5 sm:h-5 relative text-gray-500 mr-3 sm:mr-5"
  7483. >
  7484. <PaperclipIcon class="w-full h-full" />
  7485. <input
  7486. type="file"
  7487. class="w-full h-full top-0 left-0 absolute opacity-0"
  7488. />
  7489. </div>
  7490. </div>
  7491. <a
  7492. href="javascript:;"
  7493. class="w-8 h-8 sm:w-10 sm:h-10 block bg-theme-1 text-white rounded-full flex-none flex items-center justify-center mr-5"
  7494. >
  7495. <SendIcon class="w-4 h-4" />
  7496. </a>
  7497. </div>
  7498. </div>
  7499. <!-- END: Chat Active -->
  7500. <!-- BEGIN: Chat Default -->
  7501. <div v-else class="h-full flex items-center">
  7502. <div class="mx-auto text-center">
  7503. <div
  7504. class="w-16 h-16 flex-none image-fit rounded-full overflow-hidden mx-auto"
  7505. >
  7506. <img
  7507. alt=""
  7508. :src="require(`@/assets/images/${$f()[0].photos[0]}`)"
  7509. />
  7510. </div>
  7511. <div class="mt-3">
  7512. <div class="font-medium">
  7513. Hey, {{ $f()[0]["users"][0]["name"] }}!
  7514. </div>
  7515. <div class="text-gray-600 mt-1">
  7516. Please select a chat to start messaging.
  7517. </div>
  7518. </div>
  7519. </div>
  7520. </div>
  7521. <!-- END: Chat Default -->
  7522. </div>
  7523. </div>
  7524. <!-- END: Chat Content -->
  7525. </div>
  7526. </div>
  7527. </template>
  7528. <script>
  7529. export default {
  7530. data() {
  7531. return {
  7532. chatBox: false
  7533. };
  7534. },
  7535. methods: {
  7536. showChatBox() {
  7537. this.chatBox = !this.chatBox;
  7538. }
  7539. }
  7540. };
  7541. </script>