{"version":3,"sources":["webpack:///./src/midone/views/chat/Main.vue","webpack:///./src/midone/views/chat/Main.vue?79d5","webpack:///./src/midone/views/chat/Main.vue?2a1d"],"names":["class","href","id","type","placeholder","rows","data-toggle","data-target","role","xmlns","viewBox","fill","d","$_","take","$f","faker","fakerKey","key","alt","src","photos","users","name","showChatBox","times","news","shortContent","trueFalse","notificationCount","chatBox","setup","value","render"],"mappings":"oJAESA,MAAM,uD,EACT,gCAAiD,MAA7CA,MAAM,+BAA8B,QAAI,G,GACvCA,MAAM,sC,EACT,gCAES,UAFDA,MAAM,+CAA8C,oBAE5D,G,GACKA,MAAM,4B,GAEPA,MAAM,oE,GAEAA,MAAM,4C,GAITA,MAAM,qB,GACJA,MAAM,gD,GAEPC,KAAK,GACLD,MAAM,6I,+BAE4B,kB,GAGlCC,KAAK,GACLD,MAAM,6I,+BAE+B,c,GAO5CA,MAAM,6C,GAEJA,MAAM,4C,qgBA4BJA,MAAM,e,GACJE,GAAG,QAAQF,MAAM,4B,GACfA,MAAM,Q,GACJA,MAAM,mC,GACJA,MAAM,6C,EACT,gCAIE,SAHAG,KAAK,OACLH,MAAM,2CACNI,YAAY,mC,YAMXJ,MAAM,oC,GACJA,MAAM,a,GAOFA,MAAM,8C,YAMT,gCAEO,OADLA,MAAM,mFAAiF,S,GAIzFA,MAAM,mD,GAUhBA,MAAM,mE,GASCA,MAAM,sC,YAMT,gCAEO,OADLA,MAAM,mFAAiF,S,GAGtFA,MAAM,wB,GACJA,MAAM,qB,GACNC,KAAK,eAAeD,MAAM,e,GAGxBA,MAAM,iC,GAIRA,MAAM,wC,SAMXA,MAAM,sI,GAOTE,GAAG,UAAUF,MAAM,qB,GACjBA,MAAM,Q,GACJA,MAAM,gB,GACJA,MAAM,6C,EACT,gCAIE,SAHAG,KAAK,OACLH,MAAM,2CACNI,YAAY,mC,WAMhB,gCAKS,UAJPD,KAAK,SACLH,MAAM,4CACP,oBAED,G,GAIFA,MAAM,8D,EAEN,gCAAuC,OAAlCA,MAAM,sBAAqB,KAAC,G,GAE/BA,MAAM,0D,GAEDA,MAAM,sC,YAMT,gCAEO,OADLA,MAAM,mFAAiF,S,IAGtFA,MAAM,wB,IACJA,MAAM,qB,IACNC,KAAK,GAAGD,MAAM,e,GAInB,gCAEM,OAFDA,MAAM,wCAAuC,2BAElD,G,IAEGA,MAAM,oB,IACNA,MAAM,gCAAgCC,KAAK,gB,IAKzCD,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE2B,kB,IAOzCA,MAAM,0D,IAEDA,MAAM,sC,cAMT,gCAEO,OADLA,MAAM,mFAAiF,S,IAGtFA,MAAM,wB,IACJA,MAAM,qB,IACNC,KAAK,GAAGD,MAAM,e,GAInB,gCAEM,OAFDA,MAAM,wCAAuC,2BAElD,G,IAEGA,MAAM,oB,IACNA,MAAM,gCAAgCC,KAAK,gB,IAKzCD,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE2B,kB,GAM3C,gCAAuC,OAAlCA,MAAM,sBAAqB,KAAC,G,IAE/BA,MAAM,0D,IAEDA,MAAM,sC,cAMT,gCAEO,OADLA,MAAM,mFAAiF,S,IAGtFA,MAAM,wB,IACJA,MAAM,qB,IACNC,KAAK,GAAGD,MAAM,e,GAInB,gCAEM,OAFDA,MAAM,wCAAuC,2BAElD,G,IAEGA,MAAM,oB,IACNA,MAAM,gCAAgCC,KAAK,gB,IAKzCD,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE2B,kB,IAOzCA,MAAM,0D,IAEDA,MAAM,sC,cAMT,gCAEO,OADLA,MAAM,mFAAiF,S,IAGtFA,MAAM,wB,IACJA,MAAM,qB,IACNC,KAAK,GAAGD,MAAM,e,GAInB,gCAEM,OAFDA,MAAM,wCAAuC,2BAElD,G,IAEGA,MAAM,oB,IACNA,MAAM,gCAAgCC,KAAK,gB,IAKzCD,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE2B,kB,IAOzCA,MAAM,0D,IAEDA,MAAM,sC,cAMT,gCAEO,OADLA,MAAM,mFAAiF,S,IAGtFA,MAAM,wB,IACJA,MAAM,qB,IACNC,KAAK,GAAGD,MAAM,e,GAInB,gCAEM,OAFDA,MAAM,sCAAqC,2BAEhD,G,IAEGA,MAAM,oB,IACNA,MAAM,gCAAgCC,KAAK,gB,IAKzCD,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE2B,kB,IAQ1CE,GAAG,UAAUF,MAAM,qB,IACjBA,MAAM,Q,IACJA,MAAM,uB,IAEPA,MAAM,sE,eAOHA,MAAM,oB,IACJA,MAAM,uB,GAGX,gCAEM,OAFDA,MAAM,sBAAqB,kCAEhC,G,IAGCA,MAAM,gB,IACJA,MAAM,sE,GACT,gCAGM,OAHDA,MAAM,IAAE,CACX,gCAAwC,OAAnCA,MAAM,iBAAgB,WAC3B,gCAA0C,OAArCA,MAAM,QAAO,wB,OAIjBA,MAAM,sE,GACT,gCAGM,OAHDA,MAAM,IAAE,CACX,gCAAsC,OAAjCA,MAAM,iBAAgB,SAC3B,gCAA0C,OAArCA,MAAM,QAAO,wB,OAIjBA,MAAM,sE,IACJA,MAAM,I,GACT,gCAAsC,OAAjCA,MAAM,iBAAgB,SAAK,G,IAC3BA,MAAM,Q,IAIVA,MAAM,0B,IACJA,MAAM,I,GACT,gCAA4C,OAAvCA,MAAM,iBAAgB,eAAW,G,IACjCA,MAAM,Q,IAWpBA,MAAM,oD,IACJA,MAAM,iB,UAEWA,MAAM,wB,IAEtBA,MAAM,mF,IAEDA,MAAM,qB,IAEPA,MAAM,0D,eAQHA,MAAM,gB,IACJA,MAAM,yB,GAGX,gCAEM,OAFDA,MAAM,oCAAkC,C,6BAAC,0BACvB,gCAA2B,QAArBA,MAAM,QAAO,K,6BAAQ,c,OAKpDA,MAAM,0H,IAEHC,KAAK,eAAeD,MAAM,yB,IAG1BC,KAAK,eAAeD,MAAM,8B,IAGxBA,MAAM,4B,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAE6B,mB,IAInCC,KAAK,GACLD,MAAM,6I,gCAE+B,c,IAQ5CA,MAAM,uD,IACJA,MAAM,sD,IAEPA,MAAM,+D,cAQR,gCAKM,OAJJA,MAAM,mGAAiG,C,6BACxG,4DAEC,gCAAwD,OAAnDA,MAAM,8BAA6B,gB,OAErCA,MAAM,yC,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAEmC,W,IAIzCC,KAAK,GACLD,MAAM,6I,gCAE4B,Y,GAM5C,gCAA8B,OAAzBA,MAAM,cAAY,S,IAClBA,MAAM,uD,IACJA,MAAM,yC,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAEmC,W,IAIzCC,KAAK,GACLD,MAAM,6I,gCAE4B,Y,GAK1C,gCAKM,OAJJA,MAAM,6DAA2D,C,6BAClE,4DAEC,gCAAwD,OAAnDA,MAAM,8BAA6B,gB,OAGxCA,MAAM,+D,cASV,gCAA8B,OAAzBA,MAAM,cAAY,S,IAClBA,MAAM,uD,IACJA,MAAM,yC,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAEmC,W,IAIzCC,KAAK,GACLD,MAAM,6I,gCAE4B,Y,GAK1C,gCAKM,OAJJA,MAAM,6DAA2D,C,6BAClE,4DAEC,gCAAyD,OAApDA,MAAM,8BAA6B,iB,OAGxCA,MAAM,+D,cASV,gCAA8B,OAAzBA,MAAM,cAAY,S,GACvB,gCAIM,OAHJA,MAAM,mEACP,kBAED,G,IACKA,MAAM,sD,IAEPA,MAAM,+D,cAQR,gCAKM,OAJJA,MAAM,mGAAiG,C,6BACxG,4DAEC,gCAAyD,OAApDA,MAAM,8BAA6B,iB,OAErCA,MAAM,yC,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAEmC,W,IAIzCC,KAAK,GACLD,MAAM,6I,gCAE4B,Y,GAM5C,gCAA8B,OAAzBA,MAAM,cAAY,S,IAClBA,MAAM,uD,IACJA,MAAM,yC,IAEPC,KAAK,eACLD,MAAM,yC,IAIHA,MAAM,qB,IACJA,MAAM,gD,IAEPC,KAAK,GACLD,MAAM,6I,gCAEmC,W,IAIzCC,KAAK,GACLD,MAAM,6I,gCAE4B,Y,GAK1C,gCAKM,OAJJA,MAAM,6DAA2D,C,6BAClE,iBAEC,gCAAwD,OAAnDA,MAAM,8BAA6B,gB,OAGxCA,MAAM,+D,cASV,gCAA8B,OAAzBA,MAAM,cAAY,S,IAClBA,MAAM,sD,IAEPA,MAAM,+D,eASNA,MAAM,mG,GAGN,gCAIO,QAJDA,MAAM,oBAAkB,CAC5B,gCAAc,YAAR,KACN,gCAAc,YAAR,KACN,gCAAc,YAAR,O,OAMZA,MAAM,oF,GAEN,gCAIY,YAHVA,MAAM,+GACNK,KAAK,IACLD,YAAY,wB,aAGZJ,MAAM,qE,IAEDA,MAAM,yB,IAEPC,KAAK,eACLD,MAAM,6D,IAIHA,MAAM,wC,IACJA,MAAM,yB,IAEPA,MAAM,kE,IAEDA,MAAM,a,IAEPA,MAAM,6C,GAEN,gCAIE,SAHAG,KAAK,OACLH,MAAM,iCACNI,YAAY,oB,YAOlB,gCAmJM,OAlJJJ,MAAM,oDAAkD,CAExD,gCAiBI,KAhBFM,cAAY,MACZC,cAAY,WACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,0tBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,SACZN,KAAK,eACLD,MAAM,yF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,sgBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,OACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,ujBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,UACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,qPAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,UACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,gqBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,YACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,syBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,aACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,ixBAIR,gCAiBI,KAhBFN,cAAY,MACZC,cAAY,SACZN,KAAK,eACLD,MAAM,kF,CAEN,gCAUM,OATJA,MAAM,UACNQ,KAAK,MACLC,MAAM,6BACNC,QAAQ,e,CAER,gCAGQ,QAFNC,KAAK,eACLC,EAAE,iT,u/1HAs7MhBZ,MAAM,6D,GAGN,gCAGE,SAFAG,KAAK,OACLH,MAAM,iD,aAKVC,KAAK,eACLD,MAAM,oH,UAQAA,MAAM,4B,IACXA,MAAM,uB,IAEPA,MAAM,sE,eAOHA,MAAM,Q,IACJA,MAAM,e,GAGX,gCAEM,OAFDA,MAAM,sBAAqB,8CAEhC,G,05BAv5Od,gCAg6OM,YA/5OJ,gCAgCM,MAhCN,EAgCM,CA/BJ,EACA,gCA6BM,MA7BN,EA6BM,CA5BJ,EAGA,gCAwBM,MAxBN,EAwBM,CAvBJ,gCAMS,SANT,EAMS,CAHP,gCAEO,OAFP,EAEO,CADL,yBAA4B,IAAlBA,MAAM,gBAGpB,gCAeM,MAfN,EAeM,CAdJ,gCAaM,MAbN,EAaM,CAZJ,gCAKI,IALJ,EAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,IAEnB,gCAKI,IALJ,EAKI,CADF,yBAAqC,IAAvBA,MAAM,iB,cAOhC,gCA63OM,MA73ON,EA63OM,CA33OJ,gCAibM,MAjbN,EAibM,CAhbJ,EA2BA,gCAoZM,MApZN,EAoZM,CAnZJ,gCAkFM,MAlFN,EAkFM,CAjFJ,gCAuCM,MAvCN,EAuCM,CAtCJ,gCAqCM,MArCN,EAqCM,CApCJ,gCASM,MATN,EASM,CARJ,EAKA,yBAEE,IADAA,MAAM,gEAGV,gCAyBM,MAzBN,EAyBM,CAxBJ,gCAuBM,MAvBN,EAuBM,E,2BAtBJ,gCAqBI,2CApB0B,EAAAa,GAAGC,KAAK,EAAAC,KAAE,cAA9BC,EAAOC,G,gCADjB,gCAqBI,KAnBDC,IAAKD,EACNhB,KAAK,GACLD,MAAM,4B,CAEN,gCASM,MATN,EASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0BJ,EAAMK,OAAM,M,UAEtD,IAIF,gCAIM,MAJN,EAIM,6BADDL,EAAMM,MAAK,GAAIC,MAAI,Q,cAOlC,gCAwCM,MAxCN,EAwCM,E,2BArCJ,gCAoCM,2CAnCwB,EAAAV,GAAGC,KAAK,EAAAC,KAAE,cAA9BC,EAAOC,G,gCADjB,gCAoCM,OAlCHC,IAAKD,EACNjB,MAAK,6BAAC,4DAA2D,QAC/CiB,KACjB,QAAK,8BAAE,EAAAO,aAAA,EAAAA,YAAA,sB,CAER,gCASM,MATN,EASM,CARJ,gCAIE,OAHAL,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0BJ,EAAMK,OAAM,M,UAEtD,IAIF,gCAYM,MAZN,EAYM,CAXJ,gCAOM,MAPN,EAOM,CANJ,gCAEM,IAFN,EAEM,6BADJL,EAAMM,MAAK,GAAIC,MAAI,GAErB,gCAEM,MAFN,EAEM,6BADDP,EAAMS,MAAK,SAGlB,gCAEM,MAFN,EAEM,6BADDT,EAAMU,KAAI,GAAIC,cAAY,KAIzBX,EAAMY,UAAS,I,yBADvB,gCAKM,MALN,EAKM,6BADDZ,EAAMa,mBAAiB,I,wDAKlC,gCA2QM,MA3QN,EA2QM,CA1QJ,gCAmBM,MAnBN,EAmBM,CAlBJ,gCAiBM,MAjBN,EAiBM,CAhBJ,gCASM,MATN,EASM,CARJ,EAKA,yBAEE,IADA7B,MAAM,gEAGV,MAQJ,gCAqPM,MArPN,EAqPM,CAlPJ,EACA,gCA+CM,MA/CN,EA+CM,CA5CJ,gCASM,MATN,EASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,UAExD,IAIF,gCASM,MATN,GASM,CARJ,gCAIM,MAJN,GAIM,CAHJ,gCAEM,IAFN,GAEM,6BADJ,EAAAN,KAAE,GAAMO,MAAK,GAAIC,MAAI,KAGzB,KAIF,gCAuBM,MAvBN,GAuBM,CAtBJ,gCAII,IAJJ,GAII,CAHF,yBAEE,IADAvB,MAAM,+CAGV,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAKI,IALJ,GAKI,CADF,yBAAiC,IAAvBA,MAAM,iB,aAM1B,gCA+CM,MA/CN,GA+CM,CA5CJ,gCASM,MATN,GASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,WAExD,KAIF,gCASM,MATN,GASM,CARJ,gCAIM,MAJN,GAIM,CAHJ,gCAEM,IAFN,GAEM,6BADJ,EAAAN,KAAE,6BAGN,KAIF,gCAuBM,MAvBN,GAuBM,CAtBJ,gCAII,IAJJ,GAII,CAHF,yBAEE,IADAf,MAAM,+CAGV,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAKI,IALJ,GAKI,CADF,yBAAiC,IAAvBA,MAAM,iB,aAM1B,GACA,gCA+CM,MA/CN,GA+CM,CA5CJ,gCASM,MATN,GASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,WAExD,KAIF,gCASM,MATN,GASM,CARJ,gCAIM,MAJN,GAIM,CAHJ,gCAEM,IAFN,GAEM,6BADJ,EAAAN,KAAE,6BAGN,KAIF,gCAuBM,MAvBN,GAuBM,CAtBJ,gCAII,IAJJ,GAII,CAHF,yBAEE,IADAf,MAAM,+CAGV,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAKI,IALJ,GAKI,CADF,yBAAiC,IAAvBA,MAAM,iB,aAM1B,gCA+CM,MA/CN,GA+CM,CA5CJ,gCASM,MATN,GASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,WAExD,KAIF,gCASM,MATN,GASM,CARJ,gCAIM,MAJN,GAIM,CAHJ,gCAEM,IAFN,GAEM,6BADJ,EAAAN,KAAE,6BAGN,KAIF,gCAuBM,MAvBN,GAuBM,CAtBJ,gCAII,IAJJ,GAII,CAHF,yBAEE,IADAf,MAAM,+CAGV,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAKI,IALJ,GAKI,CADF,yBAAiC,IAAvBA,MAAM,iB,aAM1B,gCA+CM,MA/CN,GA+CM,CA5CJ,gCASM,MATN,GASM,CARJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,WAExD,KAIF,gCASM,MATN,GASM,CARJ,gCAIM,MAJN,GAIM,CAHJ,gCAEM,IAFN,GAEM,6BADJ,EAAAN,KAAE,6BAGN,KAIF,gCAuBM,MAvBN,GAuBM,CAtBJ,gCAII,IAJJ,GAII,CAHF,yBAEE,IADAf,MAAM,+CAGV,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAKI,IALJ,GAKI,CADF,yBAAiC,IAAvBA,MAAM,iB,iBAQ9B,gCAmDM,MAnDN,GAmDM,CAlDJ,gCAiDM,MAjDN,GAiDM,CAhDJ,gCAiBM,MAjBN,GAiBM,CAhBJ,gCAOM,MAPN,GAOM,CAJJ,gCAGE,OAFAmB,IAAI,sCACHC,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,gCAOM,MAPN,GAOM,CANJ,gCAEM,MAFN,GAEM,6BADD,EAAAN,KAAE,2BAEP,OAKJ,gCA6BM,MA7BN,GA6BM,CA5BJ,gCAMM,MANN,GAMM,CALJ,GAIA,yBAAmD,IAAxCf,MAAM,oCAEnB,gCAMM,MANN,GAMM,CALJ,GAIA,yBAAiD,IAAxCA,MAAM,oCAEjB,gCAMM,MANN,GAMM,CALJ,gCAGM,MAHN,GAGM,CAFJ,GACA,gCAA0D,MAA1D,GAA0D,6BAArC,EAAAe,KAAE,8BAEzB,yBAAkD,IAAxCf,MAAM,oCAElB,gCAMM,MANN,GAMM,CALJ,gCAGM,MAHN,GAGM,CAFJ,GACA,gCAAiD,MAAjD,GAAiD,6BAA5B,EAAAe,KAAE,qBAEzB,yBAAmD,IAAxCf,MAAM,8CAS7B,gCAq8NM,MAr8NN,GAq8NM,CAp8NJ,gCAm8NM,MAn8NN,GAm8NM,CAj8NO,EAAA8B,S,yBAAX,gCAy6NM,MAz6NN,GAy6NM,CAx6NJ,gCA0DM,MA1DN,GA0DM,CAvDJ,gCAkBM,MAlBN,GAkBM,CAjBJ,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAX,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,gCAOM,MAPN,GAOM,CANJ,gCAEM,MAFN,GAEM,6BADD,EAAAN,KAAE,2BAEP,OAKJ,gCAmCM,MAnCN,GAmCM,CAhCJ,gCAEI,IAFJ,GAEI,CADF,yBAA8B,IAAlBf,MAAM,cAEpB,gCAEI,IAFJ,GAEI,CADF,yBAAgC,IAAlBA,MAAM,cAEtB,gCAyBM,MAzBN,GAyBM,CAxBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBA,MAAM,cAE1B,gCAiBM,MAjBN,GAiBM,CAhBJ,gCAeM,MAfN,GAeM,CAdJ,gCAMI,IANJ,GAMI,CAFF,yBAAmC,IAAvBA,MAAM,iB,KAGpB,gCAMI,IANJ,GAMI,CAFF,yBAAqC,IAAvBA,MAAM,iB,eAQhC,gCAkPM,MAlPN,GAkPM,CAjPJ,gCAyCM,MAzCN,GAyCM,CAxCJ,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,GAMA,gCAwBM,MAxBN,GAwBM,CAvBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBrB,MAAM,cAE1B,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAyC,IAAvBA,MAAM,iB,KAG1B,gCAKI,IALJ,GAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,aAM3B,GACA,gCAyCM,MAzCN,GAyCM,CAxCJ,gCAwBM,MAxBN,GAwBM,CAvBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBA,MAAM,cAE1B,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAyC,IAAvBA,MAAM,iB,KAG1B,gCAKI,IALJ,GAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,WAKzB,GAMA,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,eAI5D,GACA,gCAyCM,MAzCN,GAyCM,CAxCJ,gCAwBM,MAxBN,GAwBM,CAvBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBrB,MAAM,cAE1B,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAyC,IAAvBA,MAAM,iB,KAG1B,gCAKI,IALJ,GAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,WAKzB,GAMA,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,eAI5D,GACA,GAKA,gCAyCM,MAzCN,GAyCM,CAxCJ,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAF,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,GAMA,gCAwBM,MAxBN,GAwBM,CAvBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBrB,MAAM,cAE1B,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAyC,IAAvBA,MAAM,iB,KAG1B,gCAKI,IALJ,GAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,aAM3B,GACA,gCAyCM,MAzCN,GAyCM,CAxCJ,gCAwBM,MAxBN,GAwBM,CAvBJ,gCAKI,IALJ,GAKI,CADF,yBAAoC,IAAlBA,MAAM,cAE1B,gCAgBM,MAhBN,GAgBM,CAfJ,gCAcM,MAdN,GAcM,CAbJ,gCAMI,IANJ,GAMI,CAFF,yBAAyC,IAAvBA,MAAM,iB,KAG1B,gCAKI,IALJ,GAKI,CADF,yBAAkC,IAAvBA,MAAM,iB,WAKzB,GAMA,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAmB,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,eAI5D,GACA,gCAoBM,MApBN,GAoBM,CAnBJ,gCAQM,MARN,GAQM,CALJ,gCAIE,OAHAF,IAAI,sCACJnB,MAAM,eACLoB,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,gCASM,MATN,GASM,C,0DAND,EAAAN,KAAE,wBAA4B,cACjC,YAQN,gCAynNM,MAznNN,GAynNM,CAtnNJ,GAKA,gCA0mNM,MA1mNN,GA0mNM,CAvmNJ,gCA6lNM,MA7lNN,GA6lNM,CA5lNJ,gCAKI,IALJ,GAKI,CADF,yBAAmC,IAAxBf,MAAM,oBAEnB,gCAqlNM,MArlNN,GAqlNM,CAplNJ,gCAmlNM,MAnlNN,GAmlNM,CAllNJ,gCAilNM,MAjlNN,GAilNM,CA9kNJ,gCAaM,MAbN,GAaM,CAZJ,gCAWM,MAXN,GAWM,CARJ,GAKA,yBAEE,IADAA,MAAM,wDAIZ,GAoJA,WAg7MR,gCAQM,MARN,GAQM,CALJ,yBAAuC,IAAxBA,MAAM,kBACrB,OAMJ,gCAKI,IALJ,GAKI,CADF,yBAA4B,IAAlBA,MAAM,oB,yBAMtB,gCAmBM,MAnBN,GAmBM,CAlBJ,gCAiBM,MAjBN,GAiBM,CAhBJ,gCAOM,MAPN,GAOM,CAJJ,gCAGE,OAFAmB,IAAI,sCACHC,IAAK,UAAQ,YAA0B,EAAAL,KAAE,GAAMM,OAAM,M,aAG1D,gCAOM,MAPN,GAOM,CANJ,gCAEM,MAFN,GAAyB,SAClB,6BAAG,EAAAN,KAAE,wBAA4B,KACxC,GACA,kBCn5OD,oCAAgB,CAC7BgB,MAD6B,WAE3B,IAAMD,EAAU,kBAAI,GACdN,EAAc,WAClBM,EAAQE,OAASF,EAAQE,OAG3B,MAAO,CACLF,UACAN,kBCTN,GAAOS,OAASA,GAED","file":"js/chunk-2d2170f7.b462c593.js","sourcesContent":["<template>\n  <div>\n    <div class=\"intro-y flex flex-col sm:flex-row items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">Chat</h2>\n      <div class=\"w-full sm:w-auto flex mt-4 sm:mt-0\">\n        <button class=\"button text-white bg-theme-1 shadow-md mr-2\">\n          Start New Chat\n        </button>\n        <div class=\"dropdown ml-auto sm:ml-0\">\n          <button\n            class=\"dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300\"\n          >\n            <span class=\"w-5 h-5 flex items-center justify-center\">\n              <PlusIcon class=\"w-4 h-4\" />\n            </span>\n          </button>\n          <div class=\"dropdown-box w-40\">\n            <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <UsersIcon class=\"w-4 h-4 mr-2\" /> Create Group\n              </a>\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <SettingsIcon class=\"w-4 h-4 mr-2\" /> Settings\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"intro-y chat grid grid-cols-12 gap-5 mt-5\">\n      <!-- BEGIN: Chat Side Menu -->\n      <div class=\"col-span-12 lg:col-span-4 xxl:col-span-3\">\n        <div class=\"intro-y pr-1\">\n          <div class=\"box p-2\">\n            <div class=\"chat__tabs nav-tabs justify-center flex\">\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#chats\"\n                href=\"javascript:;\"\n                class=\"flex-1 py-2 rounded-md text-center active\"\n                >Chats</a\n              >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#friends\"\n                href=\"javascript:;\"\n                class=\"flex-1 py-2 rounded-md text-center\"\n                >Friends</a\n              >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#profile\"\n                href=\"javascript:;\"\n                class=\"flex-1 py-2 rounded-md text-center\"\n                >Profile</a\n              >\n            </div>\n          </div>\n        </div>\n        <div class=\"tab-content\">\n          <div id=\"chats\" class=\"tab-content__pane active\">\n            <div class=\"pr-1\">\n              <div class=\"box px-5 pt-5 pb-5 lg:pb-0 mt-5\">\n                <div class=\"relative text-gray-700 dark:text-gray-300\">\n                  <input\n                    type=\"text\"\n                    class=\"input input--lg w-full bg-gray-200 pr-10\"\n                    placeholder=\"Search for messages or users...\"\n                  />\n                  <SearchIcon\n                    class=\"w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0\"\n                  />\n                </div>\n                <div class=\"overflow-x-auto scrollbar-hidden\">\n                  <div class=\"flex mt-5\">\n                    <a\n                      v-for=\"(faker, fakerKey) in $_.take($f(), 10)\"\n                      :key=\"fakerKey\"\n                      href=\"\"\n                      class=\"w-10 mr-4 cursor-pointer\"\n                    >\n                      <div class=\"w-10 h-10 flex-none image-fit rounded-full\">\n                        <img\n                          alt=\"Midone Tailwind HTML Admin Template\"\n                          class=\"rounded-full\"\n                          :src=\"require(`@/midone/assets/images/${faker.photos[0]}`)\"\n                        />\n                        <div\n                          class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                        ></div>\n                      </div>\n                      <div\n                        class=\"text-xs text-gray-600 truncate text-center mt-2\"\n                      >\n                        {{ faker.users[0].name }}\n                      </div>\n                    </a>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div\n              class=\"chat__chat-list overflow-y-auto scrollbar-hidden pr-1 pt-1 mt-4\"\n            >\n              <div\n                v-for=\"(faker, fakerKey) in $_.take($f(), 10)\"\n                :key=\"fakerKey\"\n                class=\"intro-x cursor-pointer box relative flex items-center p-5\"\n                :class=\"{ 'mt-5': fakerKey }\"\n                @click=\"showChatBox\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${faker.photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"javascript:;\" class=\"font-medium\">{{\n                      faker.users[0].name\n                    }}</a>\n                    <div class=\"text-xs text-gray-500 ml-auto\">\n                      {{ faker.times[0] }}\n                    </div>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-0.5\">\n                    {{ faker.news[0].shortContent }}\n                  </div>\n                </div>\n                <div\n                  v-if=\"faker.trueFalse[0]\"\n                  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\"\n                >\n                  {{ faker.notificationCount }}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"friends\" class=\"tab-content__pane\">\n            <div class=\"pr-1\">\n              <div class=\"box p-5 mt-5\">\n                <div class=\"relative text-gray-700 dark:text-gray-300\">\n                  <input\n                    type=\"text\"\n                    class=\"input input--lg w-full bg-gray-200 pr-10\"\n                    placeholder=\"Search for messages or users...\"\n                  />\n                  <SearchIcon\n                    class=\"w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0\"\n                  />\n                </div>\n                <button\n                  type=\"button\"\n                  class=\"button w-full bg-theme-1 text-white mt-3\"\n                >\n                  Invite Friends\n                </button>\n              </div>\n            </div>\n            <div\n              class=\"chat__user-list overflow-y-auto scrollbar-hidden pr-1 pt-1\"\n            >\n              <div class=\"mt-4 text-gray-600\">A</div>\n              <div\n                class=\"cursor-pointer box relative flex items-center p-5 mt-5\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"\" class=\"font-medium\">{{\n                      $f()[0].users[0].name\n                    }}</a>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-0.5\">\n                    Last seen 2 hours ago\n                  </div>\n                </div>\n                <div class=\"dropdown ml-auto\">\n                  <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                    <MoreHorizontalIcon\n                      class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                    />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CopyIcon class=\"w-4 h-4 mr-2\" /> Copy Contact\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"cursor-pointer box relative flex items-center p-5 mt-5\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[1].photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"\" class=\"font-medium\">{{\n                      $f()[1][\"users\"][0][\"name\"]\n                    }}</a>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-0.5\">\n                    Last seen 2 hours ago\n                  </div>\n                </div>\n                <div class=\"dropdown ml-auto\">\n                  <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                    <MoreHorizontalIcon\n                      class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                    />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CopyIcon class=\"w-4 h-4 mr-2\" /> Copy Contact\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"mt-4 text-gray-600\">B</div>\n              <div\n                class=\"cursor-pointer box relative flex items-center p-5 mt-5\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[2].photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"\" class=\"font-medium\">{{\n                      $f()[2][\"users\"][0][\"name\"]\n                    }}</a>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-0.5\">\n                    Last seen 2 hours ago\n                  </div>\n                </div>\n                <div class=\"dropdown ml-auto\">\n                  <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                    <MoreHorizontalIcon\n                      class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                    />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CopyIcon class=\"w-4 h-4 mr-2\" /> Copy Contact\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"cursor-pointer box relative flex items-center p-5 mt-5\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[3].photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"\" class=\"font-medium\">{{\n                      $f()[3][\"users\"][0][\"name\"]\n                    }}</a>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-0.5\">\n                    Last seen 2 hours ago\n                  </div>\n                </div>\n                <div class=\"dropdown ml-auto\">\n                  <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                    <MoreHorizontalIcon\n                      class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                    />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CopyIcon class=\"w-4 h-4 mr-2\" /> Copy Contact\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"cursor-pointer box relative flex items-center p-5 mt-5\"\n              >\n                <div class=\"w-12 h-12 flex-none image-fit mr-1\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[4].photos[0]}`)\"\n                  />\n                  <div\n                    class=\"w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white\"\n                  ></div>\n                </div>\n                <div class=\"ml-2 overflow-hidden\">\n                  <div class=\"flex items-center\">\n                    <a href=\"\" class=\"font-medium\">{{\n                      $f()[4][\"users\"][0][\"name\"]\n                    }}</a>\n                  </div>\n                  <div class=\"w-full truncate text-gray-600 mt-1\">\n                    Last seen 2 hours ago\n                  </div>\n                </div>\n                <div class=\"dropdown ml-auto\">\n                  <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                    <MoreHorizontalIcon\n                      class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                    />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CopyIcon class=\"w-4 h-4 mr-2\" /> Copy Contact\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"profile\" class=\"tab-content__pane\">\n            <div class=\"pr-1\">\n              <div class=\"box px-5 py-10 mt-5\">\n                <div\n                  class=\"w-20 h-20 flex-none image-fit rounded-full overflow-hidden mx-auto\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                </div>\n                <div class=\"text-center mt-3\">\n                  <div class=\"font-medium text-lg\">\n                    {{ $f()[0][\"users\"][0][\"name\"] }}\n                  </div>\n                  <div class=\"text-gray-600 mt-1\">\n                    Tailwind HTML Admin Template\n                  </div>\n                </div>\n              </div>\n              <div class=\"box p-5 mt-5\">\n                <div class=\"flex items-center border-b border-gray-200 dark:border-dark-5 pb-5\">\n                  <div class=\"\">\n                    <div class=\"text-gray-600\">Country</div>\n                    <div class=\"mt-1\">New York City, USA</div>\n                  </div>\n                  <GlobeIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n                </div>\n                <div class=\"flex items-center border-b border-gray-200 dark:border-dark-5 py-5\">\n                  <div class=\"\">\n                    <div class=\"text-gray-600\">Phone</div>\n                    <div class=\"mt-1\">+32 19 23 62 24 34</div>\n                  </div>\n                  <MicIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n                </div>\n                <div class=\"flex items-center border-b border-gray-200 dark:border-dark-5 py-5\">\n                  <div class=\"\">\n                    <div class=\"text-gray-600\">Email</div>\n                    <div class=\"mt-1\">{{ $f()[0][\"users\"][0][\"email\"] }}</div>\n                  </div>\n                  <MailIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n                </div>\n                <div class=\"flex items-center pt-5\">\n                  <div class=\"\">\n                    <div class=\"text-gray-600\">Joined Date</div>\n                    <div class=\"mt-1\">{{ $f()[0][\"dates\"][0] }}</div>\n                  </div>\n                  <ClockIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- END: Chat Side Menu -->\n      <!-- BEGIN: Chat Content -->\n      <div class=\"intro-y col-span-12 lg:col-span-8 xxl:col-span-9\">\n        <div class=\"chat__box box\">\n          <!-- BEGIN: Chat Active -->\n          <div v-if=\"chatBox\" class=\"h-full flex flex-col\">\n            <div\n              class=\"flex flex-col sm:flex-row border-b border-gray-200 dark:border-dark-5 px-5 py-4\"\n            >\n              <div class=\"flex items-center\">\n                <div\n                  class=\"w-10 h-10 sm:w-12 sm:h-12 flex-none image-fit relative\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                </div>\n                <div class=\"ml-3 mr-auto\">\n                  <div class=\"font-medium text-base\">\n                    {{ $f()[0][\"users\"][0][\"name\"] }}\n                  </div>\n                  <div class=\"text-gray-600 text-xs sm:text-sm\">\n                    Hey, I am using chat <span class=\"mx-1\">•</span> Online\n                  </div>\n                </div>\n              </div>\n              <div\n                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\"\n              >\n                <a href=\"javascript:;\" class=\"w-5 h-5 text-gray-600\">\n                  <SearchIcon class=\"w-5 h-5\" />\n                </a>\n                <a href=\"javascript:;\" class=\"w-5 h-5 text-gray-600 ml-5\">\n                  <UserPlusIcon class=\"w-5 h-5\" />\n                </a>\n                <div class=\"dropdown ml-auto sm:ml-3\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-5 h-5 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-5 h-5\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <Share2Icon class=\"w-4 h-4 mr-2\" />\n                        Share Contact\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <SettingsIcon class=\"w-4 h-4 mr-2\" />\n                        Settings\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"overflow-y-scroll scrollbar-hidden px-5 pt-5 flex-1\">\n              <div class=\"chat__box__text-box flex items-end float-left mb-4\">\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative mr-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                </div>\n                <div\n                  class=\"bg-gray-200 dark:bg-dark-5 px-4 py-3 text-gray-700 dark:text-gray-300 rounded-r-md rounded-t-md\"\n                >\n                  Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor\n                  <div class=\"mt-1 text-xs text-gray-600\">2 mins ago</div>\n                </div>\n                <div class=\"hidden sm:block dropdown ml-3 my-auto\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CornerUpLeftIcon class=\"w-4 h-4 mr-2\" />\n                        Reply\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"clear-both\"></div>\n              <div class=\"chat__box__text-box flex items-end float-right mb-4\">\n                <div class=\"hidden sm:block dropdown mr-3 my-auto\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CornerUpLeftIcon class=\"w-4 h-4 mr-2\" />\n                        Reply\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                      </a>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md\"\n                >\n                  Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor\n                  <div class=\"mt-1 text-xs text-theme-25\">1 mins ago</div>\n                </div>\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative ml-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[1].photos[0]}`)\"\n                  />\n                </div>\n              </div>\n              <div class=\"clear-both\"></div>\n              <div class=\"chat__box__text-box flex items-end float-right mb-4\">\n                <div class=\"hidden sm:block dropdown mr-3 my-auto\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CornerUpLeftIcon class=\"w-4 h-4 mr-2\" />\n                        Reply\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                      </a>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md\"\n                >\n                  Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor\n                  <div class=\"mt-1 text-xs text-theme-25\">59 secs ago</div>\n                </div>\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative ml-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[1].photos[0]}`)\"\n                  />\n                </div>\n              </div>\n              <div class=\"clear-both\"></div>\n              <div\n                class=\"text-gray-500 dark:text-gray-600 text-xs text-center mb-10 mt-5\"\n              >\n                12 June 2020\n              </div>\n              <div class=\"chat__box__text-box flex items-end float-left mb-4\">\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative mr-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                </div>\n                <div\n                  class=\"bg-gray-200 dark:bg-dark-5 px-4 py-3 text-gray-700 dark:text-gray-300 rounded-r-md rounded-t-md\"\n                >\n                  Lorem ipsum sit amen dolor, lorem ipsum sit amen dolor\n                  <div class=\"mt-1 text-xs text-gray-600\">10 secs ago</div>\n                </div>\n                <div class=\"hidden sm:block dropdown ml-3 my-auto\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CornerUpLeftIcon class=\"w-4 h-4 mr-2\" />\n                        Reply\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"clear-both\"></div>\n              <div class=\"chat__box__text-box flex items-end float-right mb-4\">\n                <div class=\"hidden sm:block dropdown mr-3 my-auto\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 text-gray-600\"\n                  >\n                    <MoreVerticalIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"dropdown-box w-40\">\n                    <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <CornerUpLeftIcon class=\"w-4 h-4 mr-2\" />\n                        Reply\n                      </a>\n                      <a\n                        href=\"\"\n                        class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                      >\n                        <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                      </a>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"bg-theme-1 px-4 py-3 text-white rounded-l-md rounded-t-md\"\n                >\n                  Lorem ipsum\n                  <div class=\"mt-1 text-xs text-theme-25\">1 secs ago</div>\n                </div>\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative ml-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[1].photos[0]}`)\"\n                  />\n                </div>\n              </div>\n              <div class=\"clear-both\"></div>\n              <div class=\"chat__box__text-box flex items-end float-left mb-4\">\n                <div\n                  class=\"w-10 h-10 hidden sm:block flex-none image-fit relative mr-5\"\n                >\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full\"\n                    :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                  />\n                </div>\n                <div\n                  class=\"bg-gray-200 dark:bg-dark-5 px-4 py-3 text-gray-700 dark:text-gray-300 rounded-r-md rounded-t-md\"\n                >\n                  {{ $f()[0][\"users\"][0][\"name\"] }} is typing\n                  <span class=\"typing-dots ml-1\">\n                    <span>.</span>\n                    <span>.</span>\n                    <span>.</span>\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div\n              class=\"pt-4 pb-10 sm:py-4 flex items-center border-t border-gray-200 dark:border-dark-5\"\n            >\n              <textarea\n                class=\"chat__box__input input dark:bg-dark-3 w-full h-16 resize-none border-transparent px-5 py-3 focus:shadow-none\"\n                rows=\"1\"\n                placeholder=\"Type your message...\"\n              ></textarea>\n              <div\n                class=\"flex absolute sm:static left-0 bottom-0 ml-5 sm:ml-0 mb-5 sm:mb-0\"\n              >\n                <div class=\"dropdown mr-3 sm:mr-5\">\n                  <a\n                    href=\"javascript:;\"\n                    class=\"dropdown-toggle w-4 h-4 sm:w-5 sm:h-5 block text-gray-600\"\n                  >\n                    <SmileIcon class=\"w-full h-full\" />\n                  </a>\n                  <div class=\"chat-dropdown dropdown-box w-40 pb-2\">\n                    <div class=\"dropdown-box__content\">\n                      <div\n                        class=\"chat-dropdown__box box dark:bg-dark-1 flex flex-col pb-3 -mt-2\"\n                      >\n                        <div class=\"px-3 pt-3\">\n                          <div\n                            class=\"relative text-gray-700 dark:text-gray-300\"\n                          >\n                            <input\n                              type=\"text\"\n                              class=\"input w-full bg-gray-200 pr-10\"\n                              placeholder=\"Search emojis...\"\n                            />\n                            <SearchIcon\n                              class=\"w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0\"\n                            />\n                          </div>\n                        </div>\n                        <div\n                          class=\"chat-dropdown__box__tabs nav-tabs flex px-3 mt-5\"\n                        >\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#history\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 512 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#smile\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2 active\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 496 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#cat\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 512 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#coffee\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 640 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#futbol\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 512 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#building\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 448 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#lightbulb\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 352 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                          <a\n                            data-toggle=\"tab\"\n                            data-target=\"#music\"\n                            href=\"javascript:;\"\n                            class=\"py-2 flex justify-center flex-1 rounded hover:bg-gray-200 dark:hover:bg-dark-2\"\n                          >\n                            <svg\n                              class=\"w-4 h-4\"\n                              role=\"img\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 512 512\"\n                            >\n                              <path\n                                fill=\"currentColor\"\n                                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\"\n                              ></path>\n                            </svg>\n                          </a>\n                        </div>\n                        <div class=\"tab-content overflow-hidden mt-5\">\n                          <div id=\"history\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Recent Emojis</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😂\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div\n                            id=\"smile\"\n                            class=\"h-full tab-content__pane active\"\n                          >\n                            <div class=\"font-medium px-3\">Smileys & People</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☺️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☹️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☠️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  😾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;⚕️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;⚕️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🎓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🎓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🏫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🏫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;⚖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;⚖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🌾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🌾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🍳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🍳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🔧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🔧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🏭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🏭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;💼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;💼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🔬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🔬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;💻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;💻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🎤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🎤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🎨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🎨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;✈️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;✈️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🚀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🚀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;🚒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;🚒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👮&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👮&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕵️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕵️&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕵️&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💂&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💂&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👷&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👷&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👳&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👳&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👱&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👱&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧙&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧙&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧚&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧚&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧛&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧛&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧜&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧜&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧝&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧝&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧞&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧞&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧟&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧟&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙍&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙍&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙎&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙎&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙅&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙅&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙆&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙆&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💁&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💁&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙋&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙋&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙇&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙇&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤦&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤦&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤷&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤷&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💆&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💆&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💇&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💇&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚶&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚶&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏃&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏃&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👯&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👯&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧖&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧖&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧗&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧗&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧘&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧘&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕴️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗣️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛷️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏌️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏌️&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏌️&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏄&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏄&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚣&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚣&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏊&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏊&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛹️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛹️&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛹️&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏋️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏋️&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏋️&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚴&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚴&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚵&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚵&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏎️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏍️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤸&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤸&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤼&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤼&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤽&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤽&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤾&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤾&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤹&zwj;♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤹&zwj;♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;❤️&zwj;💋&zwj;👨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;❤️&zwj;💋&zwj;👨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;❤️&zwj;💋&zwj;👩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;❤️&zwj;👨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;❤️&zwj;👨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;❤️&zwj;👩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👩&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👩&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👩&zwj;👧&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👩&zwj;👦&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👩&zwj;👧&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👨&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👨&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👨&zwj;👧&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👨&zwj;👦&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👨&zwj;👧&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👩&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👩&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👩&zwj;👧&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👩&zwj;👦&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👩&zwj;👧&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👦&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👧&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👨&zwj;👧&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👦&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👧&zwj;👦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👩&zwj;👧&zwj;👧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☝️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✌️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖐️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✍️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🙏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🤝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👁️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👁️&zwj;🗨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❤️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❣️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗯️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕳️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕶️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛍️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  👒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛑️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💎\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"cat\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Animals & Nature</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐿️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕊️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🐞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕷️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕸️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🦂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏵️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☘️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍃\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"coffee\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Food & Drink</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌶️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🧀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍽️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🍴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏺\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"futbol\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Activities</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎗️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎟️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛸️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕹️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♠️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♥️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♦️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♣️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🃏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🀄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎴\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"building\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Travel & Places</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗺️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏔️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏕️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏜️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏝️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏞️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏟️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏛️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏗️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏘️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏙️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏚️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛩️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖼️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛣️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛤️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛳️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛴️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛥️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✈️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛩️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛎️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛏️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛋️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⌛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⌚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏱️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏲️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌡️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⭐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☁️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛈️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌤️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌥️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌦️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌧️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌩️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌪️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌫️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌬️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛱️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❄️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☃️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☄️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🌊\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"lightbulb\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Objects</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎙️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎚️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎛️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🥁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☎️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖥️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⌨️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖱️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖲️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎞️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📽️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕯️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗞️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏷️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✉️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📥\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗳️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✏️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✒️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖋️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖊️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖌️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖍️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗒️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗓️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📇\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🖇️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗃️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗄️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗑️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗝️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔨\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛏️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚒️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛠️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗡️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚔️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛡️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚙️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗜️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚗️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛓️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚱️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🗿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛢️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛒\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                          <div id=\"music\" class=\"h-full tab-content__pane\">\n                            <div class=\"font-medium px-3\">Symbols</div>\n                            <div\n                              class=\"h-full pb-10 px-2 overflow-y-auto scrollbar-hidden mt-2\"\n                            >\n                              <div class=\"grid grid-cols-8 text-2xl\">\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🏧\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚮\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚠️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚭\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🚷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔞\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☢️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☣️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⬆️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↗️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➡️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↘️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⬇️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↙️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⬅️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↕️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↔️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↩️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ↪️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⤴️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⤵️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔃\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔄\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔝\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🛐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚛️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕉️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✡️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☸️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☯️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✝️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☦️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☪️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☮️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🕎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♈\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♉\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♊\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♋\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♍\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♏\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⛎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔀\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔂\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ▶️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏩\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏭️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏯️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ◀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏮️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔼\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏬\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏸️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏹️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏺️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⏏️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🎦\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔆\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♀️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚕️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ♻️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚜️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔱\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  📛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⭕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✅\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ☑️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✔️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✖️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❌\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➰\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ➿\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  〽️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✳️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ✴️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❇️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ‼️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⁉️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ❗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  〰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ©️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ®️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ™️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  #️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  *️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  0️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  1️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  2️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  3️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  4️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  5️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  6️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  7️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  8️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  9️⃣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔟\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔡\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔢\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔣\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔤\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🅰️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆎\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🅱️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆒\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆓\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ℹ️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆔\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  Ⓜ️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆕\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆖\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🅾️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆗\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🅿️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆙\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🆚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈁\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈂️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈷️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈯\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🉐\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈚\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🉑\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ㊗️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ㊙️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🈵\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ▪️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ▫️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ◻️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ◼️\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ◽\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ◾\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⬛\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⬜\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔶\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔷\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔸\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔹\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔺\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔻\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  💠\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔘\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔲\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔳\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚪\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  ⚫\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔴\n                                </button>\n                                <button\n                                  class=\"rounded focus:outline-none hover:bg-gray-200 dark:hover:bg-dark-2\"\n                                >\n                                  🔵\n                                </button>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"w-4 h-4 sm:w-5 sm:h-5 relative text-gray-600 mr-3 sm:mr-5\"\n                >\n                  <PaperclipIcon class=\"w-full h-full\" />\n                  <input\n                    type=\"file\"\n                    class=\"w-full h-full top-0 left-0 absolute opacity-0\"\n                  />\n                </div>\n              </div>\n              <a\n                href=\"javascript:;\"\n                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\"\n              >\n                <SendIcon class=\"w-4 h-4\" />\n              </a>\n            </div>\n          </div>\n          <!-- END: Chat Active -->\n          <!-- BEGIN: Chat Default -->\n          <div v-else class=\"h-full flex items-center\">\n            <div class=\"mx-auto text-center\">\n              <div\n                class=\"w-16 h-16 flex-none image-fit rounded-full overflow-hidden mx-auto\"\n              >\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                />\n              </div>\n              <div class=\"mt-3\">\n                <div class=\"font-medium\">\n                  Hey, {{ $f()[0][\"users\"][0][\"name\"] }}!\n                </div>\n                <div class=\"text-gray-600 mt-1\">\n                  Please select a chat to start messaging.\n                </div>\n              </div>\n            </div>\n          </div>\n          <!-- END: Chat Default -->\n        </div>\n      </div>\n      <!-- END: Chat Content -->\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  setup () {\n    const chatBox = ref(false)\n    const showChatBox = () => {\n      chatBox.value = !chatBox.value\n    }\n\n    return {\n      chatBox,\n      showChatBox\n    }\n  }\n})\n</script>\n","\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  setup () {\n    const chatBox = ref(false)\n    const showChatBox = () => {\n      chatBox.value = !chatBox.value\n    }\n\n    return {\n      chatBox,\n      showChatBox\n    }\n  }\n})\n","import { render } from \"./Main.vue?vue&type=template&id=d15dc4f0\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}