{"version":3,"file":"4f33b707d844648e663af4d505497ffcd84d1ff3-a0a977f36728c07b95d4.js","mappings":"2JAwBA,IAtBmB,WAEf,OACJ,uBAAKA,UAAU,eACX,uBAAKA,UAAU,aACX,uBAAKA,UAAU,aAAf,yFAGA,uBAAKA,UAAU,gBACX,qBAAGA,UAAU,QAAQC,KAAK,iDAA1B,kBADJ,IAGI,qBAAGD,UAAU,QAAQC,KAAK,8CAA1B,gBAEJ,uBAAKC,MAAO,CAACC,MAAM,OAAQC,UAAU,SAASC,WAAW,OAAOC,WAAW,SAA3E,sO,mCCFR,IAXqB,SAACC,GACpB,IAAIC,EAAU,gBAId,OAHID,EAAME,UACRD,GAAW,aAGX,uBAAKR,UAAWQ,EAASE,GAAIH,EAAMG,IACjC,uBAAKV,UAAU,gBAAgBO,EAAMI,a,mCC+B3C,IAtCa,SAACJ,GAAW,IAAD,EACtB,OACE,uBAAKP,UAAU,QACb,uBACEA,UAAU,2BACVU,GAAG,WACH,gBAAeH,EAAMK,UAAY,IACjCV,MAAO,CACLW,gBAAiBN,EAAMO,SAAW,qBAClCC,OAAQ,UAGV,uBACEf,UAAU,eACVE,MAAO,CAAEc,MAAO,OAAQZ,UAAW,SAEnC,sBACEJ,UAAU,OACVE,MAAO,CAAEc,MAAO,QAASC,IAAK,OAAQb,UAAW,QACjDc,wBAAyB,CAAEC,OAAQZ,EAAMa,SAI7C,uBACEpB,UAAU,aACVE,MAAO,CAAEW,gBAAiBN,EAAMO,SAAW,SAE1CP,EAAMc,OACL,uBAAKnB,MAAO,CAAEa,OAAQ,SACpB,2BAAKO,IAAI,GAAGC,IAAKhB,EAAMc,QAAvB,IAAkC,2BAAlC,U,mCCKd,IAlCc,SAACd,GACb,IAAIiB,EAAQ,KACRhB,EAAU,QAEd,OADAiB,QAAQC,IAAInB,EAAMiB,OACVjB,EAAMiB,OACZ,IAAK,OACHhB,GAAW,QACX,MACF,IAAK,OACHA,GAAW,QACX,MACF,IAAK,UACHA,GAAW,WACX,MACF,QACEgB,EAAQjB,EAAMiB,MAElB,OACE,uBACExB,UAAWQ,EACXN,MAAO,CACLsB,MAAAA,IAGF,uBAAKF,IAAI,GAAGC,IAAKhB,EAAMgB,MACtBhB,EAAMoB,aACL,uBAAK3B,UAAU,gBACb,uBAAKA,UAAU,cAAcO,EAAMoB,iB,2GC++B7C,EArgCuB,SAACpB,GAAW,IAAD,EAChC,OACE,uBAAKG,GAAG,mBACN,uBAAKV,UAAU,yBACb,uBAAKA,UAAU,eACb,2BACEsB,IAAI,GACJC,ICdZ,qvNDeYrB,MAAO,CAAEa,OAAQ,UAHnB,IAIM,sBAJN,EAKEf,UAAU,WALZ,KAUF,uBAAKA,UAAU,QACb,gBAAC,KAAD,CAAM4B,GAAIC,EAAAA,EAAAA,MAAiBC,gBAAgB,SAASpB,GAAG,gBAAvD,eAEE,yBACE,uBAAKc,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,MAAL,kBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV8B,gBAAgB,SAChBpB,GAAG,6BACH,kBAAgB,gBANlB,kBAYF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,MAAL,mBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV8B,gBAAgB,SAChBpB,GAAG,8BACH,kBAAgB,gBANlB,qBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAIC,EAAAA,EAAAA,KACJC,gBAAgB,SAChBpB,GAAG,OACH,kBAAgB,cAChB,aAAW,KALb,OAQE,yBACE,uBAAKc,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,iBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,kBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,sBANL,kBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,WACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,eANL,WAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,mBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,uBANL,oBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,iBANL,aAYF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,cACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,kBANL,uBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,cACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,kBANL,oBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,mBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,uBANL,mBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,sBACF7B,UAAU,eACV,kBAAgB,OAChB,aAAW,IACXU,GAAG,0BALL,sBAUF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,KAAL,kBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,OAChB,aAAW,KACXU,GAAG,sBANL,oBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAIC,EAAAA,EAAAA,QACJC,gBAAgB,SAChBpB,GAAG,UACH,kBAAgB,cAChB,aAAW,KALb,UAQE,yBACE,uBAAKc,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,oBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,qBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,4BANL,qBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,iBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,wBANL,mBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,sBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,6BANL,sBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,kBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,yBANL,oBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAIC,EAAAA,EAAAA,WACJnB,GAAG,aACHoB,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KALb,aAQE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,uBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,gBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,0BANL,gBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,cACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,wBANL,cAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,wBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,uBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,cACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,wBANL,cAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,WAAL,eACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,aAChB,aAAW,IACXU,GAAG,yBANL,iBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAIC,EAAAA,EAAAA,YACJC,gBAAgB,SAChBpB,GAAG,cACH,kBAAgB,cAChB,aAAW,KALb,cAQE,yBACE,uBAAKc,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,YAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,cAChB,aAAW,IACXU,GAAG,wBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,YAAL,WACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,gBACV,kBAAgB,cAChB,aAAW,IACXU,GAAG,sBANL,WAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,YAAL,UACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,gBACV,kBAAgB,cAChB,aAAW,IACXU,GAAG,qBANL,UAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,YAAL,YACFS,QAAS,SAACC,GACRhC,EAAMiC,iBAAiBD,IAEzBvC,UAAU,gBACV,kBAAgB,cAChB,aAAW,IACXU,GAAG,uBARL,cAgBN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAIC,EAAAA,EAAAA,QACJnB,GAAG,UACHoB,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KALb,UAQE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,aACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,oBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,kBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,yBANL,kBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAOC,EAAAA,EAAAA,QAAL,gBACFS,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,UAChB,aAAW,IACXU,GAAG,uBANL,kBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,gCACHE,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KAJb,eAOE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,0CACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,yBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,0CACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,yBANL,eAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,sCACHlB,GAAG,qBACHoB,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KALb,qBAQE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,gDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,+BANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,0DACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,yCANL,yBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,8DACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,6CANL,2BAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,uDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,sCANL,oBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,wDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,uCANL,qBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,wDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,uCANL,0BAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,uDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,sCANL,oBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,uDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,qBAChB,aAAW,IACXU,GAAG,sCANL,sBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,mCACHlB,GAAG,kBACHoB,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KALb,kBAQE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,6CACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,kBAChB,aAAW,IACXU,GAAG,4BANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,uDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,kBAChB,aAAW,IACXU,GAAG,sCANL,yBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,kDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,kBAChB,aAAW,IACXU,GAAG,iCANL,kBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,qDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,kBAChB,aAAW,IACXU,GAAG,oCANL,qBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,oDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,kBAChB,aAAW,IACXU,GAAG,mCANL,sBAcN,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,gCACHlB,GAAG,eACHoB,gBAAgB,SAChB,kBAAgB,cAChB,aAAW,KALb,eAQE,yBACE,uBAAKN,MAAM,OAAOT,OAAO,MAAMgB,QAAQ,YACrC,qBACE/B,UAAU,UACVgC,OAAO,OACPC,YAAY,IACZC,KAAK,OACLC,SAAS,WAET,qBACEnC,UAAU,iBACVoC,UAAU,gCACVJ,OAAO,WAEP,4BAAUK,OAAO,+BAM3B,uBAAKrC,UAAU,QACb,uBAAKA,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,0CACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,yBANL,aAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,gDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,+BANL,mBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,oDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,mCANL,uBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,qDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,oCANL,wBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,gDACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,+BANL,mBAWF,uBAAKV,UAAU,QACb,gBAAC,KAAD,CACE4B,GAAG,wCACHU,QAAS,SAACC,GAAD,OAAOhC,EAAMiC,iBAAiBD,IACvCvC,UAAU,eACV,kBAAgB,eAChB,aAAW,IACXU,GAAG,uBANL,yB,UEjhBd,EAzZM+B,SAAAA,GACJ,WAAYlC,EAAOI,GAAW,OAC5B,YAAMJ,EAAOI,IADc,MADzB8B,EAAAA,EAAAA,GAAAA,EAAAA,GAMH,kBAgZA,OAhZA,EAEDC,gBAAA,WAIE,IAAMC,EAAWC,SAASC,SAASC,QAAQ,UAAW,IAGhDC,EAAYC,OAAOJ,SAASK,KAAKH,QAAQ,IAAK,IAE9CI,EAAcC,SAASC,eAAeT,GACtCU,EAAcF,SAASC,eAAkBT,EAA3B,IAAuCI,GAM3D,GAJAO,KAAKC,oBACDL,GACFA,EAAYM,aAAa,QAAS,UAEhCH,EACFA,EAAYG,aAAa,QAAS,2BAC7B,CAGL,IAAMC,EAAeN,SAASO,iBAAT,qBACEf,EADF,MAIjBc,GAAgBA,EAAaE,SAC/BF,EAAa,GAAGzD,UAAY,yBAGjC,EAED4D,kBAAA,WAAqB,IAAD,OAIlBnC,QAAQC,IAAI,qBACZ4B,KAAKZ,kBAKiB,oBAAXM,SACTA,OAAOa,iBACL,cACA,WAIE,EAAKnB,qBAEP,GAGFM,OAAOa,iBACL,QACA,WAEEpC,QAAQC,IAAI,mBACZ,EAAKoC,4BAEP,GAIFd,OAAOa,iBAAiB,UAAU,WAEhCpC,QAAQC,IAAI,qBACZ,EAAKqC,qBAGV,EAEDA,cAAA,WAGE,IAAMC,EAA8B,SAACC,EAAMC,GACzC,IAAMC,EAAOF,EAAKG,wBAChBC,EACErB,OAAOsB,aAAenB,SAASoB,gBAAgBC,aAQnD,QANEC,KAAKC,MACH,KAAQP,EAAKlD,KAAO,EAAI,EAAIkD,EAAKlD,OAASkD,EAAKpD,OAAU,KACvDmD,GACJO,KAAKC,MAAM,KAAQP,EAAKQ,OAASN,GAAgBF,EAAKpD,OAAU,KAC9DmD,IAIAU,EAAezB,SAAS0B,cAAc,gBAC5C,GACED,GACAZ,EAA4BY,EAAc,KAC1CA,EAAalE,GAEb4C,KAAKC,oBACLD,KAAKwB,kBAAkBF,EAAalE,QAC/B,CAGL,IAAMqE,EAAW5B,SAASO,iBAAiB,WAGrCsB,GAAkB,OAAID,GAAUE,QAAO,SAACC,GAAD,OAC3ClB,EAA4BkB,EAAG,OAE3BC,EAAiBhC,SAASO,iBAC9B,8BAEI0B,GAAwB,OAAID,GAAgBF,QAAO,SAACI,GAAD,OACvDrB,EAA4BqB,EAAG,OAEjC,GAAID,EAAsBzB,OAMxB,OAJAL,KAAKC,yBACLD,KAAKwB,kBACHM,EAAsB,GAAGE,cAAcA,cAAcA,cAAc5E,IAMnEsE,EAAgBrB,QAClBL,KAAKC,oBAOLD,KAAKwB,kBAAkBE,EAAgB,GAAGtE,KAEtCkE,GAAgBZ,EAA4BY,EAAc,KAC5DtB,KAAKC,oBACDqB,EAAalE,GACf4C,KAAKwB,kBAAkBF,EAAalE,IAEpC4C,KAAKwB,kBAAkBC,EAAS,GAAGrE,OAuI5C,EAED6E,iBAAA,WACE,IAAMC,EAAkBrC,SAASO,iBAAiB,mBAC5C+B,EAAiBC,MAAMC,UAAUC,MACpCC,KAAKL,GACLM,KAAI,SAACC,GAAD,OAAaA,KAEpB,OADsBN,EAAeA,EAAe9B,OAAS,IAE9D,EAEDJ,kBAAA,WAQE,IADA,IAAMyC,EAAc7C,SAAS8C,uBAAuB,uBAC3CC,EAAIF,EAAYrC,OAAS,EAAGuC,GAAK,EAAGA,IAC3CF,EAAYE,GAAGlG,UAAYgG,EAAYE,GAAGlG,UAAU8C,QAAQ,SAAU,KAEzE,EAEDgC,kBAAA,SAAkB/B,GAEhB,IAAMJ,EAAWC,SAASC,SAASC,QAAQ,UAAW,IAChDO,EAAcF,SAAS0B,cAAT,iBACDlC,EADC,IACWI,GAG3BM,GACFA,EAAYG,aAAa,QAAS,uBAEpC,IAAMN,EAAcC,SAAS0B,cAAT,KAA4BlC,GAC5CO,GACFA,EAAYiD,kBAEf,EAEDrC,uBAAA,WAGErC,QAAQC,IAAI,4BAGZ,IAAMiB,EAAWC,SAASC,SAASC,QAAQ,UAAW,IAGhDG,EAAOD,OAAOJ,SAASK,KAAKH,QAAQ,IAAK,IAE/C,GAAKG,EAAL,CAMA,GAFAK,KAAKC,oBAEDZ,EAAU,CACZ,IAAMO,EAAcC,SAASC,eAAeT,GACxCO,GACFA,EAAYM,aAAa,QAAS,UAItC,GAAIP,GAAQN,EAAU,CACpB,IAAMU,EAAcF,SAASC,eAAkBT,EAA3B,IAAuCM,GACvDI,GACFA,EAAYG,aAAa,QAAS,0BAGvC,EAED4C,qBAAA,WACEpD,OAAOqD,oBAAoB,SAAU/C,KAAKS,gBAC3C,EAEDvB,iBAAA,SAAiBD,GAEfA,EAAE+D,iBAEFC,QAAQC,UAAU,GAAI,GAAIjE,EAAEkE,OAAOxG,MACnC,IAAMyG,EAAoBnE,EAAEkE,OAAO/F,GAE7BiC,EAAWC,SAASC,SAASC,QAAQ,UAAW,IACtD,GAAIH,GAAY+D,EAAmB,CAGjCpD,KAAKC,oBAaLhB,EAAEkE,OAAOjD,aAAa,QAAS,uBAE/B,IAAMT,EAAY2D,EAAkB5D,QAAWH,EAA7B,IAA0C,IACtDgE,EAAcxD,SAASC,eAAeL,GACxC4D,GACFA,EAAYR,mBAGjB,EAEDS,OAAA,WAAU,IAAD,OACP,OACE,uBAAK5G,UAAU,gCAGb,wBAAMA,UAAU,WACbsD,KAAK/C,MAAMI,SACZ,gBAACkG,EAAA,EAAD,OAGF,uBAAK7G,UAAU,WACb,gBAAC,EAAD,CACEwC,iBAAkB,SAACD,GAAD,OAAO,EAAKC,iBAAiBD,SAKxD,EAtZGE,CAAeqE,EAAAA,Y,iCCFrB,IAJoB,SAACvG,GACnB,OAAO,2BAASG,GAAIH,EAAMwC,WAAYxC,EAAMI,Y,4CC4B9C,IA5B0B,SAAAJ,GACtB,OAEI,uBAAKL,MAAO,CAAC6G,QAAS,OAAQhG,OAAQ,UAClC,uBAAKb,MAAO,CAACsB,MAAO,MAAOwF,YAAa,SACvCzG,EAAM0G,aAAe,gBAAC,KAAD,CAAMrF,GAAIrB,EAAM2G,aAClC,uBAAKhH,MAAO,CAACiH,SAAU,OAAQC,WAAY,MAAOC,UAAW,OAAQrG,MAAO,UAA5E,MACcT,EAAM0G,cAEpB,uBAAKjH,UAAU,iBAAiBE,MAAO,CAACW,gBAAiB,QAASP,WAAY,OAAQgH,cAAe,SACjG,sBAAItH,UAAU,cAAcO,EAAMgH,kBAEjC,MAET,uBAAKrH,MAAO,CAACsB,MAAO,MAAOpB,UAAW,QAASoH,aAAc,SAC5DjH,EAAMkH,SAAW,gBAAC,KAAD,CAAM7F,GAAIrB,EAAMmH,SAC1B,uBAAKxH,MAAO,CAACiH,SAAU,OAAQC,WAAY,MAAOC,UAAW,OAAQrG,MAAO,UACvET,EAAMkH,SADX,OAGA,uBAAKzH,UAAU,iBAAiBE,MAAO,CAACW,gBAAiB,QAASP,WAAY,OAAQgH,cAAe,SACjG,sBAAItH,UAAU,cAAcO,EAAMoH,cAEhC,S,qDCzBnB,IAAM9F,EAAY,CACvB+F,MAAO,mBACPC,KAAM,WACNC,QAAS,cACTC,WAAY,iBACZC,YAAa,kBACbC,QAAS,cACTC,SAAU,gCACVC,UAAW,sCACXC,UAAW,mCACXC,aAAc","sources":["webpack://toyota-branding-guidelines/./src/components/PageFooter.js","webpack://toyota-branding-guidelines/./src/components/v2/ContentBlock.jsx","webpack://toyota-branding-guidelines/./src/components/v2/Hero.jsx","webpack://toyota-branding-guidelines/./src/components/v2/Image.jsx","webpack://toyota-branding-guidelines/./src/components/v2/MainNavigation.jsx","webpack://toyota-branding-guidelines/./src/images/0. Nav/Toyota_Logo.svg","webpack://toyota-branding-guidelines/./src/components/v2/Layout.jsx","webpack://toyota-branding-guidelines/./src/components/v2/PageSection.jsx","webpack://toyota-branding-guidelines/./src/components/v2/ui-blocks/PrevNextNavFooter/PrevNextNavFooter.js","webpack://toyota-branding-guidelines/./src/data/pageLinks.js"],"sourcesContent":["\r\nimport React from 'react';\r\nconst PageFooter = ()=>{\r\n    \r\n    return (\r\n<div className=\"page-footer\">\r\n    <div className=\"container\">\r\n        <div className=\"copyright\">\r\n            ©2021 Toyota Motor Sales, U.S.A., Inc. All information applies to U.S. vehicles only.\r\n        </div>\r\n        <div className=\"footer-links\">\r\n            <a className=\"links\" href=\"https://www.toyota.com/support/privacy-rights\">Privacy Policy</a>\r\n            |\r\n            <a className=\"links\" href=\"https://www.toyota.com/support/legal-terms\">Legal Terms</a>\r\n        </div>\r\n        <div style={{clear:'both', textAlign:'center',lineHeight:'1.75',paddingTop:'10px'}}>\r\n            Vehicles represented on this site are for composition purposes only. \r\n            The vehicles do not necessarily represent current model-year options or specifications. \r\n            Please see your local dealer or toyota.com for product offerings.\r\n        </div>\r\n    </div>\r\n</div>\r\n    );\r\n};\r\nexport default PageFooter;","import React from \"react\";\r\n\r\nconst ContentBlock = (props) => {\r\n  let classes = \"content-block\";\r\n  if (props.whiteBg) {\r\n    classes += \" white-bg\";\r\n  }\r\n  return (\r\n    <div className={classes} id={props.id}>\r\n      <div className=\"inner-center\">{props.children}</div>\r\n    </div>\r\n  );\r\n};\r\nexport default ContentBlock;\r\n","import React from \"react\";\r\n\r\nconst Hero = (props) => {\r\n  return (\r\n    <div className=\"hero\">\r\n      <div\r\n        className=\"page-header image-header\"\r\n        id=\"overview\"\r\n        data-navindex={props.navindex || \"0\"}\r\n        style={{\r\n          backgroundColor: props.bgColor || \"rgb(241, 242, 243)\",\r\n          height: \"650px\",\r\n        }}\r\n      >\r\n        <div\r\n          className=\"content-flex\"\r\n          style={{ color: \"#000\", textAlign: \"left\" }}\r\n        >\r\n          <h1\r\n            className=\"copy\"\r\n            style={{ color: \"white\", top: \"-10%\", textAlign: \"left\" }}\r\n            dangerouslySetInnerHTML={{ __html: props.text }}\r\n          />\r\n        </div>\r\n\r\n        <div\r\n          className=\"background\"\r\n          style={{ backgroundColor: props.bgColor || \"#fff\" }}\r\n        >\r\n          {props.image && (\r\n            <div style={{ height: \"100%\" }}>\r\n              <img alt=\"\" src={props.image} alt=\"brand_header_desktop pic\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Hero;\r\n","import React from \"react\";\r\n\r\nconst Image = (props) => {\r\n  let width = null;\r\n  let classes = \"image\";\r\n  console.log(props.width);\r\n  switch (props.width) {\r\n    case \"full\":\r\n      classes += \" full\";\r\n      break;\r\n    case \"half\":\r\n      classes += \" half\";\r\n      break;\r\n    case \"quarter\":\r\n      classes += \" quarter\";\r\n      break;\r\n    default:\r\n      width = props.width;\r\n  }\r\n  return (\r\n    <div\r\n      className={classes}\r\n      style={{\r\n        width,\r\n      }}\r\n    >\r\n      <img alt=\"\" src={props.src} />\r\n      {props.overlayText && (\r\n        <div className=\"overlay-text\">\r\n          <div className=\"text-inner\">{props.overlayText}</div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Image;\r\n","import * as React from \"react\";\r\nimport { Link } from \"gatsby\";\r\n\r\nimport logo from \"../../images/0. Nav/Toyota_Logo.svg\";\r\n\r\nimport { pageLinks } from \"../../data/pageLinks\";\r\n\r\nconst MainNavigation = (props) => {\r\n  return (\r\n    <div id=\"main-navigation\">\r\n      <div className=\"ui text vertical menu\">\r\n        <div className=\"header item\">\r\n          <img\r\n            alt=\"\"\r\n            src={logo}\r\n            style={{ height: \"93px\" }}\r\n            alt=\"Toyota VIS Homepage\"\r\n            className=\"ui image\"\r\n          />\r\n        </div>\r\n        {/* <div className='header item'>Basic Rules</div> */}\r\n\r\n        <div className=\"item\">\r\n          <Link to={pageLinks.intro} activeClassName=\"active\" id=\"introduction\">\r\n            Introduction\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.intro}/#tone-of-voice`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                activeClassName=\"active\"\r\n                id=\"introduction-tone-of-voice\"\r\n                data-subsection=\"introduction\"\r\n              >\r\n                Tone of Voice\r\n              </Link>\r\n            </div>\r\n\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.intro}/#brand-elements`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                activeClassName=\"active\"\r\n                id=\"introduction-brand-elements\"\r\n                data-subsection=\"introduction\"\r\n              >\r\n                Brand Elements\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to={pageLinks.logo}\r\n            activeClassName=\"active\"\r\n            id=\"logo\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"2\"\r\n          >\r\n            Logo\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#overview`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"1\"\r\n                id=\"logo-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#primary-logos`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"2\"\r\n                id=\"logo-primary-logos\"\r\n              >\r\n                Primary Logos\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#toyota`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"3\"\r\n                id=\"logo-toyota\"\r\n              >\r\n                Toyota\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#lets-go-places`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"4\"\r\n                id=\"logo-lets-go-places\"\r\n              >\r\n                Let&#x27;s Go Places\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#vehicles`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"5\"\r\n                id=\"logo-vehicles\"\r\n              >\r\n                Vehicles\r\n              </Link>\r\n            </div>\r\n\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#messaging`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"6\"\r\n                id=\"logo-messaging\"\r\n              >\r\n                Messaging Platform\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#sub-brand`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"7\"\r\n                id=\"logo-sub-brand\"\r\n              >\r\n                Sub-brand Logos\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#configurations`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"8\"\r\n                id=\"logo-configurations\"\r\n              >\r\n                Configurations\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#colour-variations`}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"9\"\r\n                id=\"logo-colour-variations\"\r\n              >\r\n                Colour Variations\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.logo}/#incorrect-use`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"logo\"\r\n                data-index=\"10\"\r\n                id=\"logo-incorrect-use\"\r\n              >\r\n                Incorrect Use\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to={pageLinks.tagline}\r\n            activeClassName=\"active\"\r\n            id=\"tagline\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"3\"\r\n          >\r\n            Tagline\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.tagline}/#overview`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Tagline\"\r\n                data-index=\"1\"\r\n                id=\"tagline-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.tagline}/#used-as-headline`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Tagline\"\r\n                data-index=\"2\"\r\n                id=\"tagline-used-as-headline\"\r\n              >\r\n                Used as Headline\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.tagline}/#used-as-logo`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Tagline\"\r\n                data-index=\"3\"\r\n                id=\"tagline-used-as-logo\"\r\n              >\r\n                Used as a Logo\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.tagline}/#used-in-body-text`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Tagline\"\r\n                data-index=\"4\"\r\n                id=\"tagline-used-in-body-text\"\r\n              >\r\n                Used in Body Text\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.tagline}/#incorrect-use`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Tagline\"\r\n                data-index=\"5\"\r\n                id=\"tagline-incorrect-use\"\r\n              >\r\n                Incorrect Use\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to={pageLinks.typography}\r\n            id=\"typography\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"5\"\r\n          >\r\n            Typography\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#overview`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"1\"\r\n                id=\"typography-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#toyota-type`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"2\"\r\n                id=\"typography-toyota-type\"\r\n              >\r\n                Toyota Type\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#headlines`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"3\"\r\n                id=\"typography-headlines\"\r\n              >\r\n                Headlines\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#typography-subheads`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"4\"\r\n                id=\"typography-subheads\"\r\n              >\r\n                Subheads\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#body-copy`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"5\"\r\n                id=\"typography-body-copy\"\r\n              >\r\n                Body Copy\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.typography}/#legal-copy`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"Typography\"\r\n                data-index=\"6\"\r\n                id=\"typography-legal-copy\"\r\n              >\r\n                Legal Copy\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to={pageLinks.photography}\r\n            activeClassName=\"active\"\r\n            id=\"photography\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"4\"\r\n          >\r\n            Photography\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.photography}/#overview`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"photography\"\r\n                data-index=\"1\"\r\n                id=\"photography-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.photography}/#people`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\" sub-category\"\r\n                data-subsection=\"photography\"\r\n                data-index=\"2\"\r\n                id=\"photography-people\"\r\n              >\r\n                People\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.photography}/#place`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\" sub-category\"\r\n                data-subsection=\"photography\"\r\n                data-index=\"3\"\r\n                id=\"photography-place\"\r\n              >\r\n                Place\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.photography}/#product`}\r\n                onClick={(e) => {\r\n                  props.subMenuItemClick(e);\r\n                }}\r\n                className=\" sub-category\"\r\n                data-subsection=\"photography\"\r\n                data-index=\"4\"\r\n                id=\"photography-product\"\r\n              >\r\n                Product\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to={pageLinks.colours}\r\n            id=\"colours\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"6\"\r\n          >\r\n            Colours\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.colours}/#overview`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"colours\"\r\n                data-index=\"1\"\r\n                id=\"colours-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.colours}/#brand-colours`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"colours\"\r\n                data-index=\"2\"\r\n                id=\"colours-brand-colours\"\r\n              >\r\n                Brand Colours\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to={`${pageLinks.colours}/#colour-mode`}\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"colours\"\r\n                data-index=\"3\"\r\n                id=\"colours-colour-mode\"\r\n              >\r\n                Colour Mode\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to=\"/brandguidelines/tvc-endframe\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"7\"\r\n          >\r\n            TVC Endframe\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/tvc-endframe/#overview\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"tvc-endframe\"\r\n                data-index=\"1\"\r\n                id=\"tvc-endframe-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/tvc-endframe/#endframe\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"tvc-endframe\"\r\n                data-index=\"2\"\r\n                id=\"tvc-endframe-endframe\"\r\n              >\r\n                Endframe\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to=\"/brandguidelines/messaging-platform\"\r\n            id=\"messaging-platform\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"7\"\r\n          >\r\n            Messaging Platform\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#overview\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"1\"\r\n                id=\"messaging-platform-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#approach-construct\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"2\"\r\n                id=\"messaging-platform-approach-construct\"\r\n              >\r\n                Approach (Construct)\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#hey-toyota-photography\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"3\"\r\n                id=\"messaging-platform-hey-toyota-photography\"\r\n              >\r\n                Hey Toyota Photography\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#hey-toyota-copy\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"4\"\r\n                id=\"messaging-platform-hey-toyota-copy\"\r\n              >\r\n                Hey Toyota Copy\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#question-formats\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"5\"\r\n                id=\"messaging-platform-question-formats\"\r\n              >\r\n                Question Formats\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#callout-graphics\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"6\"\r\n                id=\"messaging-platform-callout-graphics\"\r\n              >\r\n                CTA/Call Out Graphics\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#motion-graphics\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"7\"\r\n                id=\"messaging-platform-motion-graphics\"\r\n              >\r\n                Motion Graphics\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/messaging-platform/#layout-examples\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"messaging-platform\"\r\n                data-index=\"8\"\r\n                id=\"messaging-platform-layout-examples\"\r\n              >\r\n                Layout Examples\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to=\"/brandguidelines/brand-campaigns\"\r\n            id=\"brand-campaigns\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"7\"\r\n          >\r\n            Brand Campaigns\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/brand-campaigns/#overview\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"brand-campaigns\"\r\n                data-index=\"1\"\r\n                id=\"brand-campaigns-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/brand-campaigns/#approact-construct\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"brand-campaigns\"\r\n                data-index=\"2\"\r\n                id=\"brand-campaigns-approact-construct\"\r\n              >\r\n                Approach (Construct)\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/brand-campaigns/#display-fonts\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"brand-campaigns\"\r\n                data-index=\"3\"\r\n                id=\"brand-campaigns-display-fonts\"\r\n              >\r\n                Display Fonts\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/brand-campaigns/#campaign-colours\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"brand-campaigns\"\r\n                data-index=\"4\"\r\n                id=\"brand-campaigns-campaign-colours\"\r\n              >\r\n                Campaign Colours\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/brand-campaigns/#layout-examples\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"brand-campaigns\"\r\n                data-index=\"5\"\r\n                id=\"brand-campaigns-layout-examples\"\r\n              >\r\n                Layout Examples\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"item\">\r\n          <Link\r\n            to=\"/brandguidelines/partnerships\"\r\n            id=\"partnerships\"\r\n            activeClassName=\"active\"\r\n            data-subsection=\"basic-rules\"\r\n            data-index=\"7\"\r\n          >\r\n            Partnerships\r\n            <i>\r\n              <svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\">\r\n                <g\r\n                  className=\"Symbols\"\r\n                  stroke=\"none\"\r\n                  strokeWidth=\"1\"\r\n                  fill=\"none\"\r\n                  fillRule=\"evenodd\"\r\n                >\r\n                  <g\r\n                    className=\"Nav/down-arrow\"\r\n                    transform=\"translate(0.000000, 1.000000)\"\r\n                    stroke=\"#000000\"\r\n                  >\r\n                    <polyline points=\"0 0 7.49975848 5 15 0\"></polyline>\r\n                  </g>\r\n                </g>\r\n              </svg>\r\n            </i>\r\n          </Link>\r\n          <div className=\"menu\">\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#overview\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"1\"\r\n                id=\"partnerships-overview\"\r\n              >\r\n                Overview\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#logo-selection\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"2\"\r\n                id=\"partnerships-logo-selection\"\r\n              >\r\n                Logo Selection\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#title-sponsorships\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"3\"\r\n                id=\"partnerships-title-sponsorships\"\r\n              >\r\n                Title Sponsorships\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#co-branding-lockups\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"4\"\r\n                id=\"partnerships-co-branding-lockups\"\r\n              >\r\n                Co-branding lockups\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#configurations\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"5\"\r\n                id=\"partnerships-configurations\"\r\n              >\r\n                Configurations\r\n              </Link>\r\n            </div>\r\n            <div className=\"item\">\r\n              <Link\r\n                to=\"/brandguidelines/partnerships/#layout\"\r\n                onClick={(e) => props.subMenuItemClick(e)}\r\n                className=\"sub-category\"\r\n                data-subsection=\"partnerships\"\r\n                data-index=\"6\"\r\n                id=\"partnerships-layout\"\r\n              >\r\n                Layout Examples\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines\" id='internal-guidelines' activeClassName='active' data-subsection=\"basic-rules\" data-index=\"7\">Internal Guidelines<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#cultural\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"1\" id=\"internal-guidelines-cultural\">Cultural Pillars</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#store-logos\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"2\" id=\"internal-guidelines-store-logos\">Store Logos</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#office-signage\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"3\" id=\"internal-guidelines-office-signage\">Office Signage</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#store-signage\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"3\" id=\"internal-guidelines-store-signage\">Store Signage</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#email-signature\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"4\" id=\"internal-guidelines-email-signature\">Email Signature</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#presentation-template\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\"  data-subsection=\"internal-guidelines\" data-index=\"5\" id=\"internal-guidelines-presentation-template\">Presentation Template</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#lanyards\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"6\" id=\"internal-guidelines-lanyards\">Lanyards</Link></div>\r\n                        <div className=\"item\"><Link to=\"/brandguidelines/internal-guidelines/#toyotalife\" onClick={e=>props.subMenuItemClick(e)} className=\"sub-category\" data-subsection=\"internal-guidelines\" data-index=\"6\" id=\"internal-guidelines-toyotalife\">#ToyotaLife template</Link></div>\r\n                    </div>\r\n                </div> */}\r\n\r\n        {/* <div className=\"header item\">Extensions</div>\r\n\r\n                <div className=\"item\"><Link to=\"/brandguidelines/dynamic-branding\" activeClassName='active'  data-subsection=\"guides\" data-index=\"1\">Dynamic Branding<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#overview\" className=\"sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"1\" id=\"dynamic-branding-overview\">Overview</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#full-guidelines\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"2\" id=\"dynamic-branding-full-guidelines\">Full Guidelines</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#available-assets\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"3\" id=\"dynamic-branding-available-assets\">Toyota Brand End Tag</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#vehicle-end-tags\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"4\" id=\"dynamic-branding-vehicle-end-tags\">Vehicle End Tags</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#supers-toolkit\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"5\" id=\"dynamic-branding-supers-toolkit\">Supers Toolkit</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#billboard\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"6\" id=\"dynamic-branding-billboard\">Billboard</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#general-guidelines\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"7\" id=\"dynamic-branding-general-guidelines\">General Guidelines</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/dynamic-branding/#audio-guidelines\" className=\" sub-category\" data-subsection=\"Dynamic Branding\" data-index=\"8\" id=\"dynamic-branding-audio-guidelines\">Audio Guidelines</a></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"item\"><Link to=\"/brandguidelines/sub-brand\" activeClassName='active' data-subsection=\"guides\" data-index=\"2\">Sub-brand<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sub-brand/#overview\" className=\"sub-category\" data-subsection=\"Sub-brand\" data-index=\"1\" id=\"sub-brand-overview\">Overview</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sub-brand/#sub-brand-logos\" className=\" sub-category\" data-subsection=\"Sub-brand\" data-index=\"2\" id=\"sub-brand-sub-brand-logos\">Sub-brand Logos</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sub-brand/#correct-use\" className=\" sub-category\" data-subsection=\"Sub-brand\" data-index=\"3\" id=\"sub-brand-correct-use\">Correct Use</a></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"item\"><Link to=\"/brandguidelines/sponsorships\" activeClassName='active' data-subsection=\"guides\" data-index=\"3\">Sponsorships<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#overview\" className=\"sub-category\" data-subsection=\"Sponsorships\" data-index=\"1\" id=\"sponsorships-overview\">Overview</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#logo-selection\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"2\" id=\"sponsorships-logo-selection\">Logo Selection</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#title-sponsorship\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"3\" id=\"sponsorships-title-sponsorship\">Title Sponsorships</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#co-branding-lockups\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"4\" id=\"sponsorships-co-branding-lockups\">Co-Branding Lockups</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#co-branding-descriptor\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"5\" id=\"sponsorships-co-branding-descriptor\">Co-Branding Descriptor</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#graphic\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"6\" id=\"sponsorships-graphic\">Graphic</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#other\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"7\" id=\"sponsorships-other\">Other</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/sponsorships/#stand-alone\" className=\" sub-category\" data-subsection=\"Sponsorships\" data-index=\"8\" id=\"sponsorships-stand-alone\">Stand-Alone Logo</a></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"item\"><Link to=\"/brandguidelines/signage\" activeClassName='active' data-subsection=\"guides\" data-index=\"4\">Signage<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><a href=\"/brandguidelines/signage/#overview\" className=\"sub-category\" data-subsection=\"Signage\" data-index=\"1\" id=\"signage-overview\">Overview</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/signage/#full-color\" className=\" sub-category\" data-subsection=\"Signage\" data-index=\"2\" id=\"signage-full-color\">Full-colour</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/signage/#single-color\" className=\" sub-category\" data-subsection=\"Signage\" data-index=\"3\" id=\"signage-single-color\">1-Colour</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/signage/#correct-use\" className=\" sub-category\" data-subsection=\"Signage\" data-index=\"4\" id=\"signage-correct-use\">Correct Use</a></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"header item\">Guides</div>\r\n\r\n                <div className=\"item\"><Link to=\"/brandguidelines/asset-ids\" activeClassName='active' data-subsection=\"guides\" data-index=\"1\">Asset IDs<i><svg width=\"15px\" height=\"7px\" viewBox=\"0 0 15 7\"><g className=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\"><g className=\"Nav/down-arrow\" transform=\"translate(0.000000, 1.000000)\" stroke=\"#000000\"><polyline points=\"0 0 7.49975848 5 15 0\"></polyline></g></g></svg></i></Link>\r\n                    <div className=\"menu\">\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#overview\" className=\"sub-category\" data-subsection=\"Asset IDs\" data-index=\"1\" id=\"asset-ids-overview\">Overview</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#toyota-type\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"2\" id=\"asset-ids-toyota-type\">Toyota Type</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#toyota-logo\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"3\" id=\"asset-ids-toyota-logo\">Toyota Logo</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#lets-go-places\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"4\" id=\"asset-ids-lets-go-places\">Let&#x27;s Go Places</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#vehicle-logos\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"5\" id=\"asset-ids-vehicle-logos\">Vehicle Logos</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#sub-brand-logos\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"6\" id=\"asset-ids-sub-brand-logos\">Sub-brand Logos</a></div>\r\n                        <div className=\"item\"><a href=\"/brandguidelines/asset-ids/#dynamic-branding-section\" className=\" sub-category\" data-subsection=\"Asset IDs\" data-index=\"7\" id=\"asset-ids-dynamic-branding-section\">Dynamic Branding</a></div>\r\n                    </div>\r\n                </div>\r\n                 */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default MainNavigation;\r\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjUyMHB4IiBoZWlnaHQ9IjE0MHB4IiB2aWV3Qm94PSIwIDAgNTIwIDE0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+VG95b3RhX01vYmlsZV9Mb2dvX01haW5fRnVsbF9Db2xvdXJfSDwvdGl0bGU+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzk3LjAwMDAwMCwgLTIxNy4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPg0KICAgICAgICAgICAgPGcgaWQ9IlRveW90YV9Nb2JpbGVfTG9nb19NYWluX0Z1bGxfQ29sb3VyX0giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Ny4wMDAwMDAsIDIxNy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDc5Ljc3LDc0LjM4IEw0ODcuOTIsNTMgTDQ5Ni4wNSw3NC4zNSBMNDc5Ljc3LDc0LjM4IFogTTQ5Ni4zNyw0MC44OSBMNDc5LjQ2LDQwLjg5IEw0NTUuODQsOTguOCBMNDcwLjQ4LDk4LjggTDQ3NS44Nyw4NC42NyBMNTAwLDg0LjY3IEw1MDUuMzksOTguOCBMNTIwLDk4LjggTDQ5Ni4zNyw0MC44OSBaIE0zNzcuMSw4OC43MyBDMzY3LjU2LDg4LjczIDM1OS44NCw4MC4xMiAzNTkuODQsNjkuNSBDMzU5Ljg0LDU4Ljg4IDM2Ny41Niw1MC4yOCAzNzcuMSw1MC4yOCBDMzg2LjY0LDUwLjI4IDM5NC4zNiw1OC44OSAzOTQuMzYsNjkuNSBDMzk0LjM2LDgwLjExIDM4Ni42Myw4OC43MyAzNzcuMSw4OC43MyBNMzc3LjEsMzguOTIgQzM2MC4yMTExMzIsMzguOTIgMzQ2LjUyLDUyLjYxMTEzMjQgMzQ2LjUyLDY5LjUgQzM0Ni41Miw4Ni4zODg4Njc2IDM2MC4yMTExMzIsMTAwLjA4IDM3Ny4xLDEwMC4wOCBDMzkzLjk4ODg2OCwxMDAuMDggNDA3LjY4LDg2LjM4ODg2NzYgNDA3LjY4LDY5LjUgQzQwNy42NzQ0ODEsNTIuNjEzNDE5MSAzOTMuOTg2NTgxLDM4LjkyNTUxOTQgMzc3LjEsMzguOTIgTTI1Ni40Miw4OC43MyBDMjQ2LjksODguNzMgMjM5LjE3LDgwLjEyIDIzOS4xNyw2OS41IEMyMzkuMTcsNTguODggMjQ2LjksNTAuMjggMjU2LjQyLDUwLjI4IEMyNjUuOTQsNTAuMjggMjczLjY5LDU4Ljg5IDI3My42OSw2OS41IEMyNzMuNjksODAuMTEgMjY1Ljk2LDg4LjczIDI1Ni40Miw4OC43MyBNMjU2LjQyLDM4LjkyIEMyMzkuNTMxMTMyLDM4LjkyIDIyNS44NCw1Mi42MTExMzI0IDIyNS44NCw2OS41IEMyMjUuODQsODYuMzg4ODY3NiAyMzkuNTMxMTMyLDEwMC4wOCAyNTYuNDIsMTAwLjA4IEMyNzMuMzA4ODY4LDEwMC4wOCAyODcsODYuMzg4ODY3NiAyODcsNjkuNSBDMjg2Ljk5NDQ4MSw1Mi42MTM0MTkxIDI3My4zMDY1ODEsMzguOTI1NTE5NCAyNTYuNDIsMzguOTIgTDI1Ni40MiwzOC45MiBNMzMyLjAxLDQwLjkyIEwzMTcuMDEsNjQuMzQgTDMwMi4wMSw0MC45MiBMMjg3LjM3LDQwLjkyIEwzMTAuNTgsNzcuMjIgTDMxMC41OCw5OC44IEwzMjMuNDgsOTguOCBMMzIzLjQ4LDc3LjIxIEwzNDYuNjgsNDAuOTEgTDMzMi4wMSw0MC45MiBaIE00NTguOTEsNDAuOTIgTDQwOS40MSw0MC45MiBMNDA5LjQxLDUyIEw0MjcuNzUsNTIgTDQyNy43NSw5OC44IEw0NDAuNjYsOTguOCBMNDQwLjY2LDUyIEw0NTguOTQsNTIgTDQ1OC45MSw0MC45MiBaIE0xNzMuNjUsNTIgTDE5Miw1MiBMMTkyLDk4LjggTDIwNC45LDk4LjggTDIwNC45LDUyIEwyMjMuMTUsNTIgTDIyMy4xNSw0MC45IEwxNzMuNjUsNDAuOSBMMTczLjY1LDUyIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01Ni43Miw3MS4xMiBMNTYuNzIsNjkuNDkgQzQxLjcyLDY3LjI1IDMwLjkxLDYxLjE1IDMwLjkxLDUzLjk5IEMzMC45MTY5ODcsNTMuNjU0NTU1OCAzMC45NTA0MjQxLDUzLjMyMDE4NTMgMzEuMDEsNTIuOTkgQzI3LjIxNzI4LDU3LjMzMDAxMTUgMjUuMDkwNjk3LDYyLjg3Njg0ODcgMjUuMDEsNjguNjQgQzI1LjAxLDg0LjkxIDQyLjg1LDk4LjI2IDY1LjU4LDk5LjY0IEM2MC40Miw5NS43NyA1Ni43Miw4NC40NyA1Ni43Miw3MS4xMiBaIiBpZD0iUGF0aCIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02OS40Niw0OSBDNjYuMDcsNDkgNjMuMTcsNTQuMjcgNjIuMDIsNjEuNzIgQzY0LjQxLDYxLjkzIDY2LjkxLDYyLjA2IDY5LjQ2LDYyLjA2IEM3Mi4wMSw2Mi4wNiA3NC41NCw2MS45MyA3Ni45LDYxLjcyIEM3NS43Niw1NC4zIDcyLjg1LDQ5IDY5LjQ2LDQ5IFoiIGlkPSJQYXRoIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTU3LjQ0LDYxLjE5IEM1OS4xOCw0OS41MyA2My44OCw0MS4xMiA2OS40NCw0MS4xMiBDNzUsNDEuMTIgNzkuNzIsNDkuNTMgODEuNDQsNjEuMTkgQzkyLjAyLDU5LjU0IDk5LjQ0LDU1Ljc3IDk5LjQ0LDUxLjM5IEM5OS40NCw0NS40OSA4Ni4wMSw0MC43MSA2OS40NCw0MC43MSBDNTIuODcsNDAuNzEgMzkuNDQsNDUuNDkgMzkuNDQsNTEuMzkgQzM5LjQ2LDU1Ljc3IDQ2Ljg1LDU5LjU0IDU3LjQ0LDYxLjE5IFoiIGlkPSJQYXRoIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMC41NCBMMCwxMzkuNDYgTDEzOC45MiwxMzkuNDYgTDEzOC45MiwwLjU0IEwwLDAuNTQgWiBNNjkuNDYsMTAzLjYgQzQwLjY5LDEwMy42IDE3LjM3LDg4LjUxIDE3LjM3LDY5Ljg5IEMxNy4zNyw1Ni42NiAyOS4xNSw0NS4xOSA0Ni4zLDM5LjcgQzUzLjgwNzQ3NTcsMzcuNDI5NTk0MSA2MS42MTcxNjgsMzYuMzE2ODE0MiA2OS40NiwzNi40IEM3Ny4zMDU3ODE4LDM2LjMyMTg1MTggODUuMTE4MDExNywzNy40MzQ1MTMgOTIuNjMsMzkuNyBDMTA5Ljc3LDQ1LjE5IDEyMS41Niw1Ni43IDEyMS41Niw2OS44OSBDMTIxLjU2LDg4LjUxIDk4LjIzLDEwMy42IDY5LjQ2LDEwMy42IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDgsNTQgQzEwOCw2MS4xOCA5Ny4yMiw2Ny4yOCA4Mi4yLDY5LjUgTDgyLjIsNzEuMTMgQzgyLjIsODQuNDggNzguNDgsOTUuNzkgNzMuMzgsOTkuNjYgQzk2LjExLDk4LjI3IDExMy45NSw4NC45MiAxMTMuOTUsNjguNjYgQzExMy44NjQxMDIsNjIuODk3ODUwNCAxMTEuNzM4MTgzLDU3LjM1Mjc0MzMgMTA3Ljk1LDUzLjAxIEMxMDcuOTkxMzQ3LDUzLjMzODI5IDEwOC4wMDgwNjEsNTMuNjY5MjE0NyAxMDgsNTQgTDEwOCw1NCBaIiBpZD0iUGF0aCIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02OS40Niw3MC40MSBDNjYuNzIsNzAuNDEgNjQuMDQsNzAuMjkgNjEuNDYsNzAuMDYgQzYxLjY2LDgwLjY2IDY1LjE4LDg5LjA2IDY5LjQ2LDg5LjA2IEM3My43NCw4OS4wNiA3Ny4yNiw4MC42MiA3Ny40Niw3MC4wNiBDNzQuODgsNzAuMjkzMzMzMyA3Mi4yMTMzMzMzLDcwLjQxIDY5LjQ2LDcwLjQxIFoiIGlkPSJQYXRoIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0VBMEExRSIgeD0iMCIgeT0iMC41NCIgd2lkdGg9IjEzOC45MiIgaGVpZ2h0PSIxMzguOTIiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTIuNjMsMzkuNyBDODUuMTE5MDg0NSwzNy40Mjk2NTU1IDc3LjMwNjEwNzksMzYuMzE2ODg4IDY5LjQ2LDM2LjQgQzYxLjYxNzQ5NDUsMzYuMzIxNzgyOSA1My44MDg1NSwzNy40MzQ0NTYzIDQ2LjMsMzkuNyBDMjkuMTUsNDUuMTkgMTcuMzcsNTYuNyAxNy4zNyw2OS44OSBDMTcuMzcsODguNSA0MC42OSwxMDMuNiA2OS40NiwxMDMuNiBDOTguMjMsMTAzLjYgMTIxLjU2LDg4LjUxIDEyMS41Niw2OS44OSBDMTIxLjU2LDU2LjY2IDEwOS43Nyw0NS4yMiA5Mi42MywzOS43IE02OS40Niw4OS4xIEM2NS4xNyw4OS4xIDYxLjY2LDgwLjY2IDYxLjQ2LDcwLjEgQzY0LjA1LDcwLjMzIDY2LjczLDcwLjQ1IDY5LjQ2LDcwLjQ1IEM3Mi4xOSw3MC40NSA3NC44OCw3MC4zMyA3Ny40Niw3MC4xIEM3Ny4yNSw4MC43IDczLjc0LDg5LjEgNjkuNDYsODkuMSBNNjIsNjEuNzUgQzYzLjE2LDU0LjMxIDY2LjA3LDQ5LjAzIDY5LjQ0LDQ5LjAzIEM3Mi44MSw0OS4wMyA3NS43NCw1NC4zIDc2Ljg4LDYxLjc1IEM3NC41LDYxLjk2IDcyLDYyLjA5IDY5LjQ0LDYyLjA5IEM2Ni44OCw2Mi4wOSA2NC4zNyw2MS45NiA2Miw2MS43NSBNODEuNDgsNjEuMTkgQzc5LjcyLDQ5LjUzIDc1LjAyLDQxLjEyIDY5LjQ4LDQxLjEyIEM2My45NCw0MS4xMiA1OS4yLDQ5LjUzIDU3LjQ4LDYxLjE5IEM0Ni44OSw1OS41NCAzOS40OCw1NS43NyAzOS40OCw1MS4zOSBDMzkuNDgsNDUuNSA1Mi45MSw0MC43MSA2OS40OCw0MC43MSBDODYuMDUsNDAuNzEgOTkuNDgsNDUuNSA5OS40OCw1MS4zOSBDOTkuNDgsNTUuNzcgOTIuMDgsNTkuNTQgODEuNDgsNjEuMTkgTTI1LDY4LjYzIEMyNS4wODg4ODAyLDYyLjg3NDQyNjQgMjcuMjE0NzIxMiw1Ny4zMzY2MTA2IDMxLDUzIEMzMC45NTQ3MTM2LDUzLjMzMTQzMjYgMzAuOTMxMzI5NSw1My42NjU0OTA1IDMwLjkzLDU0IEMzMC45Myw2MS4xOCA0MS43MSw2Ny4yOCA1Ni43NCw2OS41IEw1Ni43NCw3MS4xMyBDNTYuNzQsODQuNDggNjAuNDcsOTUuNzkgNjUuNTYsOTkuNjYgQzQyLjgyLDk4LjIxIDI1LDg0Ljg2IDI1LDY4LjU5IE03My40Miw5OS41OSBDNzguNTQsOTUuNyA4Mi4yMyw4NC4zOSA4Mi4yMyw3MS4wNiBMODIuMjMsNjkuNDMgQzk3LjIzLDY3LjE5IDEwOC4wNCw2MS4wOSAxMDguMDQsNTMuOTMgQzEwOC4wMjM2NjcsNTMuNjE3OTMxNyAxMDcuOTg2OTIyLDUzLjMwNzI2NzQgMTA3LjkzLDUzIEMxMTEuNzIyNzIsNTcuMzQwMDExNSAxMTMuODQ5MzAzLDYyLjg4Njg0ODcgMTEzLjkzLDY4LjY1IEMxMTMuOTMsODQuOTIgOTYuMDksOTguMjcgNzMuMzYsOTkuNjUiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+\"","import * as React from \"react\";\r\nimport { Link } from \"gatsby\";\r\nimport MobileNav from \"../MobileNav\";\r\nimport MainNavigation from \"./MainNavigation\";\r\nimport \"../../scss/styles.scss\";\r\nimport \"semantic-ui-css/semantic.min.css\";\r\nimport PageFooter from \"../PageFooter\";\r\n\r\nclass Layout extends React.Component {\r\n  constructor(props, children) {\r\n    super(props, children);\r\n\r\n    //debugger;\r\n    // here it was getting the page from props passed into here\r\n  }\r\n\r\n  syncMenuWithUrl() {\r\n    // debugger;\r\n\r\n    // eslint-disable-next-line\r\n    const pageName = location.pathname.replace(/\\/|v2/gi, \"\");\r\n\r\n    // eslint-disable-next-line\r\n    const sectionId = window.location.hash.replace(\"#\", \"\");\r\n\r\n    const topMenuItem = document.getElementById(pageName);\r\n    const subMenuItem = document.getElementById(`${pageName}-${sectionId}`);\r\n\r\n    this._resetSubCategory();\r\n    if (topMenuItem) {\r\n      topMenuItem.setAttribute(\"class\", \"active\");\r\n    }\r\n    if (subMenuItem) {\r\n      subMenuItem.setAttribute(\"class\", \"sub-category active\");\r\n    } else {\r\n      // select the 'overview' which is the first submenu item:\r\n      // const subMenuItems = document.querySelectorAll(`#${pageName} .sub-category`);\r\n      const subMenuItems = document.querySelectorAll(\r\n        `[data-subsection=\"${pageName}\"]`\r\n      );\r\n\r\n      if (subMenuItems && subMenuItems.length) {\r\n        subMenuItems[0].className = \"sub-category active\";\r\n      }\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    //debugger;\r\n    // 1) when we loaded a direct URL, need to update the menu\r\n\r\n    console.log(\"componentDidMount\");\r\n    this.syncMenuWithUrl();\r\n\r\n    // // here attach all event handlers\r\n    // debugger;\r\n    // console.log('mounted');\r\n    if (typeof window !== \"undefined\") {\r\n      window.addEventListener(\r\n        \"hashchange\",\r\n        () => {\r\n          //debugger;\r\n          // fires when clicking history and typing the url manually\r\n          // we need to do the menu\r\n          this.syncMenuWithUrl();\r\n        },\r\n        false\r\n      );\r\n\r\n      window.addEventListener(\r\n        \"load\",\r\n        () => {\r\n          //debugger;\r\n          console.log(\"page-load fired\");\r\n          this._scrollToActiveSection();\r\n        },\r\n        false\r\n      );\r\n\r\n      // purpose of this is to highlight the item in menu as we scroll\r\n      window.addEventListener(\"scroll\", () => {\r\n        //debugger;\r\n        console.log(\"page-scroll fired\");\r\n        this._handleScroll();\r\n      });\r\n    }\r\n  }\r\n\r\n  _handleScroll() {\r\n    // debugger;\r\n\r\n    const isElementXPercentInViewport = (elem, percentVisible) => {\r\n      const rect = elem.getBoundingClientRect(),\r\n        windowHeight =\r\n          window.innerHeight || document.documentElement.clientHeight;\r\n      var result = !(\r\n        Math.floor(\r\n          100 - ((rect.top >= 0 ? 0 : rect.top) / +-rect.height) * 100\r\n        ) < percentVisible ||\r\n        Math.floor(100 - ((rect.bottom - windowHeight) / rect.height) * 100) <\r\n          percentVisible\r\n      );\r\n      return result;\r\n    };\r\n    const overviewElem = document.querySelector(\".page-header\");\r\n    if (\r\n      overviewElem &&\r\n      isElementXPercentInViewport(overviewElem, 50) &&\r\n      overviewElem.id\r\n    ) {\r\n      this._resetSubCategory();\r\n      this._highlightSubmenu(overviewElem.id);\r\n    } else {\r\n      // debugger;\r\n      // 1) need to determine currently active section\r\n      const sections = document.querySelectorAll(\"section\");\r\n      // var sectionId = \"\";\r\n\r\n      const visibleSections = [...sections].filter((s) =>\r\n        isElementXPercentInViewport(s, 10)\r\n      ); // NodeList is not an arraty\r\n      const sectionHeaders = document.querySelectorAll(\r\n        \"section .section-header h2\"\r\n      );\r\n      const visibleSectionHeaders = [...sectionHeaders].filter((h) =>\r\n        isElementXPercentInViewport(h, 80)\r\n      );\r\n      if (visibleSectionHeaders.length) {\r\n        // debugger;\r\n        this._resetSubCategory();\r\n        this._highlightSubmenu(\r\n          visibleSectionHeaders[0].parentElement.parentElement.parentElement.id\r\n        ); // hacky, relies on nesting structure\r\n        return;\r\n      }\r\n\r\n      // debugger;\r\n      if (visibleSections.length) {\r\n        this._resetSubCategory();\r\n        // const subCategory = document.getElementsByClassName('active sub-category');\r\n        // for (var i = subCategory.length - 1; i>=0; i--){\r\n        //     subCategory[i].className = subCategory[i].className.replace('active', '');\r\n        // }\r\n\r\n        // highlight the menu\r\n        this._highlightSubmenu(visibleSections[0].id);\r\n      } else {\r\n        if (overviewElem && isElementXPercentInViewport(overviewElem, 5)) {\r\n          this._resetSubCategory();\r\n          if (overviewElem.id) {\r\n            this._highlightSubmenu(overviewElem.id);\r\n          } else {\r\n            this._highlightSubmenu(sections[0].id);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return;\r\n\r\n    /*\r\n        // if no section header is visible, look at the section: \r\n        if (visibleSections.length){\r\n            \r\n        }\r\n        else { // if no sections - check if first sub-item can be marked\r\n            \r\n        \r\n        }\r\n\r\n        for (var i = 0; i < sections.length; i++){\r\n            let section = sections[i];\r\n            // first check - if a section header (red text) is visible, then that's the section. \r\n            var sectionHeader = section.querySelector('.section-header h2');\r\n            if (sectionHeader && isElementXPercentInViewport( sectionHeader, 100 )){\r\n                sectionId = section.id;\r\n                break;\r\n            }\r\n            // second check - if header is not visible, then see which section is visible \r\n            if ( isElementXPercentInViewport( section, 10 ) ) {\r\n                sectionId = section.id; // need to break here \r\n                break;\r\n            }\r\n\r\n            // ideally need a third check - if two sections are visible, then decide which one has bigger visible area.\r\n        }\r\n\r\n        const overviewElem1 = document.querySelector('.page-header');\r\n        if (overviewElem &&  isElementXPercentInViewport( overviewElem, 100 ) ) {\r\n            this._resetSubCategory();\r\n            this._highlightSubmenu(overviewElem.id);\r\n        }\r\n        else {\r\n\r\n        \r\n\r\n            // sections.forEach( ( section ) => {\r\n            //     // debugger;\r\n            //     if ( isElementXPercentInViewport( section, 1 ) ) {\r\n            //         sectionId = section.id; // need to break here \r\n            //     }\r\n            // } );\r\n            if (sectionId){\r\n                // remove selection from each menu item:\r\n                // document.querySelectorAll('.subcategory').forEach(m=>{\r\n                    \r\n                // })\r\n\r\n                debugger;\r\n                this._resetSubCategory();\r\n                // const subCategory = document.getElementsByClassName('active sub-category');\r\n                // for (var i = subCategory.length - 1; i>=0; i--){\r\n                //     subCategory[i].className = subCategory[i].className.replace('active', '');\r\n                // }\r\n\r\n\r\n                // highlight the menu \r\n                this._highlightSubmenu(sectionId);\r\n                \r\n                // TODO: if section is found, but it's the top of the page and there is the 'Overview' element, then make Overview highlighted \r\n\r\n                // eslint-disable-next-line\r\n                // const pageName = location.pathname.replace(/\\/|v2/ig, '');\r\n                // const subMenuItem = document.querySelector(`.sub-category#${pageName}-${sectionId}`);\r\n                // //const subMenuItem = document.querySelector(`.sub-category#${sectionId}`);\r\n                // if (subMenuItem){\r\n                //     debugger;\r\n                //     subMenuItem.setAttribute('class', 'active sub-category');\r\n                // }\r\n            }\r\n        }\r\n\r\n        return;\r\n\r\n        \r\n\r\n        // return;\r\n        debugger;\r\n        // scroll happens as part of the standard navigation (anchor link makes browser scroll)\r\n        // do the same thing as in scroll to activeSection:\r\n        const hash = window.location.hash.replace('#', '');\r\n\r\n        // this bit happens automatically\r\n        // if (hash){\r\n        //     const elem = document.getElementById(hash);\r\n        //     if (elem){\r\n        //         elem.scrollIntoView();\r\n        //     }\r\n        // }\r\n\r\n        // eslint-disable-next-line\r\n        const pageName = location.pathname.replace(/\\/|v2/ig, ''); // this will be \"photography\"\r\n        this._resetSubCategory(); \r\n        if (hash && pageName){\r\n            const pageElem = document.getElementById(`${pageName}-${hash}`); // eg photography-people\r\n            if (pageName){\r\n                pageElem.setAttribute('class', 'active');\r\n            }\r\n\r\n        }\r\n\r\n        const activeSection = this.getActiveSection();\r\n\r\n        // eslint-disable-next-line\r\n        // const pageName = location.pathname.replace(/\\/|v2/ig, ''); \r\n        const activeSectionTitle = activeSection && activeSection.getAttribute('id');\r\n        const subMenu = document.querySelector(`[id*=\"${pageName}-${activeSectionTitle}\"]`);\r\n        const overviewMenu = document.getElementById(`${pageName}-overview`);\r\n    \r\n        if (!!activeSection || window.scrollY < 100){\r\n          //this._resetSubCategory(); TODO later \r\n        }\r\n    \r\n        if (overviewMenu && subMenu && activeSectionTitle){\r\n          overviewMenu.className = 'sub-category';\r\n          subMenu.className = 'sub-category-active';\r\n        }\r\n    \r\n        if (window.scrollY  < 150 || activeSectionTitle === 'section-0' || !activeSectionTitle){\r\n          if (overviewMenu){\r\n            overviewMenu.className = 'sub-category-active';\r\n          }\r\n          if (activeSectionTitle && subMenu){\r\n            subMenu.className ='sub-category';\r\n          }\r\n        }\r\n        */\r\n  }\r\n\r\n  getActiveSection() {\r\n    const classesNodeList = document.querySelectorAll(\".active-section\");\r\n    const activeSections = Array.prototype.slice\r\n      .call(classesNodeList)\r\n      .map((element) => element);\r\n    const activeSection = activeSections[activeSections.length - 1];\r\n    return activeSection;\r\n  }\r\n\r\n  _resetSubCategory() {\r\n    // // debugger;\r\n    // const subCategory = document.getElementsByClassName('active sub-category');\r\n    // for (var i = subCategory.length - 1; i>=0; i--){\r\n    //     subCategory[i].className = subCategory[i].className.replace('active', '');\r\n    // }\r\n\r\n    const subCategory = document.getElementsByClassName(\"active sub-category\");\r\n    for (var i = subCategory.length - 1; i >= 0; i--) {\r\n      subCategory[i].className = subCategory[i].className.replace(\"active\", \"\");\r\n    }\r\n  }\r\n\r\n  _highlightSubmenu(sectionId) {\r\n    // eslint-disable-next-line\r\n    const pageName = location.pathname.replace(/\\/|v2/gi, \"\");\r\n    const subMenuItem = document.querySelector(\r\n      `.sub-category#${pageName}-${sectionId}`\r\n    );\r\n    //const subMenuItem = document.querySelector(`.sub-category#${sectionId}`);\r\n    if (subMenuItem) {\r\n      subMenuItem.setAttribute(\"class\", \"active sub-category\");\r\n    }\r\n    const topMenuItem = document.querySelector(`a#${pageName}`);\r\n    if (topMenuItem) {\r\n      topMenuItem.scrollIntoView();\r\n    }\r\n  }\r\n\r\n  _scrollToActiveSection() {\r\n    // the purpose of this is to scroll to active section when the page is loaded with a hash part in the url\r\n    debugger;\r\n    console.log(\"scroll to active section\");\r\n\r\n    // eslint-disable-next-line\r\n    const pageName = location.pathname.replace(/\\/|v2/gi, \"\");\r\n\r\n    // eslint-disable-next-line\r\n    const hash = window.location.hash.replace(\"#\", \"\");\r\n\r\n    if (!hash) {\r\n      return;\r\n    }\r\n\r\n    this._resetSubCategory();\r\n\r\n    if (pageName) {\r\n      const topMenuItem = document.getElementById(pageName);\r\n      if (topMenuItem) {\r\n        topMenuItem.setAttribute(\"class\", \"active\");\r\n      }\r\n    }\r\n\r\n    if (hash && pageName) {\r\n      const subMenuItem = document.getElementById(`${pageName}-${hash}`);\r\n      if (subMenuItem) {\r\n        subMenuItem.setAttribute(\"class\", \"sub-category active\");\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    window.removeEventListener(\"scroll\", this._handleScroll);\r\n  }\r\n\r\n  subMenuItemClick(e) {\r\n    // 1) we call preventDefault which means we need to display the section manually:\r\n    e.preventDefault();\r\n    // eslint-disable-next-line\r\n    history.pushState({}, \"\", e.target.href);\r\n    const clickedMenuItemId = e.target.id; // each submenu must be marked with id attribute\r\n    // eslint-disable-next-line\r\n    const pageName = location.pathname.replace(/\\/|v2/gi, \"\");\r\n    if (pageName && clickedMenuItemId) {\r\n      // TODO: clear all active classes\r\n\r\n      this._resetSubCategory();\r\n\r\n      // expand the top menu item\r\n      //const parentMenuItem = document.getElementById(pageName);\r\n      // if (parentMenuItem){\r\n      //     parentMenuItem.setAttribute('class', 'active');\r\n      // }\r\n\r\n      // const clickedMenuItem = document.getElementById(sectionId);\r\n      // if (clickedMenuItem){\r\n      //     clickedMenuItem.setAttribute('class', 'sub-category active');\r\n      // }\r\n\r\n      e.target.setAttribute(\"class\", \"sub-category active\");\r\n\r\n      const sectionId = clickedMenuItemId.replace(`${pageName}-`, \"\"); // clickedMenuItemId is id of the menu item clicked, eg photography-product. sectionID is 'product'\r\n      const sectionElem = document.getElementById(sectionId);\r\n      if (sectionElem) {\r\n        sectionElem.scrollIntoView();\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"ui one column grid main-grid\">\r\n        {/* <MobileNav/> */}\r\n\r\n        <main className=\"content\">\r\n          {this.props.children}\r\n          <PageFooter />\r\n        </main>\r\n\r\n        <div className=\"sidebar\">\r\n          <MainNavigation\r\n            subMenuItemClick={(e) => this.subMenuItemClick(e)}\r\n          ></MainNavigation>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Layout;\r\n","import React from \"react\";\r\n\r\nconst PageSection = (props) => {\r\n  return <section id={props.sectionId}>{props.children}</section>;\r\n};\r\n\r\nexport default PageSection;\r\n","import React from 'react';\r\nimport {Link} from 'gatsby';\r\n\r\nconst PrevNextNavFooter = props=>{\r\n    return (\r\n\r\n        <div style={{display: 'flex', height: '240px'}}>\r\n            <div style={{width: '50%', paddingLeft: '80px' }}>\r\n            {props.previousText ? <Link to={props.previousUrl}>\r\n                <div style={{fontSize: '24px', fontWeight: '600', marginTop: '80px', color: 'black'}}>\r\n                    &lt;&lt; {props.previousText}\r\n                </div>\r\n                <div className='section-header' style={{backgroundColor: 'white', paddingTop: '32px', paddingBottom: '24px'}}>\r\n                    <h2 className=' ui header'>{props.previousHeader}</h2>\r\n                </div> \r\n            </Link>: null}\r\n            </div>\r\n            <div style={{width: '50%', textAlign: 'right', paddingRight: '80px'}}>\r\n            {props.nextText ? <Link to={props.nextUrl}>\r\n                    <div style={{fontSize: '24px', fontWeight: '600', marginTop: '80px', color: 'black'}}>\r\n                        {props.nextText} &gt;&gt;\r\n                    </div>\r\n                    <div className='section-header' style={{backgroundColor: 'white', paddingTop: '32px', paddingBottom: '24px'}}>\r\n                        <h2 className=' ui header'>{props.nextHeader}</h2>\r\n                    </div>\r\n                </Link> : null}\r\n            </div>\r\n\r\n        </div>\r\n    );\r\n};\r\nexport default PrevNextNavFooter;","export const pageLinks = {\r\n  intro: \"/v2/introduction\",\r\n  logo: \"/v2/logo\",\r\n  tagline: \"/v2/tagline\",\r\n  typography: \"/v2/typography\",\r\n  photography: \"/v2/photography\",\r\n  colours: \"/v2/colours\",\r\n  endframe: \"/brandguidelines/tvc-endframe\",\r\n  messaging: \"/brandguidelines/messaging-platform\",\r\n  campaigns: \"/brandguidelines/brand-campaigns\",\r\n  partnerships: \"/brandguidelines/partnerships\",\r\n};\r\n"],"names":["className","href","style","clear","textAlign","lineHeight","paddingTop","props","classes","whiteBg","id","children","navindex","backgroundColor","bgColor","height","color","top","dangerouslySetInnerHTML","__html","text","image","alt","src","width","console","log","overlayText","to","pageLinks","activeClassName","viewBox","stroke","strokeWidth","fill","fillRule","transform","points","onClick","e","subMenuItemClick","Layout","syncMenuWithUrl","pageName","location","pathname","replace","sectionId","window","hash","topMenuItem","document","getElementById","subMenuItem","this","_resetSubCategory","setAttribute","subMenuItems","querySelectorAll","length","componentDidMount","addEventListener","_scrollToActiveSection","_handleScroll","isElementXPercentInViewport","elem","percentVisible","rect","getBoundingClientRect","windowHeight","innerHeight","documentElement","clientHeight","Math","floor","bottom","overviewElem","querySelector","_highlightSubmenu","sections","visibleSections","filter","s","sectionHeaders","visibleSectionHeaders","h","parentElement","getActiveSection","classesNodeList","activeSections","Array","prototype","slice","call","map","element","subCategory","getElementsByClassName","i","scrollIntoView","componentWillUnmount","removeEventListener","preventDefault","history","pushState","target","clickedMenuItemId","sectionElem","render","PageFooter","React","display","paddingLeft","previousText","previousUrl","fontSize","fontWeight","marginTop","paddingBottom","previousHeader","paddingRight","nextText","nextUrl","nextHeader","intro","logo","tagline","typography","photography","colours","endframe","messaging","campaigns","partnerships"],"sourceRoot":""}