{"version":3,"sources":["helpers/resistance.js","App.js","index.js"],"names":["resistanceTable","calculateResistances","types","resistances","forEach","type","Object","entries","t","r","calculateCoverage","coverage","keys","res","App","props","onToggleNav","navOpen","state","setState","onSelectType","slot","baseURL","document","getElementById","getAttribute","strengths","this","push","className","toLowerCase","onClick","Fragment","React","Component","ReactDOM","render"],"mappings":"8OAAMA,EAAkB,CACtB,QAAW,CACT,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,GACZ,KAAQ,EACR,MAAS,EACT,OAAU,GACV,OAAU,EACV,QAAW,EACX,MAAS,GACT,MAAS,EACT,KAAQ,GAEV,QAAW,CACT,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,GACT,MAAS,EACT,KAAQ,GAEV,MAAS,CACP,QAAW,GACX,QAAW,EACX,MAAS,EACT,SAAY,GACZ,KAAQ,GACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,GACT,MAAS,EACT,KAAQ,GAEV,SAAY,CACV,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,GACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,IAEV,KAAQ,CACN,QAAW,GACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,GACR,MAAS,EACT,OAAU,EACV,OAAU,GACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,GAEV,MAAS,CACP,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,GACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,GAEV,OAAU,CACR,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,GACT,OAAU,EACV,OAAU,EACV,QAAW,GACX,MAAS,EACT,MAAS,EACT,KAAQ,GAEV,OAAU,CACR,QAAW,EACX,QAAW,EACX,MAAS,GACT,SAAY,GACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,GACV,QAAW,EACX,MAAS,EACT,MAAS,GACT,KAAQ,GAEV,QAAW,CACT,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,GAEV,MAAS,CACP,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,GACV,QAAW,EACX,MAAS,GACT,MAAS,GACT,KAAQ,GAEV,MAAS,CACP,QAAW,EACX,QAAW,EACX,MAAS,GACT,SAAY,EACZ,KAAQ,GACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,GACT,KAAQ,GAEV,KAAQ,CACN,QAAW,EACX,QAAW,EACX,MAAS,GACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,KAKCC,EAAuB,SAACC,GACnC,IAAKA,EACH,MAAO,GAET,IAAMC,EAAc,CAClB,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,GAWV,OARAD,EAAME,SAAQ,SAACC,GACb,cAAqBC,OAAOC,QAAQP,EAAgBK,IAApD,eAA4D,CAAC,IAAD,0BAAhDG,EAAgD,KAA7CC,EAA6C,KAChD,IAANA,IACFN,EAAYK,GAAKL,EAAYK,GAAKC,OAKjCN,GAGIO,EAAoB,SAACL,GAChC,GAAKA,EAAL,CAIA,IAAMM,EAAW,CACf,QAAW,EACX,QAAW,EACX,MAAS,EACT,SAAY,EACZ,KAAQ,EACR,MAAS,EACT,OAAU,EACV,OAAU,EACV,QAAW,EACX,MAAS,EACT,MAAS,EACT,KAAQ,GAOV,OAJAL,OAAOM,KAAKZ,GAAiBI,SAAQ,SAACS,GACpCF,EAASE,GAAOb,EAAgBa,GAAKR,MAGhCM,ICmdMG,E,YA/qBb,WAAYC,GAAQ,IAAD,uBACjB,4CAAMA,KASRC,YAAc,WAAO,IACXC,EAAY,EAAKC,MAAjBD,QAER,EAAKE,SAAS,CACZF,SAAUA,KAdK,EAkBnBG,aAAe,SAACC,EAAMhB,GAAU,IACxBH,EAAU,EAAKgB,MAAfhB,MAENA,EAAMmB,GAAQhB,EACd,EAAKc,SAAS,CACZjB,WArBF,IAAMoB,EAAUC,SAASC,eAAe,YAAcD,SAASC,eAAe,YAAYC,aAAa,YAAc,GAFpG,OAGjB,EAAKP,MAAQ,CACXI,UACAL,SAAS,EACTf,MAAO,CAAC,OAAQ,SAND,E,sEA2BT,IAAD,OACHA,EAAQ,GACRC,EAAc,GACduB,EAAY,CAAC,GAAG,IAyCpB,MAxC4B,SAAxBC,KAAKT,MAAMhB,MAAM,IACnBA,EAAM0B,KAAKD,KAAKT,MAAMhB,MAAM,IACA,SAAxByB,KAAKT,MAAMhB,MAAM,IAAiByB,KAAKT,MAAMhB,MAAM,KAAOyB,KAAKT,MAAMhB,MAAM,IAC7EA,EAAM0B,KAAKD,KAAKT,MAAMhB,MAAM,IAE9BC,EAAcF,EAAqBC,IACF,SAAxByB,KAAKT,MAAMhB,MAAM,KAC1BA,EAAM0B,KAAKD,KAAKT,MAAMhB,MAAM,IAC5BC,EAAcF,EAAqBC,IAET,SAAxByB,KAAKT,MAAMhB,MAAM,KACnBwB,EAAU,GAAKhB,EAAkBiB,KAAKT,MAAMhB,MAAM,KAExB,SAAxByB,KAAKT,MAAMhB,MAAM,KACnBwB,EAAU,GAAKhB,EAAkBiB,KAAKT,MAAMhB,MAAM,KA2BlD,yBAAK2B,UAAU,OACb,yBAAKA,UAAU,cACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,oBACc,SAAxBF,KAAKT,MAAMhB,MAAM,GAChB,yBAAK2B,UAAU,QACb,0BAAMA,UAAS,eAAUF,KAAKT,MAAMhB,MAAM,GAAG4B,kBAG/C,yBAAKD,UAAU,oBACb,uBAAGA,UAAU,eAGnB,yBAAKA,UAAU,QAAQF,KAAKT,MAAMhB,MAAM,GAAG4B,gBAE7C,yBAAKD,UAAU,mBACb,0BAAMA,UAAS,cAAiC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAY,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,UAAS,uBAAGS,UAAU,eACrI,0BAAMA,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,uBAA0C,aAAxBF,KAAKT,MAAMhB,MAAM,GAAoB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,eAC3H,0BAAMS,UAAS,mBAAsC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,WACnH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,qBAAwC,WAAxBF,KAAKT,MAAMhB,MAAM,GAAkB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,aACvH,0BAAMS,UAAS,qBAAwC,WAAxBF,KAAKT,MAAMhB,MAAM,GAAkB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,aACvH,0BAAMS,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,mBAAsC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,aAGvH,yBAAKS,UAAU,iBACb,yBAAKA,UAAU,oBACc,SAAxBF,KAAKT,MAAMhB,MAAM,GAChB,yBAAK2B,UAAU,QACb,0BAAMA,UAAS,eAAUF,KAAKT,MAAMhB,MAAM,GAAG4B,kBAG/C,yBAAKD,UAAU,oBACb,uBAAGA,UAAU,eAGnB,yBAAKA,UAAU,QAAQF,KAAKT,MAAMhB,MAAM,GAAG4B,gBAE7C,yBAAKD,UAAU,mBACb,0BAAMA,UAAS,cAAiC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAY,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,UAAS,uBAAGS,UAAU,eACrI,0BAAMA,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,uBAA0C,aAAxBF,KAAKT,MAAMhB,MAAM,GAAoB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,eAC3H,0BAAMS,UAAS,mBAAsC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,WACnH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,qBAAwC,WAAxBF,KAAKT,MAAMhB,MAAM,GAAkB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,aACvH,0BAAMS,UAAS,qBAAwC,WAAxBF,KAAKT,MAAMhB,MAAM,GAAkB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,aACvH,0BAAMS,UAAS,sBAAyC,YAAxBF,KAAKT,MAAMhB,MAAM,GAAmB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cACzH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,oBAAuC,UAAxBF,KAAKT,MAAMhB,MAAM,GAAiB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,YACrH,0BAAMS,UAAS,mBAAsC,SAAxBF,KAAKT,MAAMhB,MAAM,GAAgB,UAAW,IAAM6B,QAAS,kBAAM,EAAKX,aAAa,EAAG,cAIhG,SAAxBO,KAAKT,MAAMhB,MAAM,IAAyC,SAAxByB,KAAKT,MAAMhB,MAAM,GAClD,yBAAK2B,UAAU,eACb,yBAAKA,UAAU,eACb,2CACA,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,mBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,eAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAEhD,yBAAKA,UAAU,aACb,yBAAKA,UAAS,uBAA6C,IAA3B1B,EAAW,QAAoB,KAAkC,IAA3BA,EAAW,QAAoB,KAAkC,KAA3BA,EAAW,QAAsB,MAAmC,MAA3BA,EAAW,QAAuB,OAAS,KAAOA,EAAW,QAAlN,KACA,yBAAK0B,UAAS,uBAA6C,IAA3B1B,EAAW,QAAoB,KAAkC,IAA3BA,EAAW,QAAoB,KAAkC,KAA3BA,EAAW,QAAsB,MAAmC,MAA3BA,EAAW,QAAuB,OAAS,KAAOA,EAAW,QAAlN,KACA,yBAAK0B,UAAS,uBAA2C,IAAzB1B,EAAW,MAAkB,KAAgC,IAAzBA,EAAW,MAAkB,KAAgC,KAAzBA,EAAW,MAAoB,MAAiC,MAAzBA,EAAW,MAAqB,OAAS,KAAOA,EAAW,MAA1M,KACA,yBAAK0B,UAAS,uBAA8C,IAA5B1B,EAAW,SAAqB,KAAmC,IAA5BA,EAAW,SAAqB,KAAmC,KAA5BA,EAAW,SAAuB,MAAoC,MAA5BA,EAAW,SAAwB,OAAS,KAAOA,EAAW,SAAtN,KACA,yBAAK0B,UAAS,uBAA0C,IAAxB1B,EAAW,KAAiB,KAA+B,IAAxBA,EAAW,KAAiB,KAA+B,KAAxBA,EAAW,KAAmB,MAAgC,MAAxBA,EAAW,KAAoB,OAAS,KAAOA,EAAW,KAAtM,KACA,yBAAK0B,UAAS,uBAA2C,IAAzB1B,EAAW,MAAkB,KAAgC,IAAzBA,EAAW,MAAkB,KAAgC,KAAzBA,EAAW,MAAoB,MAAiC,MAAzBA,EAAW,MAAqB,OAAS,KAAOA,EAAW,MAA1M,KACA,yBAAK0B,UAAS,uBAA4C,IAA1B1B,EAAW,OAAmB,KAAiC,IAA1BA,EAAW,OAAmB,KAAiC,KAA1BA,EAAW,OAAqB,MAAkC,MAA1BA,EAAW,OAAsB,OAAS,KAAOA,EAAW,OAA9M,KACA,yBAAK0B,UAAS,uBAA4C,IAA1B1B,EAAW,OAAmB,KAAiC,IAA1BA,EAAW,OAAmB,KAAiC,KAA1BA,EAAW,OAAqB,MAAkC,MAA1BA,EAAW,OAAsB,OAAS,KAAOA,EAAW,OAA9M,KACA,yBAAK0B,UAAS,uBAA6C,IAA3B1B,EAAW,QAAoB,KAAkC,IAA3BA,EAAW,QAAoB,KAAkC,KAA3BA,EAAW,QAAsB,MAAmC,MAA3BA,EAAW,QAAuB,OAAS,KAAOA,EAAW,QAAlN,KACA,yBAAK0B,UAAS,uBAA2C,IAAzB1B,EAAW,MAAkB,KAAgC,IAAzBA,EAAW,MAAkB,KAAgC,KAAzBA,EAAW,MAAoB,MAAiC,MAAzBA,EAAW,MAAqB,OAAS,KAAOA,EAAW,MAA1M,KACA,yBAAK0B,UAAS,uBAA2C,IAAzB1B,EAAW,MAAkB,KAAgC,IAAzBA,EAAW,MAAkB,KAAgC,KAAzBA,EAAW,MAAoB,MAAiC,MAAzBA,EAAW,MAAqB,OAAS,KAAOA,EAAW,MAA1M,KACA,yBAAK0B,UAAS,uBAA0C,IAAxB1B,EAAW,KAAiB,KAA+B,IAAxBA,EAAW,KAAiB,KAA+B,KAAxBA,EAAW,KAAmB,MAAgC,MAAxBA,EAAW,KAAoB,OAAS,KAAOA,EAAW,KAAtM,QAKN,yBAAK0B,UAAU,eACb,wCACyB,SAAxBF,KAAKT,MAAMhB,MAAM,GAChB,kBAAC,IAAM8B,SAAP,KACE,4BAAI,0BAAMH,UAAS,eAAUF,KAAKT,MAAMhB,MAAM,MAAcyB,KAAKT,MAAMhB,MAAM,IAC7E,yBAAK2B,UAAU,oBACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,mBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,eAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAEhD,yBAAKA,UAAU,aACb,yBAAKA,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA+C,IAA7BH,EAAU,GAAV,SAAiC,KAAoC,IAA7BA,EAAU,GAAV,SAAiC,KAAoC,KAA7BA,EAAU,GAAV,SAAmC,MAAqC,MAA7BA,EAAU,GAAV,SAAoC,OAAS,KAAOA,EAAU,GAAV,SAA/M,KACA,yBAAKG,UAAS,uBAA2C,IAAzBH,EAAU,GAAV,KAA6B,KAAgC,IAAzBA,EAAU,GAAV,KAA6B,KAAgC,KAAzBA,EAAU,GAAV,KAA+B,MAAiC,MAAzBA,EAAU,GAAV,KAAgC,OAAS,KAAOA,EAAU,GAAV,KAA/L,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA6C,IAA3BH,EAAU,GAAV,OAA+B,KAAkC,IAA3BA,EAAU,GAAV,OAA+B,KAAkC,KAA3BA,EAAU,GAAV,OAAiC,MAAmC,MAA3BA,EAAU,GAAV,OAAkC,OAAS,KAAOA,EAAU,GAAV,OAAvM,KACA,yBAAKG,UAAS,uBAA6C,IAA3BH,EAAU,GAAV,OAA+B,KAAkC,IAA3BA,EAAU,GAAV,OAA+B,KAAkC,KAA3BA,EAAU,GAAV,OAAiC,MAAmC,MAA3BA,EAAU,GAAV,OAAkC,OAAS,KAAOA,EAAU,GAAV,OAAvM,KACA,yBAAKG,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA2C,IAAzBH,EAAU,GAAV,KAA6B,KAAgC,IAAzBA,EAAU,GAAV,KAA6B,KAAgC,KAAzBA,EAAU,GAAV,KAA+B,MAAiC,MAAzBA,EAAU,GAAV,KAAgC,OAAS,KAAOA,EAAU,GAAV,KAA/L,QAIJ,KACqB,SAAxBC,KAAKT,MAAMhB,MAAM,GAChB,kBAAC,IAAM8B,SAAP,KACE,4BAAI,0BAAMH,UAAS,eAAUF,KAAKT,MAAMhB,MAAM,MAAcyB,KAAKT,MAAMhB,MAAM,IAC7E,yBAAK2B,UAAU,oBACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,mBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,eAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,iBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,kBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAC9C,yBAAKA,UAAU,gBAAe,0BAAMA,UAAU,gBAEhD,yBAAKA,UAAU,aACb,yBAAKA,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA+C,IAA7BH,EAAU,GAAV,SAAiC,KAAoC,IAA7BA,EAAU,GAAV,SAAiC,KAAoC,KAA7BA,EAAU,GAAV,SAAmC,MAAqC,MAA7BA,EAAU,GAAV,SAAoC,OAAS,KAAOA,EAAU,GAAV,SAA/M,KACA,yBAAKG,UAAS,uBAA2C,IAAzBH,EAAU,GAAV,KAA6B,KAAgC,IAAzBA,EAAU,GAAV,KAA6B,KAAgC,KAAzBA,EAAU,GAAV,KAA+B,MAAiC,MAAzBA,EAAU,GAAV,KAAgC,OAAS,KAAOA,EAAU,GAAV,KAA/L,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA6C,IAA3BH,EAAU,GAAV,OAA+B,KAAkC,IAA3BA,EAAU,GAAV,OAA+B,KAAkC,KAA3BA,EAAU,GAAV,OAAiC,MAAmC,MAA3BA,EAAU,GAAV,OAAkC,OAAS,KAAOA,EAAU,GAAV,OAAvM,KACA,yBAAKG,UAAS,uBAA6C,IAA3BH,EAAU,GAAV,OAA+B,KAAkC,IAA3BA,EAAU,GAAV,OAA+B,KAAkC,KAA3BA,EAAU,GAAV,OAAiC,MAAmC,MAA3BA,EAAU,GAAV,OAAkC,OAAS,KAAOA,EAAU,GAAV,OAAvM,KACA,yBAAKG,UAAS,uBAA8C,IAA5BH,EAAU,GAAV,QAAgC,KAAmC,IAA5BA,EAAU,GAAV,QAAgC,KAAmC,KAA5BA,EAAU,GAAV,QAAkC,MAAoC,MAA5BA,EAAU,GAAV,QAAmC,OAAS,KAAOA,EAAU,GAAV,QAA3M,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA4C,IAA1BH,EAAU,GAAV,MAA8B,KAAiC,IAA1BA,EAAU,GAAV,MAA8B,KAAiC,KAA1BA,EAAU,GAAV,MAAgC,MAAkC,MAA1BA,EAAU,GAAV,MAAiC,OAAS,KAAOA,EAAU,GAAV,MAAnM,KACA,yBAAKG,UAAS,uBAA2C,IAAzBH,EAAU,GAAV,KAA6B,KAAgC,IAAzBA,EAAU,GAAV,KAA6B,KAAgC,KAAzBA,EAAU,GAAV,KAA+B,MAAiC,MAAzBA,EAAU,GAAV,KAAgC,OAAS,KAAOA,EAAU,GAAV,KAA/L,QAIJ,OAIR,yBAAKG,UAAU,eACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,SAAUE,QAAS,kBAAM,EAAKX,aAAa,EAAG,aAC3D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,kBAElB,0BAAMA,UAAU,QAAhB,YAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,4BAA5C,OACA,yBAAKA,UAAU,aACb,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,iBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,gBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,eAA5C,OACA,yBAAKA,UAAU,aACb,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,aAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,kBAElB,0BAAMA,UAAU,QAAhB,YAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,iBAElB,yBAAKA,UAAU,mBAGjB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,WAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,gBAElB,0BAAMA,UAAU,QAAhB,UAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,eAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,gBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAAUE,QAAS,kBAAM,EAAKX,aAAa,EAAG,cAC3D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,mBAElB,0BAAMA,UAAU,QAAhB,aAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,eAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,kBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,eAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,UAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,eAElB,0BAAMA,UAAU,QAAhB,SAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,iBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,iBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,iBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,WAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,gBAElB,0BAAMA,UAAU,QAAhB,UAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,mBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,YAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,iBAElB,0BAAMA,UAAU,QAAhB,WAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,mBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,qBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,YAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,iBAElB,0BAAMA,UAAU,QAAhB,WAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,iBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,aAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,kBAElB,0BAAMA,UAAU,QAAhB,YAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,cAEf,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,kBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,cAEf,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,mBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,WAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,gBAElB,0BAAMA,UAAU,QAAhB,UAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,iBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,iBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,WAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,gBAElB,0BAAMA,UAAU,QAAhB,UAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,eAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,iBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,cAChB,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,kBAItB,yBAAKA,UAAU,SAASE,QAAS,kBAAM,EAAKX,aAAa,EAAG,UAC1D,yBAAKS,UAAU,SACb,yBAAKA,UAAU,QACb,0BAAMA,UAAU,eAElB,0BAAMA,UAAU,QAAhB,SAEF,yBAAKA,UAAU,cACb,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,aAAf,UACA,yBAAKA,UAAU,iBAAf,SAEF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,6BAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,gBAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,gBAGpB,yBAAKA,UAAU,eACb,yBAAKA,UAAU,iBAAgB,uBAAGA,UAAU,gBAC5C,yBAAKA,UAAU,aACb,0BAAMA,UAAU,eAChB,0BAAMA,UAAU,eAElB,yBAAKA,UAAU,iBACb,0BAAMA,UAAU,4B,GAnqBlBI,IAAMC,WCAxBC,IAASC,OAAO,kBAAC,EAAD,MAASb,SAASC,eAAe,U","file":"static/js/main.d092a13c.chunk.js","sourcesContent":["const resistanceTable = {\r\n  \"crystal\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 2,\r\n    \"electric\": 0.5,\r\n    \"fire\": 2,\r\n    \"melee\": 2,\r\n    \"mental\": 0.5,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 0.5,\r\n    \"water\": 1,\r\n    \"wind\": 1,\r\n  },\r\n  \"digital\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 2,\r\n    \"earth\": 1,\r\n    \"electric\": 2,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 0.5,\r\n    \"water\": 2,\r\n    \"wind\": 1,\r\n  },\r\n  \"earth\": {\r\n    \"crystal\": 0.5,\r\n    \"digital\": 1,\r\n    \"earth\": 1,\r\n    \"electric\": 0.5,\r\n    \"fire\": 0.5,\r\n    \"melee\": 2,\r\n    \"mental\": 1,\r\n    \"nature\": 2,\r\n    \"neutral\": 1,\r\n    \"toxic\": 0.5,\r\n    \"water\": 2,\r\n    \"wind\": 1,\r\n  },\r\n  \"electric\": {\r\n    \"crystal\": 2,\r\n    \"digital\": 1,\r\n    \"earth\": 2,\r\n    \"electric\": 0.5,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 0.5,\r\n  },\r\n  \"fire\": {\r\n    \"crystal\": 0.5,\r\n    \"digital\": 1,\r\n    \"earth\": 2,\r\n    \"electric\": 1,\r\n    \"fire\": 0.5,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 0.5,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 2,\r\n    \"wind\": 1,\r\n  },\r\n  \"melee\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 2,\r\n    \"earth\": 1,\r\n    \"electric\": 1,\r\n    \"fire\": 1,\r\n    \"melee\": 0.5,\r\n    \"mental\": 2,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 1,\r\n  },\r\n  \"mental\": {\r\n    \"crystal\": 2,\r\n    \"digital\": 2,\r\n    \"earth\": 1,\r\n    \"electric\": 2,\r\n    \"fire\": 1,\r\n    \"melee\": 0.5,\r\n    \"mental\": 1,\r\n    \"nature\": 1,\r\n    \"neutral\": 0.5,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 1,\r\n  },\r\n  \"nature\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 0.5,\r\n    \"electric\": 0.5,\r\n    \"fire\": 2,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 0.5,\r\n    \"neutral\": 1,\r\n    \"toxic\": 2,\r\n    \"water\": 0.5,\r\n    \"wind\": 1,\r\n  },\r\n  \"neutral\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 1,\r\n    \"electric\": 1,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 2,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 1,\r\n  },\r\n  \"toxic\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 1,\r\n    \"electric\": 1,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 0.5,\r\n    \"neutral\": 1,\r\n    \"toxic\": 0.5,\r\n    \"water\": 0.5,\r\n    \"wind\": 2,\r\n  },\r\n  \"water\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 0.5,\r\n    \"electric\": 2,\r\n    \"fire\": 0.5,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 2,\r\n    \"neutral\": 1,\r\n    \"toxic\": 2,\r\n    \"water\": 0.5,\r\n    \"wind\": 1,\r\n  },\r\n  \"wind\": {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 0.5,\r\n    \"electric\": 2,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 0.5,\r\n  },\r\n}\r\n\r\n\r\nexport const calculateResistances = (types) => {\r\n  if (!types) {\r\n    return {};\r\n  }\r\n  const resistances = {\r\n    \"crystal\": 1,\r\n    \"digital\": 1,\r\n    \"earth\": 1,\r\n    \"electric\": 1,\r\n    \"fire\": 1,\r\n    \"melee\": 1,\r\n    \"mental\": 1,\r\n    \"nature\": 1,\r\n    \"neutral\": 1,\r\n    \"toxic\": 1,\r\n    \"water\": 1,\r\n    \"wind\": 1,\r\n  }\r\n\r\n  types.forEach((type) => {\r\n    for (const [t, r] of Object.entries(resistanceTable[type])) {\r\n      if (r !== 1) {\r\n        resistances[t] = resistances[t] * r\r\n      }\r\n    }\r\n  });\r\n\r\n  return resistances;\r\n}\r\n\r\nexport const calculateCoverage = (type) => {\r\n  if (!type) {\r\n    return\r\n  }\r\n\r\n  const coverage = {\r\n    \"CRYSTAL\": 1,\r\n    \"DIGITAL\": 1,\r\n    \"EARTH\": 1,\r\n    \"ELECTRIC\": 1,\r\n    \"FIRE\": 1,\r\n    \"MELEE\": 1,\r\n    \"MENTAL\": 1,\r\n    \"NATURE\": 1,\r\n    \"NEUTRAL\": 1,\r\n    \"TOXIC\": 1,\r\n    \"WATER\": 1,\r\n    \"WIND\": 1,\r\n  }\r\n\r\n  Object.keys(resistanceTable).forEach((res) => {\r\n    coverage[res] = resistanceTable[res][type]\r\n  })\r\n\r\n  return coverage\r\n}\r\n","import React from 'react';\nimport './App.scss';\n\nimport { calculateResistances, calculateCoverage } from \"./helpers/resistance\";\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props);\n    const baseURL = document.getElementById(\"base-url\") ? document.getElementById(\"base-url\").getAttribute(\"data-url\") : \"\";\n    this.state = {\n      baseURL,\n      navOpen: false,\n      types: [\"none\", \"none\"],\n    }\n  }\n\n  onToggleNav = () => {\n    const { navOpen } = this.state;\n\n    this.setState({\n      navOpen: !navOpen,\n    });\n  }\n\n  onSelectType = (slot, type) => {\n    let { types } = this.state;\n\n    types[slot] = type;\n    this.setState({\n      types\n    });\n  }\n\n  render() {\n    let types = [];\n    let resistances = {}\n    let strengths = [{},{}];\n    if (this.state.types[0] !== \"none\") {\n      types.push(this.state.types[0])\n      if (this.state.types[1] !== \"none\" && this.state.types[0] !== this.state.types[1]) {\n        types.push(this.state.types[1])\n      }\n      resistances = calculateResistances(types)\n    } else if (this.state.types[1] !== \"none\") {\n      types.push(this.state.types[1]);\n      resistances = calculateResistances(types)\n    }\n    if (this.state.types[0] !== \"none\") {\n      strengths[0] = calculateCoverage(this.state.types[0]);\n    }\n    if (this.state.types[1] !== \"none\") {\n      strengths[1] = calculateCoverage(this.state.types[1]);\n    }\n    // let res2 = [];\n    // let res4 = [];\n    // let weak2 = [];\n    // let weak4 = [];\n\n    // for (const [type, resistance] of Object.entries(resistances)) {\n    //   switch(resistance){\n    //     case 0.25:\n    //       res4.push(type)\n    //       break;\n    //     case 0.5:\n    //       res2.push(type)\n    //       break;\n    //     case 2:\n    //       weak2.push(type)\n    //       break;\n    //     case 4:\n    //       weak4.push(type)\n    //       break;\n    //     default:\n    //       break;\n    //   }\n    // }\n\n    return (\n      <div className=\"App\">\n        <div className=\"panel-left\">\n          <div className=\"typing-select\">\n            <div className=\"current-selected\">\n                {this.state.types[0] !== \"none\" ? (\n                  <div className=\"icon\">\n                    <span className={`type ${this.state.types[0].toLowerCase()}`}></span>\n                  </div>\n                ): (\n                  <div className=\"icon select-none\">\n                    <i className=\"lni-minus\"></i>\n                  </div>\n                )}\n              <div className=\"name\">{this.state.types[0].toLowerCase()}</div>\n            </div>\n            <div className=\"available-types\">\n              <span className={`none${this.state.types[0] === \"none\" ? \" active\" : \"\"}`} onClick={() => this.onSelectType(0, \"none\")}><i className=\"lni-minus\"></i></span>\n              <span className={`type crystal${this.state.types[0] === \"crystal\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"crystal\")}></span>\n              <span className={`type digital${this.state.types[0] === \"digital\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"digital\")}></span>\n              <span className={`type earth${this.state.types[0] === \"earth\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"earth\")}></span>\n              <span className={`type electric${this.state.types[0] === \"electric\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"electric\")}></span>\n              <span className={`type fire${this.state.types[0] === \"fire\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"fire\")}></span>\n              <span className={`type melee${this.state.types[0] === \"melee\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"melee\")}></span>\n              <span className={`type mental${this.state.types[0] === \"mental\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"mental\")}></span>\n              <span className={`type nature${this.state.types[0] === \"nature\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"nature\")}></span>\n              <span className={`type neutral${this.state.types[0] === \"neutral\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"neutral\")}></span>\n              <span className={`type toxic${this.state.types[0] === \"toxic\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"toxic\")}></span>\n              <span className={`type water${this.state.types[0] === \"water\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"water\")}></span>\n              <span className={`type wind${this.state.types[0] === \"wind\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(0, \"wind\")}></span>\n            </div>\n          </div>\n          <div className=\"typing-select\">\n            <div className=\"current-selected\">\n                {this.state.types[1] !== \"none\" ? (\n                  <div className=\"icon\">\n                    <span className={`type ${this.state.types[1].toLowerCase()}`}></span>\n                  </div>\n                ): (\n                  <div className=\"icon select-none\">\n                    <i className=\"lni-minus\"></i>\n                  </div>\n                )}\n              <div className=\"name\">{this.state.types[1].toLowerCase()}</div>\n            </div>\n            <div className=\"available-types\">\n              <span className={`none${this.state.types[1] === \"none\" ? \" active\" : \"\"}`} onClick={() => this.onSelectType(1, \"none\")}><i className=\"lni-minus\"></i></span>\n              <span className={`type crystal${this.state.types[1] === \"crystal\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"crystal\")}></span>\n              <span className={`type digital${this.state.types[1] === \"digital\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"digital\")}></span>\n              <span className={`type earth${this.state.types[1] === \"earth\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"earth\")}></span>\n              <span className={`type electric${this.state.types[1] === \"electric\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"electric\")}></span>\n              <span className={`type fire${this.state.types[1] === \"fire\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"fire\")}></span>\n              <span className={`type melee${this.state.types[1] === \"melee\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"melee\")}></span>\n              <span className={`type mental${this.state.types[1] === \"mental\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"mental\")}></span>\n              <span className={`type nature${this.state.types[1] === \"nature\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"nature\")}></span>\n              <span className={`type neutral${this.state.types[1] === \"neutral\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"neutral\")}></span>\n              <span className={`type toxic${this.state.types[1] === \"toxic\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"toxic\")}></span>\n              <span className={`type water${this.state.types[1] === \"water\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"water\")}></span>\n              <span className={`type wind${this.state.types[1] === \"wind\" ? \" active\": \"\"}`} onClick={() => this.onSelectType(1, \"wind\")}></span>\n            </div>\n          </div>\n        </div>\n        {this.state.types[0] !== \"none\" || this.state.types[1] !== \"none\" ? (\n          <div className=\"panel-right\">\n            <div className=\"resistances\">\n              <h2>Resistances</h2>\n              <div className=\"resistance-table\">\n                <div className=\"table-row table-header\">\n                  <div className=\"table-column\"><span className=\"type crystal\"></span></div>\n                  <div className=\"table-column\"><span className=\"type digital\"></span></div>\n                  <div className=\"table-column\"><span className=\"type earth\"></span></div>\n                  <div className=\"table-column\"><span className=\"type electric\"></span></div>\n                  <div className=\"table-column\"><span className=\"type fire\"></span></div>\n                  <div className=\"table-column\"><span className=\"type melee\"></span></div>\n                  <div className=\"table-column\"><span className=\"type mental\"></span></div>\n                  <div className=\"table-column\"><span className=\"type nature\"></span></div>\n                  <div className=\"table-column\"><span className=\"type neutral\"></span></div>\n                  <div className=\"table-column\"><span className=\"type toxic\"></span></div>\n                  <div className=\"table-column\"><span className=\"type water\"></span></div>\n                  <div className=\"table-column\"><span className=\"type wind\"></span></div>\n                </div>\n                <div className=\"table-row\">\n                  <div className={`table-column ${resistances[\"crystal\"] === 4 ? \"x4\" : resistances[\"crystal\"] === 2 ? \"x2\" : resistances[\"crystal\"] === 0.5 ? \"x05\" : resistances[\"crystal\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"crystal\"]}x</div>\n                  <div className={`table-column ${resistances[\"digital\"] === 4 ? \"x4\" : resistances[\"digital\"] === 2 ? \"x2\" : resistances[\"digital\"] === 0.5 ? \"x05\" : resistances[\"digital\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"digital\"]}x</div>\n                  <div className={`table-column ${resistances[\"earth\"] === 4 ? \"x4\" : resistances[\"earth\"] === 2 ? \"x2\" : resistances[\"earth\"] === 0.5 ? \"x05\" : resistances[\"earth\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"earth\"]}x</div>\n                  <div className={`table-column ${resistances[\"electric\"] === 4 ? \"x4\" : resistances[\"electric\"] === 2 ? \"x2\" : resistances[\"electric\"] === 0.5 ? \"x05\" : resistances[\"electric\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"electric\"]}x</div>\n                  <div className={`table-column ${resistances[\"fire\"] === 4 ? \"x4\" : resistances[\"fire\"] === 2 ? \"x2\" : resistances[\"fire\"] === 0.5 ? \"x05\" : resistances[\"fire\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"fire\"]}x</div>\n                  <div className={`table-column ${resistances[\"melee\"] === 4 ? \"x4\" : resistances[\"melee\"] === 2 ? \"x2\" : resistances[\"melee\"] === 0.5 ? \"x05\" : resistances[\"melee\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"melee\"]}x</div>\n                  <div className={`table-column ${resistances[\"mental\"] === 4 ? \"x4\" : resistances[\"mental\"] === 2 ? \"x2\" : resistances[\"mental\"] === 0.5 ? \"x05\" : resistances[\"mental\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"mental\"]}x</div>\n                  <div className={`table-column ${resistances[\"nature\"] === 4 ? \"x4\" : resistances[\"nature\"] === 2 ? \"x2\" : resistances[\"nature\"] === 0.5 ? \"x05\" : resistances[\"nature\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"nature\"]}x</div>\n                  <div className={`table-column ${resistances[\"neutral\"] === 4 ? \"x4\" : resistances[\"neutral\"] === 2 ? \"x2\" : resistances[\"neutral\"] === 0.5 ? \"x05\" : resistances[\"neutral\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"neutral\"]}x</div>\n                  <div className={`table-column ${resistances[\"toxic\"] === 4 ? \"x4\" : resistances[\"toxic\"] === 2 ? \"x2\" : resistances[\"toxic\"] === 0.5 ? \"x05\" : resistances[\"toxic\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"toxic\"]}x</div>\n                  <div className={`table-column ${resistances[\"water\"] === 4 ? \"x4\" : resistances[\"water\"] === 2 ? \"x2\" : resistances[\"water\"] === 0.5 ? \"x05\" : resistances[\"water\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"water\"]}x</div>\n                  <div className={`table-column ${resistances[\"wind\"] === 4 ? \"x4\" : resistances[\"wind\"] === 2 ? \"x2\" : resistances[\"wind\"] === 0.5 ? \"x05\" : resistances[\"wind\"] === 0.25 ? \"x025\" : \"\"}`}>{resistances[\"wind\"]}x</div>\n                </div>\n              </div>\n            </div>\n            {/* TODO */}\n            <div className=\"resistances\">\n              <h2>Coverage</h2>\n              {this.state.types[0] !== \"none\" ? (\n                <React.Fragment>\n                  <h3><span className={`type ${this.state.types[0]}`}></span>{this.state.types[0]}</h3>\n                  <div className=\"resistance-table\">\n                    <div className=\"table-row table-header\">\n                      <div className=\"table-column\"><span className=\"type crystal\"></span></div>\n                      <div className=\"table-column\"><span className=\"type digital\"></span></div>\n                      <div className=\"table-column\"><span className=\"type earth\"></span></div>\n                      <div className=\"table-column\"><span className=\"type electric\"></span></div>\n                      <div className=\"table-column\"><span className=\"type fire\"></span></div>\n                      <div className=\"table-column\"><span className=\"type melee\"></span></div>\n                      <div className=\"table-column\"><span className=\"type mental\"></span></div>\n                      <div className=\"table-column\"><span className=\"type nature\"></span></div>\n                      <div className=\"table-column\"><span className=\"type neutral\"></span></div>\n                      <div className=\"table-column\"><span className=\"type toxic\"></span></div>\n                      <div className=\"table-column\"><span className=\"type water\"></span></div>\n                      <div className=\"table-column\"><span className=\"type wind\"></span></div>\n                    </div>\n                    <div className=\"table-row\">\n                      <div className={`table-column ${strengths[0][\"crystal\"] === 4 ? \"x4\" : strengths[0][\"crystal\"] === 2 ? \"x2\" : strengths[0][\"crystal\"] === 0.5 ? \"x05\" : strengths[0][\"crystal\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"crystal\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"digital\"] === 4 ? \"x4\" : strengths[0][\"digital\"] === 2 ? \"x2\" : strengths[0][\"digital\"] === 0.5 ? \"x05\" : strengths[0][\"digital\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"digital\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"earth\"] === 4 ? \"x4\" : strengths[0][\"earth\"] === 2 ? \"x2\" : strengths[0][\"earth\"] === 0.5 ? \"x05\" : strengths[0][\"earth\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"earth\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"electric\"] === 4 ? \"x4\" : strengths[0][\"electric\"] === 2 ? \"x2\" : strengths[0][\"electric\"] === 0.5 ? \"x05\" : strengths[0][\"electric\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"electric\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"fire\"] === 4 ? \"x4\" : strengths[0][\"fire\"] === 2 ? \"x2\" : strengths[0][\"fire\"] === 0.5 ? \"x05\" : strengths[0][\"fire\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"fire\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"melee\"] === 4 ? \"x4\" : strengths[0][\"melee\"] === 2 ? \"x2\" : strengths[0][\"melee\"] === 0.5 ? \"x05\" : strengths[0][\"melee\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"melee\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"mental\"] === 4 ? \"x4\" : strengths[0][\"mental\"] === 2 ? \"x2\" : strengths[0][\"mental\"] === 0.5 ? \"x05\" : strengths[0][\"mental\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"mental\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"nature\"] === 4 ? \"x4\" : strengths[0][\"nature\"] === 2 ? \"x2\" : strengths[0][\"nature\"] === 0.5 ? \"x05\" : strengths[0][\"nature\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"nature\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"neutral\"] === 4 ? \"x4\" : strengths[0][\"neutral\"] === 2 ? \"x2\" : strengths[0][\"neutral\"] === 0.5 ? \"x05\" : strengths[0][\"neutral\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"neutral\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"toxic\"] === 4 ? \"x4\" : strengths[0][\"toxic\"] === 2 ? \"x2\" : strengths[0][\"toxic\"] === 0.5 ? \"x05\" : strengths[0][\"toxic\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"toxic\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"water\"] === 4 ? \"x4\" : strengths[0][\"water\"] === 2 ? \"x2\" : strengths[0][\"water\"] === 0.5 ? \"x05\" : strengths[0][\"water\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"water\"]}x</div>\n                      <div className={`table-column ${strengths[0][\"wind\"] === 4 ? \"x4\" : strengths[0][\"wind\"] === 2 ? \"x2\" : strengths[0][\"wind\"] === 0.5 ? \"x05\" : strengths[0][\"wind\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[0][\"wind\"]}x</div>\n                    </div>\n                  </div>\n                </React.Fragment>\n              ) : null}\n              {this.state.types[1] !== \"none\" ? (\n                <React.Fragment>\n                  <h3><span className={`type ${this.state.types[1]}`}></span>{this.state.types[1]}</h3>\n                  <div className=\"resistance-table\">\n                    <div className=\"table-row table-header\">\n                      <div className=\"table-column\"><span className=\"type crystal\"></span></div>\n                      <div className=\"table-column\"><span className=\"type digital\"></span></div>\n                      <div className=\"table-column\"><span className=\"type earth\"></span></div>\n                      <div className=\"table-column\"><span className=\"type electric\"></span></div>\n                      <div className=\"table-column\"><span className=\"type fire\"></span></div>\n                      <div className=\"table-column\"><span className=\"type melee\"></span></div>\n                      <div className=\"table-column\"><span className=\"type mental\"></span></div>\n                      <div className=\"table-column\"><span className=\"type nature\"></span></div>\n                      <div className=\"table-column\"><span className=\"type neutral\"></span></div>\n                      <div className=\"table-column\"><span className=\"type toxic\"></span></div>\n                      <div className=\"table-column\"><span className=\"type water\"></span></div>\n                      <div className=\"table-column\"><span className=\"type wind\"></span></div>\n                    </div>\n                    <div className=\"table-row\">\n                      <div className={`table-column ${strengths[1][\"crystal\"] === 4 ? \"x4\" : strengths[1][\"crystal\"] === 2 ? \"x2\" : strengths[1][\"crystal\"] === 0.5 ? \"x05\" : strengths[1][\"crystal\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"crystal\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"digital\"] === 4 ? \"x4\" : strengths[1][\"digital\"] === 2 ? \"x2\" : strengths[1][\"digital\"] === 0.5 ? \"x05\" : strengths[1][\"digital\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"digital\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"earth\"] === 4 ? \"x4\" : strengths[1][\"earth\"] === 2 ? \"x2\" : strengths[1][\"earth\"] === 0.5 ? \"x05\" : strengths[1][\"earth\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"earth\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"electric\"] === 4 ? \"x4\" : strengths[1][\"electric\"] === 2 ? \"x2\" : strengths[1][\"electric\"] === 0.5 ? \"x05\" : strengths[1][\"electric\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"electric\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"fire\"] === 4 ? \"x4\" : strengths[1][\"fire\"] === 2 ? \"x2\" : strengths[1][\"fire\"] === 0.5 ? \"x05\" : strengths[1][\"fire\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"fire\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"melee\"] === 4 ? \"x4\" : strengths[1][\"melee\"] === 2 ? \"x2\" : strengths[1][\"melee\"] === 0.5 ? \"x05\" : strengths[1][\"melee\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"melee\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"mental\"] === 4 ? \"x4\" : strengths[1][\"mental\"] === 2 ? \"x2\" : strengths[1][\"mental\"] === 0.5 ? \"x05\" : strengths[1][\"mental\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"mental\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"nature\"] === 4 ? \"x4\" : strengths[1][\"nature\"] === 2 ? \"x2\" : strengths[1][\"nature\"] === 0.5 ? \"x05\" : strengths[1][\"nature\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"nature\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"neutral\"] === 4 ? \"x4\" : strengths[1][\"neutral\"] === 2 ? \"x2\" : strengths[1][\"neutral\"] === 0.5 ? \"x05\" : strengths[1][\"neutral\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"neutral\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"toxic\"] === 4 ? \"x4\" : strengths[1][\"toxic\"] === 2 ? \"x2\" : strengths[1][\"toxic\"] === 0.5 ? \"x05\" : strengths[1][\"toxic\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"toxic\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"water\"] === 4 ? \"x4\" : strengths[1][\"water\"] === 2 ? \"x2\" : strengths[1][\"water\"] === 0.5 ? \"x05\" : strengths[1][\"water\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"water\"]}x</div>\n                      <div className={`table-column ${strengths[1][\"wind\"] === 4 ? \"x4\" : strengths[1][\"wind\"] === 2 ? \"x2\" : strengths[1][\"wind\"] === 0.5 ? \"x05\" : strengths[1][\"wind\"] === 0.25 ? \"x025\" : \"\"}`}>{strengths[1][\"wind\"]}x</div>\n                    </div>\n                  </div>\n                </React.Fragment>\n              ) : null}\n            </div>\n          </div>\n        ) : (\n          <div className=\"panel-right\">\n            <div className=\"typings\">\n              <div className=\"typing\"  onClick={() => this.onSelectType(0, \"crystal\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type crystal\"></span>\n                  </div>\n                  <span className=\"name\">Crystal</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i>ATK</div>\n                  <div className=\"effective\">\n                    <span className=\"type electric\"></span>\n                    <span className=\"type mental\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type fire\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i>DEF</div>\n                  <div className=\"effective\">\n                    <span className=\"type electric\"></span>\n                    <span className=\"type mental\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type fire\"></span>\n                    <span className=\"type melee\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"digital\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type digital\"></span>\n                  </div>\n                  <span className=\"name\">Digital</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type digital\"></span>\n                    <span className=\"type melee\"></span>\n                    <span className=\"type mental\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type toxic\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type digital\"></span>\n                    <span className=\"type electric\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"earth\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type earth\"></span>\n                  </div>\n                  <span className=\"name\">Earth</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type electric\"></span>\n                    <span className=\"type fire\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type nature\"></span>\n                    <span className=\"type water\"></span>\n                    <span className=\"type wind\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type electric\"></span>\n                    <span className=\"type fire\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type melee\"></span>\n                    <span className=\"type nature\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\"  onClick={() => this.onSelectType(0, \"electric\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type electric\"></span>\n                  </div>\n                  <span className=\"name\">Electric</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type digital\"></span>\n                    <span className=\"type mental\"></span>\n                    <span className=\"type water\"></span>\n                    <span className=\"type wind\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type earth\"></span>\n                    <span className=\"type electric\"></span>\n                    <span className=\"type nature\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type electric\"></span>\n                    <span className=\"type wind\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type earth\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"fire\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type fire\"></span>\n                  </div>\n                  <span className=\"name\">Fire</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type nature\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type fire\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type fire\"></span>\n                    <span className=\"type nature\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"melee\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type melee\"></span>\n                  </div>\n                  <span className=\"name\">Melee</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type earth\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type melee\"></span>\n                    <span className=\"type mental\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type melee\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type digital\"></span>\n                    <span className=\"type mental\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"mental\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type mental\"></span>\n                  </div>\n                  <span className=\"name\">Mental</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type melee\"></span>\n                    <span className=\"type neutral\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type crystal\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type melee\"></span>\n                    <span className=\"type neutral\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type digital\"></span>\n                    <span className=\"type electric\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"nature\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type nature\"></span>\n                  </div>\n                  <span className=\"name\">Nature</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type fire\"></span>\n                    <span className=\"type nature\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type electric\"></span>\n                    <span className=\"type nature\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type fire\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"neutral\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type neutral\"></span>\n                  </div>\n                  <span className=\"name\">Neutral</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type mental\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type mental\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"toxic\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type toxic\"></span>\n                  </div>\n                  <span className=\"name\">Toxic</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type nature\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type crystal\"></span>\n                    <span className=\"type digital\"></span>\n                    <span className=\"type earth\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type nature\"></span>\n                    <span className=\"type toxic\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type wind\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"water\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type water\"></span>\n                  </div>\n                  <span className=\"name\">Water</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type digital\"></span>\n                    <span className=\"type earth\"></span>\n                    <span className=\"type fire\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type nature\"></span>\n                    <span className=\"type toxic\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type fire\"></span>\n                    <span className=\"type water\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type electric\"></span>\n                    <span className=\"type nature\"></span>\n                    <span className=\"type toxic\"></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"typing\" onClick={() => this.onSelectType(0, \"wind\")}>\n                <div className=\"label\">\n                  <div className=\"icon\">\n                    <span className=\"type wind\"></span>\n                  </div>\n                  <span className=\"name\">Wind</span>\n                </div>\n                <div className=\"row header\">\n                  <div className=\"attack-defend\"></div>\n                  <div className=\"effective\">Strong</div>\n                  <div className=\"not-effective\">Weak</div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-construction-hammer\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type toxic\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type electric\"></span>\n                    <span className=\"type wind\"></span>\n                  </div>\n                </div>\n                <div className=\"row content\">\n                  <div className=\"attack-defend\"><i className=\"lni-shield\"></i></div>\n                  <div className=\"effective\">\n                    <span className=\"type earth\"></span>\n                    <span className=\"type wind\"></span>\n                  </div>\n                  <div className=\"not-effective\">\n                    <span className=\"type electric\"></span>\n                  </div>\n                </div>\n              </div>\n              {/* END */}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.scss';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}