{"version":3,"file":"static/js/927.65022888.chunk.js","mappings":"sSAqCaA,GA9BeC,EAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,0HAQDF,EAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,EAAAA,GAAA,wFAMjBF,EAAAA,EAAAA,IAAOI,EAAAA,EAAPJ,CAAgBK,IAAAA,GAAAH,EAAAA,EAAAA,GAAA,sEAM1BF,EAAAA,GAAAA,IAAUM,IAAAA,GAAAJ,EAAAA,EAAAA,GAAA,sKAUCF,EAAAA,GAAAA,IAAUO,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,sIAyB5BM,GAhBcR,EAAAA,GAAAA,IAAUS,IAAAA,GAAAP,EAAAA,EAAAA,GAAA,oDAKZF,EAAAA,GAAAA,IAAUU,IAAAA,GAAAR,EAAAA,EAAAA,GAAA,oDAKHF,EAAAA,GAAAA,IAAUW,IAAAA,GAAAT,EAAAA,EAAAA,GAAA,0EAMbF,EAAAA,GAAAA,IAAUY,IAAAA,GAAAV,EAAAA,EAAAA,GAAA,oKAW1BW,EAAQb,EAAAA,GAAAA,IAAUc,IAAAA,GAAAZ,EAAAA,EAAAA,GAAA,qSAeP,SAAAa,GAAK,OAAIA,EAAMC,eAAe,IAIzCC,EAAQjB,EAAAA,GAAAA,IAAUkB,IAAAA,GAAAhB,EAAAA,EAAAA,GAAA,sKAUlBiB,EAAUnB,EAAAA,GAAAA,IAAUoB,IAAAA,GAAAlB,EAAAA,EAAAA,GAAA,kMAcpBmB,EAAMrB,EAAAA,GAAAA,IAAUsB,IAAAA,GAAApB,EAAAA,EAAAA,GAAA,iCAIhBqB,EAAcvB,EAAAA,GAAAA,IAAUwB,IAAAA,GAAAtB,EAAAA,EAAAA,GAAA,iGAOxBuB,EAAoBzB,EAAAA,GAAAA,IAAU0B,IAAAA,GAAAxB,EAAAA,EAAAA,GAAA,+IAS9ByB,EAAI3B,EAAAA,GAAAA,EAAQ4B,IAAAA,GAAA1B,EAAAA,EAAAA,GAAA,UAGZ2B,GAAW7B,EAAAA,EAAAA,IAAO8B,EAAAA,cAAP9B,CAAqB+B,IAAAA,GAAA7B,EAAAA,EAAAA,GAAA,qIAUhC8B,GAAoBhC,EAAAA,EAAAA,IAAOiC,EAAAA,EAAPjC,CAAgBkC,IAAAA,GAAAhC,EAAAA,EAAAA,GAAA,kK,6BClIpCiC,EAAiB,SAACpB,GAC7B,IAAQqB,EAA2BrB,EAA3BqB,MAAOpB,EAAoBD,EAApBC,gBAEfqB,GAA8BC,EAAAA,EAAAA,WAAS,GAAMC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAtCI,EAAQF,EAAA,GAAEG,EAASH,EAAA,GAC1BI,GAAwCL,EAAAA,EAAAA,WAAS,GAAMM,GAAAJ,EAAAA,EAAAA,GAAAG,EAAA,GAAhDE,EAAaD,EAAA,GAAEE,EAAcF,EAAA,GAU9BG,EAAG,GAAAC,OAAMC,iCAAsC,KAAAD,OAAIZ,EAAMc,SAE/DC,GAAwBC,EAAAA,EAAAA,IAAU,CAChCC,UAAW,GACXC,aAAa,IAFPC,EAAGJ,EAAHI,IAAKC,EAAML,EAANK,OAKb,OACEC,EAAAA,EAAAA,KAAA,OAAKF,IAAKA,EAAIG,UAEdC,EAAAA,EAAAA,MAAC9C,EAAK,CAAC+C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiBA,EAAgB0C,SAAA,EACzEC,EAAAA,EAAAA,MAACnD,EAAa,CAAAkD,SAAA,EACdD,EAAAA,EAAAA,KAACpC,EAAG,CAAAqC,UACJD,EAAAA,EAAAA,KAAC9B,EAAC,CAACkC,KAAMzB,EAAM0B,YAAaC,OAAO,SAAQL,UAC3CD,EAAAA,EAAAA,KAAC5B,EAAQ,CAEPmC,IAAKjB,EACLkB,UAzBa,WACjBvB,GAAU,EACZ,EAwBMwB,WAtBoB,WACxBpB,GAAe,EACjB,EAqBMqB,QAAQ,QAJH/B,EAAMgC,WASX3B,GAAYI,IACVY,EAAAA,EAAAA,KAACtC,EAAO,CAAAuC,UACND,EAAAA,EAAAA,KAACzB,EAAiB,CAACqC,WAAS,EAACC,MAAM,QAAQC,OAAO,gBAKxDd,EAAAA,EAAAA,KAACxC,EAAK,CAAAyC,SAAEtB,EAAMgC,WAKpB,E,UCxDaI,EAAuB,WAEhC,IAAAnC,GAA4BC,EAAAA,EAAAA,UACxB,IACHC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAFMoC,EAAMlC,EAAA,GAAEmC,EAASnC,EAAA,GAIlBoC,EAAW,eAAAC,GAAAC,EAAAA,EAAAA,IAAAC,EAAAA,EAAAA,KAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,EAAAA,KAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EAEOC,EAAAA,EAAAA,IAAU,GAADtC,OAAIC,iCAAsC,4BAA2B,KAAD,EAA9FgC,EAAQE,EAAAI,KACdC,QAAQC,IAAIR,GACZP,EAAUO,EAASS,MAAK,wBAAAP,EAAAQ,OAAA,GAAAX,EAAA,KAC3B,kBALgB,OAAAJ,EAAAgB,MAAA,KAAAC,UAAA,KAWjB,OAJAC,EAAAA,EAAAA,YAAU,WACNnB,GACJ,GAAG,KAGClB,EAAAA,EAAAA,KAAClC,EAAW,CAAAmC,UASRD,EAAAA,EAAAA,KAAChC,EAAiB,CAAAiC,UACdD,EAAAA,EAAAA,KAAC1D,EAAe,CAACgG,cAAetB,EAAOuB,OAAOtC,SACnC,OAANe,QAAM,IAANA,OAAM,EAANA,EAAQwB,KAAI,SAAC7D,EAAO8D,GAAK,OACtBzC,EAAAA,EAAAA,KAACtB,EAAc,CAAkBC,MAAOA,EAAOpB,gBAAyB,IAARkF,GAA3C9D,EAAMgC,KAAmD,SAMtG,C,qzBCzCa+B,GAASnG,GAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,GAAAA,GAAA,qbAuBnBkG,GAAapG,GAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,GAAAA,GAAA,+MAYvBmG,GAAerG,GAAAA,GAAAA,IAAUK,IAAAA,GAAAH,EAAAA,GAAAA,GAAA,mIASzBoG,GAActG,GAAAA,GAAAA,IAAUM,IAAAA,GAAAJ,EAAAA,GAAAA,GAAA,wJAUxBqG,GAAmBvG,GAAAA,GAAAA,IAAUO,IAAAA,GAAAL,EAAAA,GAAAA,GAAA,qFAQ7BsG,GAAaxG,GAAAA,GAAAA,IAAUS,IAAAA,GAAAP,EAAAA,GAAAA,GAAA,oMAavBuG,GAAazG,GAAAA,GAAAA,EAAQU,IAAAA,GAAAR,EAAAA,GAAAA,GAAA,kIAUrBwG,GAAmB1G,GAAAA,GAAAA,EAAQW,IAAAA,GAAAT,EAAAA,GAAAA,GAAA,2XAiBZ,SAAAa,GAAK,OAAIA,EAAMC,eAAe,IAe7C2F,IAXe3G,GAAAA,GAAAA,IAAUY,IAAAA,GAAAV,EAAAA,GAAAA,GAAA,iMAWNF,GAAAA,GAAAA,IAAUc,IAAAA,GAAAZ,EAAAA,GAAAA,GAAA,kHAS7B0G,GAAuB5G,GAAAA,GAAAA,MAAYkB,IAAAA,GAAAhB,EAAAA,GAAAA,GAAA,kTAWjC,SAAA0E,GAAS,OAAAA,EAANiC,OAAuB,OAAS,GAAG,IAC1C,SAAAC,GAAS,OAAAA,EAAND,OAAuB,IAAM,OAAO,IAElC,SAAAE,GAAS,OAAAA,EAANF,OAAuB,SAAU,MAAM,IAG7CG,GAAOhH,GAAAA,GAAAA,IAAUoB,IAAAA,GAAAlB,EAAAA,GAAAA,GAAA,uSAiBjB+G,GAAiBjH,GAAAA,GAAAA,IAAUsB,IAAAA,GAAApB,EAAAA,GAAAA,GAAA,kCAI3BgH,GAAclH,GAAAA,GAAAA,GAASwB,IAAAA,GAAAtB,EAAAA,GAAAA,GAAA,iPAavBiH,KAHcnH,EAAAA,GAAAA,IAAOoH,GAAAA,GAAPpH,CAAY0B,IAAAA,GAAAxB,EAAAA,GAAAA,GAAA,WAGdF,EAAAA,GAAAA,IAAOqH,GAAAA,IAAPrH,CAAe4B,IAAAA,GAAA1B,EAAAA,GAAAA,GAAA,4EAgB3BoH,IAV0BtH,GAAAA,GAAAA,IAAU+B,IAAAA,GAAA7B,EAAAA,GAAAA,GAAA,sLAUvBF,GAAAA,GAAAA,IAAUkC,IAAAA,GAAAhC,EAAAA,GAAAA,GAAA,iDAKvBqH,GAAgBvH,GAAAA,GAAAA,IAAUwH,IAAAA,GAAAtH,EAAAA,GAAAA,GAAA,4D,IAKTF,GAAAA,GAAAA,IAAUyH,IAAAA,GAAAvH,EAAAA,GAAAA,GAAA,iCAINF,GAAAA,GAAAA,GAAS0H,IAAAA,GAAAxH,EAAAA,GAAAA,GAAA,gWAe9B,SAAAyH,GAAiB,OAAAA,EAAdC,eAAsC,QAAU,MAAM,IAIpC5H,GAAAA,GAAAA,GAAS6H,IAAAA,GAAA3H,EAAAA,GAAAA,GAAA,2Q,+DC7M9B4H,GAAkB,WAE3B,IAAAzF,GAA4BC,EAAAA,GAAAA,WAAS,GAAMC,GAAAC,EAAAA,GAAAA,GAAAH,EAAA,GAApCwE,EAAMtE,EAAA,GAAEwF,EAASxF,EAAA,GACxBI,GAA4CL,EAAAA,GAAAA,WAAS,GAAMM,GAAAJ,EAAAA,GAAAA,GAAAG,EAAA,GAC3DqF,GADqBpF,EAAA,GAAmBA,EAAA,IACEN,EAAAA,GAAAA,UACtC2F,OAAOC,cACVC,GAAA3F,EAAAA,GAAAA,GAAAwF,EAAA,GAFMI,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAGtCG,GAAkChG,EAAAA,GAAAA,WAAkB,GAAKiG,GAAA/F,EAAAA,GAAAA,GAAA8F,EAAA,GAAlDE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAExBG,EAAS,WACXX,GAAWlB,EACf,EAEA1D,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,IADPE,EAAGJ,EAAHI,IAAKC,EAAML,EAANK,QAQbsC,EAAAA,GAAAA,YAAU,WACN,IAAM6C,EAAe,WACjB,IAAMC,EAAmBX,OAAOC,YAC1BW,EAAkBC,EAAUC,QAC5BC,EAAcf,OAAOgB,WAEvBJ,IACFJ,EAAaG,GAAoBM,GAAgBF,EAAc,MAC3DJ,EAAmBR,GAAiBQ,EAAmBM,GAAgBF,GAAe,MAEtFH,EAAgBM,UAAUC,OAAO,WAGvCf,EAAiBO,EACrB,EAIA,OAFAX,OAAOoB,iBAAiB,SAAUV,GAE3B,kBAAMV,OAAOqB,oBAAoB,SAAUX,EAAc,CACpE,GAAG,CAACP,IAEJ,IAAMc,EAAe,GACfJ,GAAYS,EAAAA,GAAAA,QAAuB,MAEzC,OACI5F,EAAAA,GAAAA,MAAA6F,GAAAA,SAAA,CAAA9F,SAAA,EACAC,EAAAA,GAAAA,MAACwC,GAAM,CAAC5C,IAAKuF,EAAWlF,UAAW4E,EAAY,GAAK,SAAS9E,SAAA,EAC7DD,EAAAA,GAAAA,KAAC2C,GAAU,CAAA1C,UACPD,EAAAA,GAAAA,KAAC+C,GAAU,CAAA9C,UACPD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,IAAGH,UAChBD,EAAAA,GAAAA,KAAC6D,GAAU,CAACtD,IAAI,2DAI5BP,EAAAA,GAAAA,KAAC4C,GAAY,CAAA3C,UACTD,EAAAA,GAAAA,KAACkD,GAAgB,CAAC8C,QAASf,EAAOhF,UAC9BD,EAAAA,GAAAA,KAACiG,GAAAA,GAAAA,SAAoB,CAACC,MAAO,CAAEC,KAAM,MAAOC,MAAO,WAAYnG,UAC3DD,EAAAA,GAAAA,KAACqG,GAAAA,IAAa,WAI1BnG,EAAAA,GAAAA,MAAC2C,GAAW,CAAA5C,SAAA,EACRD,EAAAA,GAAAA,KAAC+C,GAAU,CAAA9C,UACPD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,IAAGH,SAAC,YAEzBD,EAAAA,GAAAA,KAAC+C,GAAU,CAAA9C,UACPD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,WAAUH,SAAC,eAEhCD,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,wCAAwCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACsG,GAAAA,IAAkB,SAEhGtG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,mFAAmFE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACuG,GAAAA,IAAS,SAElIvG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,yCAAyCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACwG,GAAAA,IAAY,SAE3FxG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,2EAA2EE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACyG,GAAAA,IAAQ,SAEzHzG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,sCAAsCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAAC0G,GAAAA,IAAgB,SAE5F1G,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,wCAAwCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAAC2G,GAAAA,IAAU,eAIxFzG,EAAAA,GAAAA,MAACiD,GAAoB,CAACC,OAAQA,EAAQ4C,QAASf,EAAOhF,SAAA,EACtDD,EAAAA,GAAAA,KAAC4C,GAAY,CAAA3C,UACTD,EAAAA,GAAAA,KAACuD,GAAI,CAACyC,QAASf,EAAOhF,UAClBD,EAAAA,GAAAA,KAAC0D,GAAS,SAGlB1D,EAAAA,GAAAA,KAACwD,GAAc,CAAC1D,IAAKA,EAAIG,UACrBC,EAAAA,GAAAA,MAACuD,GAAW,CAAAxD,SAAA,EACRD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,GAAI6C,KAAK,IAAI4F,QAASf,EAAOhF,SAAC,UACpGD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,IAAK6C,KAAK,WAAW4F,QAASf,EAAOhF,SAAC,aAC5GD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,IAAK6C,KAAK,SAAS4F,QAASf,EAAOhF,SAAC,WAC1GD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,IAAK6C,KAAK,YAAY4F,QAASf,EAAOhF,SAAC,cAC7GD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,IAAK6C,KAAK,aAAa4F,QAASf,EAAOhF,SAAC,eAC9GD,EAAAA,GAAAA,KAACiD,GAAgB,CAAC9C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiB,IAAK6C,KAAK,eAAe4F,QAASf,EAAOhF,SAAC,iBAChHD,EAAAA,GAAAA,KAAA,UACAA,EAAAA,GAAAA,KAAA,UACAE,EAAAA,GAAAA,MAAC4D,GAAa,CAAA7D,SAAA,EACVD,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACjBD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,wCAAwCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACsG,GAAAA,IAAkB,SAE5FtG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,mFAAmFE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACuG,GAAAA,IAAS,SAElIvG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,yCAAyCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACwG,GAAAA,IAAY,SAE3FxG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,2EAA2EE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAACyG,GAAAA,IAAQ,SAEzHzG,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,sCAAsCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAAC0G,GAAAA,IAAgB,SAE5F1G,EAAAA,GAAAA,KAAC8C,GAAgB,CAAA7C,UACbD,EAAAA,GAAAA,KAACgD,GAAU,CAAC5C,KAAK,wCAAwCE,OAAO,SAAQL,UAACD,EAAAA,GAAAA,KAAC2G,GAAAA,IAAU,qBAQhH,E,IC7JyBpK,GAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,GAAAA,GAAA,izBAoCVF,GAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,GAAAA,GAAA,4sBAwCXF,GAAAA,GAAAA,EAAQK,IAAAA,GAAAH,EAAAA,GAAAA,GAAA,6MAYJF,GAAAA,GAAAA,KAAWM,IAAAA,GAAAJ,EAAAA,GAAAA,GAAA,8Y,SCvF1BmK,GAAYrK,GAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,GAAAA,GAAA,wHAQtBoK,GAAiBtK,GAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,GAAAA,GAAA,uEAwB3B2B,IAlBQ7B,GAAAA,GAAAA,IAAUK,IAAAA,GAAAH,EAAAA,GAAAA,GAAA,mHAQDF,GAAAA,GAAAA,IAAUM,IAAAA,GAAAJ,EAAAA,GAAAA,GAAA,4JAUhBF,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBO,IAAAA,GAAAL,EAAAA,GAAAA,GAAA,+ICzBhCqK,GAAmB,WAE5B,IAAApH,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OACIC,EAAAA,GAAAA,KAAC4G,GAAS,CAAC9G,IAAKA,EAAIG,UAChBD,EAAAA,GAAAA,KAAC6G,GAAc,CAAA5G,UACPD,EAAAA,GAAAA,KAAC5B,GAAQ,CACTmC,IAAG,8EAEHwG,OAAO,OACPrG,QAAQ,OACRsG,OAAO,yRAHF,uBAYzB,E,4CC9BaJ,GAAYrK,GAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,GAAAA,GAAA,0MAYtBwK,GAAgB1K,GAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,GAAAA,GAAA,4NAa1ByK,GAAc3K,GAAAA,GAAAA,IAAUK,IAAAA,GAAAH,EAAAA,GAAAA,GAAA,0PAcxB0K,GAAe5K,GAAAA,GAAAA,IAAUM,IAAAA,GAAAJ,EAAAA,GAAAA,GAAA,uLAYzB2K,IAAc7K,EAAAA,GAAAA,IAAO8K,GAAAA,EAAP9K,CAAaO,IAAAA,GAAAL,EAAAA,GAAAA,GAAA,6DAK3B6K,IAAkB/K,EAAAA,GAAAA,IAAOgL,GAAAA,EAAPhL,CAAgBS,IAAAA,GAAAP,EAAAA,GAAAA,GAAA,8DAalC+K,IAJsBjL,GAAAA,GAAAA,MAAYU,IAAAA,GAAAR,EAAAA,GAAAA,GAAA,2BAClC,SAAA0E,GAAS,OAAAA,EAANiC,OAAuB,OAAS,GAAG,IAGtB7G,GAAAA,GAAAA,IAAUW,IAAAA,GAAAT,EAAAA,GAAAA,GAAA,6BAI1BgL,GAAmBlL,GAAAA,GAAAA,IAAUY,IAAAA,GAAAV,EAAAA,GAAAA,GAAA,mCAI7BiL,GAAmBnL,GAAAA,GAAAA,IAAUc,IAAAA,GAAAZ,EAAAA,GAAAA,GAAA,qHAQ7BkL,GAAepL,GAAAA,GAAAA,IAAUkB,IAAAA,GAAAhB,EAAAA,GAAAA,GAAA,0IASzBmL,GAAQrL,GAAAA,GAAAA,IAAUoB,IAAAA,GAAAlB,EAAAA,GAAAA,GAAA,mC,wFC1ElBoL,GAAmB,WAE5B,IAAQC,GAAYC,EAAAA,GAAAA,MAAZD,QAoBR,IAAME,GAASC,EAAAA,GAAAA,IAAU,CACrBC,cAAe,CACbvH,KAAM,GACNwH,MAAO,GACPC,QAAS,IAEXC,SAAS,WAAD,IAAAC,GAAAlH,EAAAA,GAAAA,IAAAC,EAAAA,GAAAA,KAAAC,MAAE,SAAAC,EAAQgH,EAAQC,GAAM,IAAAC,EAAA,OAAApH,EAAAA,GAAAA,KAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAC5B,IAEQ6G,EAAiB,CACjB9H,KAAM4H,EAAO5H,KACbwH,MAAOI,EAAOJ,MACdC,QAASG,EAAOH,SAGpBM,GAAAA,GAAAA,KACIlJ,kBACAA,mBACAiJ,EACAjJ,qBAEHmJ,MAAK,SAASnH,GACXO,QAAQC,IAAI,WAAYR,EAASoH,OAAQpH,EAASqH,MAvC9Df,EAAQ,CACJM,QAAS,uBACTU,cAAe,SAAA3H,GAAA,IAAEgF,EAAIhF,EAAJgF,KAAI,OAAMnG,EAAAA,GAAAA,KAAC+I,GAAAA,EAAK,CAAC5C,KAAMA,GAAQ,GAEpD6C,GAAAA,EAAAA,OAqCYC,GAAW,EAEf,IAAG,SAASC,GACRnH,QAAQC,IAAI,YAAakH,GAnCrCpB,EAAQ,CACJM,QAAS,iCACTU,cAAe,SAAAzF,GAAA,IAAE8C,EAAI9C,EAAJ8C,KAAI,OAAMnG,EAAAA,GAAAA,KAACmJ,GAAAA,EAAM,CAAChD,KAAMA,GAAQ,GAErD6C,GAAAA,EAAAA,MAiCQ,IACAR,EAAOY,eAAc,EAEzB,CAAE,MAAMF,GACJnH,QAAQC,IAAIkH,EAChB,CAAC,wBAAAxH,EAAAQ,OAAA,GAAAX,EAAA,KACJ,gBAAA8H,EAAAC,GAAA,OAAAhB,EAAAnG,MAAA,KAAAC,UAAA,EA7BQ,KAgCbxD,GAA8BC,EAAAA,GAAAA,WAAkB,GAAKC,GAAAC,EAAAA,GAAAA,GAAAH,EAAA,GAA9C2K,EAAOzK,EAAA,GAAEmK,EAAUnK,EAAA,GAM1B,OACIoB,EAAAA,GAAAA,MAAC0G,GAAS,CAAA3G,SAAA,EACND,EAAAA,GAAAA,KAACkH,GAAW,CAAAjH,SAAC,sBACbD,EAAAA,GAAAA,KAACiH,GAAa,CAAAhH,UACVD,EAAAA,GAAAA,KAACwJ,GAAAA,SAAc,CAAAvJ,UAEXC,EAAAA,GAAAA,MAAA,QAAMmI,SAAUL,EAAOyB,aAAaxJ,SAAA,EAC5BD,EAAAA,GAAAA,KAACmH,GAAY,CAAAlH,UACTD,EAAAA,GAAAA,KAACoH,GAAW,CACZzG,KAAK,OACL+I,YAAY,OACZxD,MAAO8B,EAAOO,OAAO5H,KACrBgJ,SAAU3B,EAAO4B,aACjBC,eAAa,EACbC,UAAQ,OAGZ9J,EAAAA,GAAAA,KAACmH,GAAY,CAAAlH,UACTD,EAAAA,GAAAA,KAACoH,GAAW,CACZzG,KAAK,QACL+I,YAAY,QACZxD,MAAO8B,EAAOO,OAAOJ,MACrBwB,SAAU3B,EAAO4B,aACjBC,eAAa,EACbE,KAAK,QACLD,UAAQ,OAGZ9J,EAAAA,GAAAA,KAACmH,GAAY,CAAAlH,UACTD,EAAAA,GAAAA,KAACsH,GAAe,CAChB3G,KAAK,UACL+I,YAAY,0BACZxD,MAAO8B,EAAOO,OAAOH,QACrBuB,SAAU3B,EAAO4B,aACjBC,eAAa,EACb1D,KAAK,QACL2D,UAAQ,OAIZ9J,EAAAA,GAAAA,KAACyH,GAAgB,CAAAxH,UACbD,EAAAA,GAAAA,KAACgK,GAAAA,EAAS,CACVC,QAASzK,2CACTmK,SA/C5B,WACIV,GAAW,EACf,EA8C4BiB,MAAM,YAIdlK,EAAAA,GAAAA,KAACwH,GAAa,CAAAvH,UACVD,EAAAA,GAAAA,KAACmK,GAAAA,EAAM,CAACJ,KAAK,SAASK,UAAWpC,EAAOqC,aAAcC,SAAUf,EAAQtJ,SAAC,qBAKzFC,EAAAA,GAAAA,MAACwH,GAAgB,CAAAzH,SAAA,EACbD,EAAAA,GAAAA,KAAC2H,GAAY,CAAA1H,SAAC,gCACdD,EAAAA,GAAAA,KAAC4H,GAAK,CAAA3H,SAAC,iCAIvB,EChJasK,GAAqBhO,GAAAA,GAAAA,IAAUC,IAAAA,GAAAC,EAAAA,GAAAA,GAAA,mIAuK/B+N,IA/JYjO,GAAAA,GAAAA,IAAUG,IAAAA,GAAAD,EAAAA,GAAAA,GAAA,0ZAsBLF,GAAAA,GAAAA,IAAUK,IAAAA,GAAAH,EAAAA,GAAAA,GAAA,8OAYXF,GAAAA,GAAAA,IAAUM,IAAAA,GAAAJ,EAAAA,GAAAA,GAAA,ilBA4BTF,GAAAA,GAAAA,IAAUO,IAAAA,GAAAL,EAAAA,GAAAA,GAAA,+WAoBZF,GAAAA,GAAAA,IAAUS,IAAAA,GAAAP,EAAAA,GAAAA,GAAA,kMAYjBF,GAAAA,GAAAA,IAAUU,IAAAA,GAAAR,EAAAA,GAAAA,GAAA,sSAiBPF,GAAAA,GAAAA,IAAUW,IAAAA,GAAAT,EAAAA,GAAAA,GAAA,mVAoBRF,GAAAA,GAAAA,IAAUY,KAAAA,IAAAV,EAAAA,GAAAA,GAAA,qLAWhBF,GAAAA,GAAAA,GAASc,KAAAA,IAAAZ,EAAAA,GAAAA,GAAA,iIASAF,GAAAA,GAAAA,IAAUkB,KAAAA,IAAAhB,EAAAA,GAAAA,GAAA,8HACrB,SAAAa,GAAK,OAA0B,GAAtBA,EAAMgF,eAAsB,GAAG,IAO5B/F,GAAAA,GAAAA,IAAUoB,KAAAA,IAAAlB,EAAAA,GAAAA,GAAA,iEC5J3BgO,IDiKQlO,GAAAA,GAAAA,IAAUsB,KAAAA,IAAApB,EAAAA,GAAAA,GAAA,4CAIRF,GAAAA,GAAAA,IAAUwB,KAAAA,IAAAtB,EAAAA,GAAAA,GAAA,+nBAqBL,SAAAa,GAAK,OAAIA,EAAMC,eAAe,IAU/BhB,GAAAA,GAAAA,IAAU0B,KAAAA,IAAAxB,EAAAA,GAAAA,GAAA,qKAUTF,GAAAA,GAAAA,IAAU4B,KAAAA,IAAA1B,EAAAA,GAAAA,GAAA,8GAQJF,GAAAA,GAAAA,IAAU+B,KAAAA,IAAA7B,EAAAA,GAAAA,GAAA,8NAaxBF,GAAAA,GAAAA,IAAUkC,KAAAA,IAAAhC,EAAAA,GAAAA,GAAA,gPAcNF,GAAAA,GAAAA,IAAUwH,KAAAA,IAAAtH,EAAAA,GAAAA,GAAA,uLAWdF,GAAAA,GAAAA,IAAUyH,KAAAA,IAAAvH,EAAAA,GAAAA,GAAA,2OAcPF,GAAAA,GAAAA,OAAa0H,KAAAA,IAAAxH,EAAAA,GAAAA,GAAA,ywBAmCbF,GAAAA,GAAAA,IAAU6H,KAAAA,IAAA3H,EAAAA,GAAAA,GAAA,8HAQDF,GAAAA,GAAAA,IAAUmO,KAAAA,IAAAjO,EAAAA,GAAAA,GAAA,+GCrTZ,WAE1B,IAAAiD,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OACIC,EAAAA,GAAAA,KAACuK,GAAkB,CAACzK,IAAKA,EAAIG,UACzBD,EAAAA,GAAAA,KAACwK,GAAc,CAAAvK,UACXD,EAAAA,GAAAA,KAAA,OAAK2K,GAAG,kBAAkB,iBAAe,uCAAuC,mBAAiB,SAIjH,G,WC3Ba/D,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,qGAOtBmO,GAAmBrO,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,+GAO7BoO,GAAsBtO,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,+EAMhCH,GAAkBC,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,6IAS5BqO,GAAevO,GAAAA,GAAAA,IAAUO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,mKAWzBW,GAAQb,GAAAA,GAAAA,IAAUS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,oSAeP,SAAAa,GAAK,OAAIA,EAAMC,eAAe,IAIzCG,GAAUnB,GAAAA,GAAAA,IAAUU,KAAAA,IAAAR,EAAAA,GAAAA,GAAA,oMAepByB,GAAI3B,GAAAA,GAAAA,EAAQW,KAAAA,IAAAT,EAAAA,GAAAA,GAAA,UAGZ2B,IAAW7B,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBY,KAAAA,IAAAV,EAAAA,GAAAA,GAAA,qIAUhC8B,IAAoBhC,EAAAA,GAAAA,IAAOiC,GAAAA,EAAPjC,CAAgBc,KAAAA,IAAAZ,EAAAA,GAAAA,GAAA,kK,sBC1EpCiC,GAAiB,SAACpB,GAC7B,IAAQqB,EAA2BrB,EAA3BqB,MAAOpB,EAAoBD,EAApBC,gBAEfqB,GAA8BC,EAAAA,GAAAA,WAAS,GAAMC,GAAAC,EAAAA,GAAAA,GAAAH,EAAA,GAAtCI,EAAQF,EAAA,GAAEG,EAASH,EAAA,GAC1BI,GAAwCL,EAAAA,GAAAA,WAAS,GAAMM,GAAAJ,EAAAA,GAAAA,GAAAG,EAAA,GAAhDE,EAAaD,EAAA,GAAEE,EAAcF,EAAA,GAU9BG,EAAG,GAAAC,OAAMC,iCAAsC,KAAAD,OAAIZ,EAAMc,SAE/DC,GAAwBC,EAAAA,GAAAA,IAAU,CAChCC,UAAW,GACXC,aAAa,IAFPC,EAAGJ,EAAHI,IAAKC,EAAML,EAANK,OAKb,OACEC,EAAAA,GAAAA,KAAA,OAAKF,IAAKA,EAAIG,UAEdD,EAAAA,GAAAA,KAAC5C,GAAK,CAAC+C,UAAWJ,EAAS,SAAW,GAAIxC,gBAAiBA,EAAgB0C,UACzEC,EAAAA,GAAAA,MAAC4K,GAAY,CAAA7K,SAAA,EACbD,EAAAA,GAAAA,KAAC9B,GAAC,CACFkC,KAAMzB,EAAMoM,YACZzK,OAAO,SAAQL,UAEfD,EAAAA,GAAAA,KAAC5B,GAAQ,CAETmC,IAAKjB,EACLkB,UA3Be,WACjBvB,GAAU,EACZ,EA0BIwB,WAxBsB,WACxBpB,GAAe,EACjB,EAuBIqB,QAAQ,QAJH/B,EAAMgC,SAQT3B,GAAYI,IACVY,EAAAA,GAAAA,KAACtC,GAAO,CAAAuC,UACND,EAAAA,GAAAA,KAACzB,GAAiB,CAACqC,WAAS,EAACC,MAAM,QAAQC,OAAO,kBAS9D,E,WCxDakK,GAAqB,WAE9B,IAAApM,GAA4BC,EAAAA,GAAAA,UACxB,IACHC,GAAAC,EAAAA,GAAAA,GAAAH,EAAA,GAFMoC,EAAMlC,EAAA,GAAEmC,EAASnC,EAAA,GAIlBoC,EAAW,eAAAC,GAAAC,EAAAA,GAAAA,IAAAC,EAAAA,GAAAA,KAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAA,GAAAA,KAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACOC,GAAAA,EAAAA,IAAU,GAADtC,OAAIC,iCAAsC,2BAAyB,OAA7FgC,EAAQE,EAAAI,KACdb,EAAUO,EAASS,MAAK,wBAAAP,EAAAQ,OAAA,GAAAX,EAAA,KAC3B,kBAHgB,OAAAJ,EAAAgB,MAAA,KAAAC,UAAA,KASjB,OAJAC,EAAAA,GAAAA,YAAU,WACNnB,GACJ,GAAG,KAGChB,EAAAA,GAAAA,MAAC0G,GAAS,CAAA3G,SAAA,EACND,EAAAA,GAAAA,KAAC4K,GAAgB,CAAA3K,UACbD,EAAAA,GAAAA,KAACiL,GAAAA,GAAY,CAAAhL,UACTD,EAAAA,GAAAA,KAACkL,GAAAA,EAAO,CAAAjL,SAAC,wBAGjBD,EAAAA,GAAAA,KAAC6K,GAAmB,CAAA5K,UAChBD,EAAAA,GAAAA,KAACiL,GAAAA,GAAY,CAAAhL,UACTD,EAAAA,GAAAA,KAACkL,GAAAA,EAAO,CAACC,WAAY,EAAElL,SAAC,2BAIhCD,EAAAA,GAAAA,KAAC1D,GAAe,CAACgG,cAAetB,EAAOuB,OAAOtC,SACnC,OAANe,QAAM,IAANA,OAAM,EAANA,EAAQwB,KAAI,SAAC7D,EAAO8D,GAAK,OACtBzC,EAAAA,GAAAA,KAACtB,GAAc,CAAkBC,MAAOA,EAAOpB,gBAAyB,IAARkF,GAA3C9D,EAAMgC,KAAmD,QAKlG,EC3CaiG,I,QAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,sHAQtBoK,GAAiBtK,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,uEAwB3B2O,IAlBQ7O,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,qHAQDF,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,2JAUnBF,GAAAA,GAAAA,GAASO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,6PAWjB2B,IAAW7B,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,mHCnChC4O,GAA2B,WAEpC,IAAA3L,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OACIG,EAAAA,GAAAA,MAAC0G,GAAS,CAAC9G,IAAKA,EAAIG,SAAA,EAChBD,EAAAA,GAAAA,KAAC6G,GAAc,CAAA5G,UACPD,EAAAA,GAAAA,KAAC5B,GAAQ,CACTmC,IAAG,8EAEHG,QAAQ,OACRqG,OAAO,OACPC,OAAO,yRAHF,qBAUbhH,EAAAA,GAAAA,KAACoL,GAAK,CAAAnL,SAAC,qBAGnB,ECjCa2G,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,qHAQtBoK,GAAiBtK,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,uEA6B3B2O,IAvBQ7O,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,0OAaDF,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,2JAUnBF,GAAAA,GAAAA,GAASO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,6PAWjB2B,IAAW7B,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,0OCxChC6O,GAA6B,WAEtC,IAAA5L,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OAEIG,EAAAA,GAAAA,MAAC0G,GAAS,CAAC9G,IAAKA,EAAIG,SAAA,EACZD,EAAAA,GAAAA,KAAC6G,GAAc,CAAA5G,UACXD,EAAAA,GAAAA,KAAC5B,GAAQ,CACTmC,IAAG,8EAEHwG,OAAO,OACPrG,QAAQ,OACRsG,OAAO,yRAHF,uBAUThH,EAAAA,GAAAA,KAACoL,GAAK,CAAAnL,SAAC,kBAGvB,EClCa2G,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,qHAQtBoK,GAAiBtK,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,uEAwB3B2O,IAlBQ7O,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,mHAQDF,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,2JAUnBF,GAAAA,GAAAA,GAASO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,6PAWjB2B,IAAW7B,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,mHCnChC8O,GAA0B,WAEnC,IAAA7L,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OACIG,EAAAA,GAAAA,MAAC0G,GAAS,CAAC9G,IAAKA,EAAIG,SAAA,EAChBD,EAAAA,GAAAA,KAAC6G,GAAc,CAAA5G,UACPD,EAAAA,GAAAA,KAAC5B,GAAQ,CACTmC,IAAG,6EAEHG,QAAQ,OACRqG,OAAO,OACPC,OAAO,sRAHF,oBAUbhH,EAAAA,GAAAA,KAACoL,GAAK,CAAAnL,SAAC,eAGnB,ECzBauL,IATgBjP,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,yJASbF,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,iNAcvBgP,GAAalP,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,kGAQvBiP,GAAanP,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,uyBAoCvBkP,GAAYpP,GAAAA,GAAAA,IAAUO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,quBAyCtBmP,GAAWrP,GAAAA,GAAAA,EAAQS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,sOAanBoP,GAAetP,GAAAA,GAAAA,KAAWU,KAAAA,IAAAR,EAAAA,GAAAA,GAAA,uaCjH1BqP,GAA4B,WAErC,IAAApM,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAKC,EAAML,EAANK,OAKb,OACIC,EAAAA,GAAAA,KAACwL,GAAU,CAAAvL,UACPD,EAAAA,GAAAA,KAACyL,GAAU,CAAC3L,IAAKA,EAAIG,UACjBC,EAAAA,GAAAA,MAACwL,GAAU,CAAAzL,SAAA,EACPD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,SAAQH,UACnBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,eAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,YAAWH,UACtBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,kBAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,aAAYH,UACvBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,mBAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,eAAcH,UACzBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,0BAO1C,EC3Ca8L,GAAmBxP,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,6KAkC7BuP,IAvBezP,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,mHAQbF,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,yGAOZF,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,2HAQFF,GAAAA,GAAAA,IAAUO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,gXAkB5BwP,GAAW1P,GAAAA,GAAAA,IAAUS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,yaAyBrByP,GAAY3P,GAAAA,GAAAA,IAAUU,KAAAA,IAAAR,EAAAA,GAAAA,GAAA,yaAyBtB0P,GAAiB5P,GAAAA,GAAAA,IAAUW,KAAAA,IAAAT,EAAAA,GAAAA,GAAA,YAU3B2P,IANW7P,GAAAA,GAAAA,IAAUY,KAAAA,IAAAV,EAAAA,GAAAA,GAAA,mFAMVF,GAAAA,GAAAA,IAAUc,KAAAA,IAAAZ,EAAAA,GAAAA,GAAA,wLAWrB4P,GAAqB9P,GAAAA,GAAAA,IAAUkB,KAAAA,IAAAhB,EAAAA,GAAAA,GAAA,+MAY/B6P,GAAa/P,GAAAA,GAAAA,KAAWoB,KAAAA,IAAAlB,EAAAA,GAAAA,GAAA,+GAQxB8P,GAAuBhQ,GAAAA,GAAAA,KAAWsB,KAAAA,IAAApB,EAAAA,GAAAA,GAAA,+GAQlC+P,GAAYjQ,GAAAA,GAAAA,IAAUwB,KAAAA,IAAAtB,EAAAA,GAAAA,GAAA,kCAItBgQ,GAAUlQ,GAAAA,GAAAA,IAAU0B,KAAAA,IAAAxB,EAAAA,GAAAA,GAAA,yGAOpBiQ,GAAQnQ,GAAAA,GAAAA,IAAU4B,KAAAA,IAAA1B,EAAAA,GAAAA,GAAA,0DAKlBkQ,GAAOpQ,GAAAA,GAAAA,IAAU+B,KAAAA,IAAA7B,EAAAA,GAAAA,GAAA,oDAKjBmQ,GAAQrQ,GAAAA,GAAAA,IAAUkC,KAAAA,IAAAhC,EAAAA,GAAAA,GAAA,oCAIlBoQ,GAAYtQ,GAAAA,GAAAA,OAAawH,KAAAA,IAAAtH,EAAAA,GAAAA,GAAA,orBA+CzBqQ,IAjBSvQ,GAAAA,GAAAA,IAAUyH,KAAAA,IAAAvH,EAAAA,GAAAA,GAAA,6BAINF,GAAAA,GAAAA,IAAU0H,KAAAA,IAAAxH,EAAAA,GAAAA,GAAA,kCAINF,GAAAA,GAAAA,IAAU6H,KAAAA,IAAA3H,EAAAA,GAAAA,GAAA,2DAKnBF,GAAAA,GAAAA,IAAUmO,KAAAA,IAAAjO,EAAAA,GAAAA,GAAA,8BAIHF,GAAAA,GAAAA,IAAUwQ,KAAAA,IAAAtQ,EAAAA,GAAAA,GAAA,yO,WC1MzBuQ,GAAoB,WAE7B,OACI9M,EAAAA,GAAAA,MAAC6L,GAAgB,CAAA9L,SAAA,EAIbC,EAAAA,GAAAA,MAAC8L,GAAe,CAAA/L,SAAA,EACZC,EAAAA,GAAAA,MAAC+L,GAAQ,CAAAhM,SAAA,EACLC,EAAAA,GAAAA,MAACiM,GAAc,CAAAlM,SAAA,EACXD,EAAAA,GAAAA,KAAC8M,GAAY,CAAA7M,SAAC,uBACdC,EAAAA,GAAAA,MAACkM,GAAQ,CAAAnM,SAAA,CAAC,SAAKD,EAAAA,GAAAA,KAACsM,GAAU,CAAArM,SAAC,cAC3BC,EAAAA,GAAAA,MAACsM,GAAS,CAAAvM,SAAA,EACND,EAAAA,GAAAA,KAACyM,GAAO,CAAAxM,SAAC,wBACTC,EAAAA,GAAAA,MAACwM,GAAK,CAAAzM,SAAA,EACFC,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACiN,GAAAA,IAAO,MAAW,6EAE9B/M,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACiN,GAAAA,IAAO,MAAW,sEAE9B/M,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACiN,GAAAA,IAAO,MAAW,wEAK1CjN,EAAAA,GAAAA,KAAC6M,GAAS,CAAC7G,QAAS,kBAAMxB,OAAO0I,SAAS9M,KAAO,UAAU,EAACH,SAAE,oBAGlEC,EAAAA,GAAAA,MAAC+L,GAAQ,CAAAhM,SAAA,EACLC,EAAAA,GAAAA,MAACiM,GAAc,CAAAlM,SAAA,EACXD,EAAAA,GAAAA,KAAC8M,GAAY,CAAA7M,SAAC,qBACdC,EAAAA,GAAAA,MAACkM,GAAQ,CAAAnM,SAAA,CAAC,QAAID,EAAAA,GAAAA,KAACsM,GAAU,CAAArM,SAAC,cAC1BC,EAAAA,GAAAA,MAACsM,GAAS,CAAAvM,SAAA,EACND,EAAAA,GAAAA,KAACyM,GAAO,CAAAxM,SAAC,wBACTD,EAAAA,GAAAA,KAAC0M,GAAK,CAAAzM,UACFC,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACiN,GAAAA,IAAO,MAAW,qFAK1CjN,EAAAA,GAAAA,KAAC6M,GAAS,CAAC7G,QAAS,kBAAMxB,OAAO0I,SAAS9M,KAAO,UAAU,EAACH,SAAE,oBAGlEC,EAAAA,GAAAA,MAAC+L,GAAQ,CAAAhM,SAAA,EACLC,EAAAA,GAAAA,MAACiM,GAAc,CAAAlM,SAAA,EACXD,EAAAA,GAAAA,KAAC8M,GAAY,CAAA7M,SAAC,wBACdC,EAAAA,GAAAA,MAACkM,GAAQ,CAAAnM,SAAA,CAAC,QAAID,EAAAA,GAAAA,KAACsM,GAAU,CAAArM,SAAC,cAC1BC,EAAAA,GAAAA,MAACsM,GAAS,CAAAvM,SAAA,EACND,EAAAA,GAAAA,KAACyM,GAAO,CAAAxM,SAAC,wBACTD,EAAAA,GAAAA,KAAC0M,GAAK,CAAAzM,UACFC,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACiN,GAAAA,IAAO,MAAW,qFAK1CjN,EAAAA,GAAAA,KAAC6M,GAAS,CAAC7G,QAAS,kBAAMxB,OAAO0I,SAAS9M,KAAO,UAAU,EAACH,SAAE,uBAmBtED,EAAAA,GAAAA,KAACgM,GAAe,CAAA/L,UAChBC,EAAAA,GAAAA,MAACgM,GAAS,CAAAjM,SAAA,EACFC,EAAAA,GAAAA,MAACiM,GAAc,CAAAlM,SAAA,EACXD,EAAAA,GAAAA,KAAC8M,GAAY,CAAA7M,SAAC,8BACdD,EAAAA,GAAAA,KAACqM,GAAkB,CAAApM,UAACD,EAAAA,GAAAA,KAACuM,GAAoB,CAAAtM,SAAC,yBAC1CC,EAAAA,GAAAA,MAACsM,GAAS,CAAAvM,SAAA,EACND,EAAAA,GAAAA,KAACyM,GAAO,CAAAxM,SAAC,kDACTC,EAAAA,GAAAA,MAACwM,GAAK,CAAAzM,SAAA,EACFC,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACmN,GAAAA,IAAc,MAAW,sEAErCjN,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACmN,GAAAA,IAAc,MAAW,gEAErCjN,EAAAA,GAAAA,MAACyM,GAAI,CAAA1M,SAAA,EACDD,EAAAA,GAAAA,KAAC4M,GAAK,CAAA3M,UAACD,EAAAA,GAAAA,KAACmN,GAAAA,IAAc,MAAW,+EAKjDnN,EAAAA,GAAAA,KAAC6M,GAAS,CAAC7G,QAAS,kBAAMxB,OAAO0I,SAAS9M,KAAO,UAAU,EAACH,SAAE,uBAOlF,EC9Ha2G,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,oTAetB2Q,GAAe7Q,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,gLAWzB4Q,GAAO9Q,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,8HAQjByO,GAAU3O,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,uD,IAKVF,GAAAA,GAAAA,IAAUO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,uL,0CC/BpB6Q,GAAe,WACxB,OACIpN,EAAAA,GAAAA,MAAC0G,GAAS,CAAA3G,SAAA,EACNC,EAAAA,GAAAA,MAAA,OACAqN,MAAO,CACH1M,MAAO,OACTZ,SAAA,EAEED,EAAAA,GAAAA,KAAA,OACIuN,MAAO,CACPzM,OAAQ,MACR0M,QAAS,OACTC,WAAY,WACZC,eAAgB,aAIpB1N,EAAAA,GAAAA,KAAC2N,GAAAA,EAAa,CAACC,MAAOC,GAAAA,EAAAA,KAAWC,OAAQ,CACrC,QAGR9N,EAAAA,GAAAA,KAACqN,GAAI,CAAApN,UACDD,EAAAA,GAAAA,KAACkL,GAAO,CAAAjL,SAAC,WAEbD,EAAAA,GAAAA,KAACoN,GAAY,CAAAnN,UACTC,EAAAA,GAAAA,MAAC6N,GAAAA,EAAS,CACNpE,SAAU,SAAAxI,GAAA,IAAG6M,EAAQ7M,EAAR6M,SAAQ,OAAOjM,QAAQC,IAAIgM,EAAS,EACjDC,WAAS,EAAAhO,SAAA,EAETD,EAAAA,GAAAA,KAACkO,GAAAA,EAAK,CACNC,MAAM,oBAAmBlO,SAAC,6EAI1BD,EAAAA,GAAAA,KAACkO,GAAAA,EAAK,CACNC,MAAM,gBAAelO,SAAC,wGAItBD,EAAAA,GAAAA,KAACkO,GAAAA,EAAK,CACNC,MAAM,uCAAsClO,SAAC,kBAOjE,ECvDa2G,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,+HCEtB2R,GAAwB,WAEjC,OACIpO,EAAAA,GAAAA,KAAC4G,GAAS,GAGlB,ECCa4E,IATgBjP,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,yJASbF,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,kQAatB,SAACa,GAAK,OAAKA,EAAMwD,MAAM,KAGxB2K,GAAalP,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,iGAQvBiP,GAAanP,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,i7BA0CvBkP,GAAYpP,GAAAA,GAAAA,IAAUO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,suBAyCtBmP,GAAWrP,GAAAA,GAAAA,EAAQS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,qTAiBnBoP,GAAetP,GAAAA,GAAAA,KAAWU,KAAAA,IAAAR,EAAAA,GAAAA,GAAA,uaC7H1B4R,GAAW,WAEpB,IAAA3O,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFJE,GAAFL,EAAHI,IAAWJ,EAANK,QAKPe,EAAS0D,OAAO8J,YAEtB,OACItO,EAAAA,GAAAA,KAACwL,GAAU,CAAC1K,OAAQA,EAAOb,UACvBD,EAAAA,GAAAA,KAACyL,GAAU,CAAAxL,UACPC,EAAAA,GAAAA,MAACwL,GAAU,CAAAzL,SAAA,EACPD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,SAAQH,UACnBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,eAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,YAAWH,UACtBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,kBAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,aAAYH,UACvBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,mBAGtBD,EAAAA,GAAAA,KAAC2L,GAAS,CAACxL,UAAWJ,EAAS,SAAW,GAAGE,UACzCD,EAAAA,GAAAA,KAAC4L,GAAQ,CAACxL,KAAK,eAAcH,UACzBD,EAAAA,GAAAA,KAAC6L,GAAY,CAAA5L,SAAC,0BAO1C,EC5Ca2G,GAAYrK,GAAAA,GAAAA,IAAUC,KAAAA,IAAAC,EAAAA,GAAAA,GAAA,qHAQtBoK,GAAiBtK,GAAAA,GAAAA,IAAUG,KAAAA,IAAAD,EAAAA,GAAAA,GAAA,uEAwB3B2O,IAlBQ7O,GAAAA,GAAAA,IAAUK,KAAAA,IAAAH,EAAAA,GAAAA,GAAA,mHAQDF,GAAAA,GAAAA,IAAUM,KAAAA,IAAAJ,EAAAA,GAAAA,GAAA,2JAUnBF,GAAAA,GAAAA,GAASO,KAAAA,IAAAL,EAAAA,GAAAA,GAAA,6PAWjB2B,IAAW7B,EAAAA,GAAAA,IAAO8B,GAAAA,cAAP9B,CAAqBS,KAAAA,IAAAP,EAAAA,GAAAA,GAAA,mHCnChC8R,GAAuB,WAEhC,IAAA7O,GAAwBC,EAAAA,GAAAA,IAAU,CAC9BC,UAAW,GACXC,aAAa,IAFTC,EAAGJ,EAAHI,IAAWJ,EAANK,OAKb,OACIG,EAAAA,GAAAA,MAAC0G,GAAS,CAAC9G,IAAKA,EAAIG,SAAA,EAChBD,EAAAA,GAAAA,KAAC6G,GAAc,CAAA5G,UACPD,EAAAA,GAAAA,KAAC5B,GAAQ,CACTmC,IAAG,8EAEHwG,OAAO,OACPrG,QAAQ,OACRsG,OAAO,yRAHF,iBAUbhH,EAAAA,GAAAA,KAACoL,GAAK,CAAAnL,SAAC,YAGnB,C","sources":["components/Discography/styles.tsx","components/Discography/optimisedImage.tsx","components/Discography/index.tsx","components/Navbar/styles.tsx","components/Navbar/index.tsx","components/Sidebar/styles.tsx","components/Landing/styles.tsx","components/Landing/index.tsx","components/Contact/styles.tsx","components/Contact/index.tsx","components/Shows/styles.tsx","components/Shows/index.tsx","components/Downloads/styles.tsx","components/Downloads/optimisedImage.tsx","components/Downloads/index.tsx","components/DownloadsHeader/styles.tsx","components/DownloadsHeader/index.tsx","components/DiscographyHeader/styles.tsx","components/DiscographyHeader/index.tsx","components/ServicesHeader/styles.tsx","components/ServicesHeader/index.tsx","components/SidebarDownloads/styles.tsx","components/SidebarDownloads/index.tsx","components/Services/styles.tsx","components/Services/index.tsx","components/FAQ/styles.tsx","components/FAQ/index.tsx","components/AdditionalViewport/styles.tsx","components/AdditionalViewport/index.tsx","components/Sidebar3/styles.tsx","components/Sidebar3/index.tsx","components/ShowsHeader/styles.tsx","components/ShowsHeader/index.tsx"],"sourcesContent":["import styled, { releasesType, propsType } from 'styled-components';\nimport { Blurhash } from \"react-blurhash\";\nimport {\n  LazyLoadImage,\n} from \"react-lazy-load-image-component\";\nimport { Skeleton } from 'baseui/skeleton';\n\nexport const ImageWrapper = styled.div`\n  position: relative;\n  opacity: 0;\n  transform: translateY(0);\n  transition: all 2s;\n  min-width: 1000px;\n`;\n\nexport const ImageWrapperAnimation = styled.div`\n  position: relative;\n  transform: translateY(20%);\n  transition: all 2s;\n`\n\nexport const StyledBlurhash = styled(Blurhash)`\n  // position: absolute !important;\n  top: 0;\n  left: 0;\n`;\n\nexport const Text = styled.div`\n  display: flex;\n  justify-content: center;\n  mix-blend-mode: difference;\n\n  @media and screen (max-width: 768px) {\n    justify-content: center;\n  }\n`\n\nexport const ImagesContainer = styled.div<releasesType>`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n  width: 100%;\n  height: auto;\n`;\n\nexport const HiddenImage = styled.div`\n    opacity: 0;\n    transition: all 2s;\n`\n\nexport const ShowImage = styled.div`\n    opacity: 1;\n    transition: all 2s;\n`\n\nexport const HeadingContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  padding: 20px;\n`\n\nexport const ImageWrapper2 = styled.div`\n  overflow: hidden;\n  position: relative;\n  transition: all .2s ease-in-out;\n  border-radius: 10px;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n`;\n\nexport const Shown = styled.div<propsType>`\n  opacity: 0;\n  transition: all 2s;\n  padding: 10px;\n  filter: blur(5px);\n  transform: translateY(20px);\n\n  &.active {\n    opacity: 1;\n    transform: translateY(0);\n    transition: all 1s;\n    filter: blur(0);\n  }\n\n  :nth-child(1n) {\n    transition-delay: ${props => props.transitionDelay}ms;\n  }\n`\n\nexport const Text2 = styled.div`\n  display: flex;\n  justify-content: center;\n  mix-blend-mode: difference;\n\n  @media and screen (max-width: 768px) {\n    justify-content: center;\n  }\n`\n\nexport const Loading = styled.div`\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 300px;\n  height: 300px;\n\n  @media screen and (max-width: 768px) {\n    width: 150px;\n    height: 150px;\n  }\n`\n\nexport const Img = styled.div`\n  border-radius: 5px;\n`\n\nexport const AllReleases = styled.div`\n  position: relative;\n  overflow: hidden;\n  background-color: black;\n  z-index: 2;\n`\n\nexport const AllReleasesImages = styled.div`\n  vertical-align: top;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  flex: 1 0 21%;\n  padding-top: 20px;\n`\n\nexport const A = styled.a`\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n  width: 300px;\n  height: 300px;\n\n  @media screen and (max-width: 768px) {\n    width: 150px;\n    height: 150px;\n  }\n`\n\nexport const SkeletonContainer = styled(Skeleton)`\n    width: 300px;\n    height: 300px;\n    z-index: 5;\n\n    @media screen and (max-width: 768px) {\n      width: 150px;\n      height: 150px;\n    }\n`","import { useState } from \"react\";\nimport { useInView } from 'react-intersection-observer';\nimport { Skeleton } from \"baseui/skeleton\";\nimport {\n  Shown,\n  ImageWrapper2, \n  Loading,\n  Text2,\n  Img,\n  A,\n  LazyLoad, \n  SkeletonContainer\n} from './styles';\n\ninterface IOptimizedImageProps {\n  image: { name: string; picture: string; redirectURL: string;};\n  transitionDelay: number;\n}\n\nexport const OptimizedImage = (props: IOptimizedImageProps) => {\n  const { image, transitionDelay } = props;\n\n  const [isLoaded, setLoaded] = useState(false);\n  const [isLoadStarted, setLoadStarted] = useState(false);\n\n  const handleLoad = () => {\n    setLoaded(true);\n  };\n\n  const handleLoadStarted = () => {\n    setLoadStarted(true);\n  };\n\n  const url = `${process.env.REACT_APP_API_ENDPOINT_URL}/${image.picture}`;\n\n  const { ref, inView } = useInView({\n    threshold: 0.1,\n    triggerOnce: true\n  });\n\n  return (\n    <div ref={ref}>\n\n    <Shown className={inView ? \"active\" : \"\"} transitionDelay={transitionDelay}>\n      <ImageWrapper2>\n      <Img>\n      <A href={image.redirectURL} target=\"_blank\">\n      <LazyLoad\n        key={image.name}\n        src={url}\n        afterLoad={handleLoad}\n        beforeLoad={handleLoadStarted}\n        loading='lazy'\n      />\n      </A>\n      </Img>\n      {/*  true         false*/}\n      {!isLoaded && isLoadStarted && (\n          <Loading>\n            <SkeletonContainer animation width=\"300px\" height=\"300px\"/>\n          </Loading>\n        )\n      }\n      </ImageWrapper2>\n      <Text2>{image.name}</Text2>\n    </Shown>\n    </div>\n\n  );\n}","import { \n    AllReleases,\n    AllReleasesImages,\n} from './styles';\nimport {\n    HeadingContainer,\n    ImagesContainer\n} from './styles';\nimport { useEffect, useState } from 'react';\nimport { OptimizedImage } from './optimisedImage';\nimport { Heading, HeadingLevel } from 'baseui/heading';\nimport axios from 'axios';\n\nexport const DiscographyComponent = () => { \n\n    const [images, setImages] = useState<any[]>(\n        []\n    );\n\n    const fetchImages = async () => {\n\n        const response = await axios.get(`${process.env.REACT_APP_API_ENDPOINT_URL}/api/v1/releases/images`);\n        console.log(response)\n        setImages(response.data)\n    };\n\n    useEffect(() => {\n        fetchImages();\n    }, []);\n\n    return (\n        <AllReleases>\n            {/* <HeadingContainer>\n                <HeadingLevel>\n                    <Heading>\n                        DISOGRAPHY\n                    </Heading>\n                </HeadingLevel>\n            </HeadingContainer> */}\n\n            <AllReleasesImages>\n                <ImagesContainer containerSize={images.length}>\n                    {images?.map((image, index) => (\n                        <OptimizedImage key={image.name} image={image} transitionDelay={index * 100}/>\n                    ))}\n                </ImagesContainer>\n            </AllReleasesImages>  \n        </AllReleases>\n    )\n}","import styled, { propsType, dropdownType } from \"styled-components\";\nimport { Link } from 'react-router-dom';\nimport { FaTimes } from 'react-icons/fa';\n\ninterface isOpenType {\n    isOpen: boolean;\n}\n\nexport const Navbar = styled.nav`\n    position: fixed;\n    font-size: 15px;\n    font-weight: 600;\n    display: flex;\n    justify-content: space-between;\n    padding: 20px;   \n    align-items: center;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0;\n    -webkit-backface-visibility: visible;\n    -webkit-transform:translateZ(0); \n    max-width: 100vw;\n    transition: top 0.5s;\n    z-index: 4;\n\n    &.hidden {\n        top: -100px;\n    }\n`\n\nexport const NavbarLeft = styled.div`\n    display: flex;\n    align-items: center;\n    max-width: 1240px;\n    padding: 5px; // 40px;\n    width: 100%;\n\n    @media screen and (min-width: 1215px) {\n        // display: none;\n    }\n`\n\nexport const NavbarMiddle = styled.div`\n    display: flex;\n    margin-left: 35px;\n\n    @media screen and (max-width: 1215px) {\n        margin: 10px;\n    }\n`\n\nexport const NavbarRight = styled.div`\n    display: flex;\n    margin: 10px;\n    margin-bottom: 3px;\n\n    @media screen and (max-width: 1215px) {\n        display: none;\n    }\n`\n\nexport const NavbarSocialLogo = styled.div`\n    padding-right: 20px;\n\n    &:hover {\n        color: #2E2423;\n    }\n`\n\nexport const NavbarText = styled.div`\n    padding: 0px 15px 0px 15px;\n    font-size: 20px;\n\n    &:hover {\n        cursor: pointer;\n    }\n\n    @media screen and (max-width: 1215px) {\n        // display: none;\n    }\n`\n\nexport const NavbarLink = styled.a`\n    text-decoration: none;\n    color: #728484;\n    font-size: 20px;\n\n    &:hover {\n        color: #2E2423;\n    }\n`\n\nexport const NavbarMobileLink = styled.a<propsType>`\n    text-decoration: none;\n    color: inherit;\n    opacity: 0;\n    transition: all 1s;\n    padding: 5px;\n    filter: blur(5px);\n    transform: translateX(20px);\n\n    &.active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: all 1s;\n        filter: blur(0);\n    }\n\n    :nth-child(1n) {\n        transition-delay: ${props => props.transitionDelay}ms;\n    }\n`\n\nexport const MobileNavbar = styled.div`\n    font-size: 15px;\n    font weight: 200;\n    box-sizing: border-box;\n    verticle-align: baseline;\n\n    @media screen and (max-width: 1215px) {\n        display: none;\n    }\n`\n\nexport const MobileNavbarIcon = styled.div`\n\n    padding-top: 4px;\n\n    @media screen and (min-width: 1215px) {\n        display: none;\n    }\n`\n\nexport const MobileNavbarDropdown = styled.aside<isOpenType>`\n    position: fixed;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n    background-color: black;\n    display: grid;\n    align-items: center;\n    top: 0;\n    left: 0;\n    transition: 0.3s ease-in-out;\n    opacity: ${({ isOpen }) => (isOpen ? '100%' : '0')};\n    top: ${({ isOpen }) => (isOpen ? '0' : '-100%')};\n    grid-column-start: 0;\n    overflow: ${({ isOpen }) => (isOpen ? \"hidden\": \"auto\")};\n`\n\nexport const Icon = styled.div`\n    position: absolute;\n    top: 1.2rem;\n    right: 1.5rem;\n    background: transparent;\n    font-size: 2rem;\n    cursor: pointer;\n    outline: none;\n    color: black;\n    z-index: 1;\n\n    &:hover {\n        color: #2E2423;\n        transition: all 0.2s ease-in-out;\n    }\n`\n\nexport const SidebarWrapper = styled.div`\n    color: #black;    \n`\n\nexport const SidebarMenu = styled.ul`\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(6, 80px);\n    text-align: center;\n\n    // @media screen and (max-width: 480px) {\n    //     grid-template-rows: repeat(6, 60px);   \n    // }\n`\nexport const SidebarLink = styled(Link)`\n`\n\nexport const CloseIcon = styled(FaTimes)`\n    color: #fff;\n    margin-top: 10px;\n    margin-right: 5px;\n`\n\nexport const MobileNavbarPositioning = styled.nav`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    max-width: 1240px;\n    margin: 0px auto;\n    padding: 24px 40px;\n    width: 100%\n`\n\nexport const NavbarLogo = styled.img`\n    width: 100px;\n    height: 25px;\n`\n\nexport const MobileSocials = styled.div`\n    display: flex;\n    justify-content: center;\n`\n\nexport const NavbarDropdown = styled.div`\n  position: relative;\n`;\n\nexport const NavbarDropdownMenu = styled.ul<dropdownType>`\n  position: absolute;\n  margin-left: 5px;\n  top: 100%;\n  left: 0;\n  list-style: none;\n  background-color: #c7c4bd;\n  padding: 0;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  width: 200px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 5px;\n  pointer-events: none;\n  display: ${({ isDropdownOpen }) => isDropdownOpen ? 'block' : 'none'};\n  mix-blend-mode: normal;\n`;\n\nexport const NavbarDropdownItem = styled.ul`\n    padding-left: 10px;\n    padding-right: 10px;\n    margin-bottom: 5px;\n    font-size: 16px;\n    pointer-events: auto;\n    cursor: pointer;\n    text-decoration: none;\n    color: #fff;\n    width: 100%;\n\n    &:hover {\n        color: #000;\n    }\n`\n","import { \n    Navbar, \n    NavbarLeft, \n    NavbarMiddle, \n    MobileNavbarIcon,\n    NavbarText,\n    MobileNavbarDropdown,\n    CloseIcon,\n    Icon,\n    SidebarWrapper,\n    SidebarMenu,\n    NavbarLink,\n    NavbarRight,\n    NavbarSocialLogo,\n    NavbarLogo,\n    MobileSocials, \n    NavbarMobileLink, \n} from './styles';\nimport { useState, useEffect, useRef } from 'react';\nimport { \n    AiOutlineMenu, \n    AiOutlineInstagram, \n    AiOutlineTwitter,\n} from 'react-icons/ai';\nimport { IconContext } from 'react-icons';\nimport { FaSoundcloud, FaTiktok } from 'react-icons/fa';\nimport { BsFacebook, BsSpotify } from 'react-icons/bs';\nimport { useInView } from 'react-intersection-observer';\n\nexport const NavbarComponent = () => {\n\n    const [isOpen, setIsOpen] = useState(false);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const [prevScrollpos, setPrevScrollpos] = useState<number>(\n        window.pageYOffset\n    );\n    const [isVisible, setIsVisible] = useState<boolean>(true);\n\n    const toggle = () => {\n        setIsOpen(!isOpen)\n    };\n\n    const { ref, inView } = useInView({\n        threshold: 0,\n    });\n\n    const toggleDropdown = () => {\n        setIsDropdownOpen(!isDropdownOpen);\n    }\n\n    useEffect(() => {\n        const handleScroll = () => {\n            const currentScrollPos = window.pageYOffset;\n            const navbarReference = navbarRef.current;\n            const screenWidth = window.innerWidth;\n            \n            if (navbarReference) {\n              setIsVisible(currentScrollPos <= NavbarHeight || screenWidth < 1215); \n              if (currentScrollPos > prevScrollpos && currentScrollPos > NavbarHeight && screenWidth >= 1215) {\n              } else {\n                  navbarReference.classList.remove(\"hidden\");\n              }\n            }\n            setPrevScrollpos(currentScrollPos);\n        };\n    \n        window.addEventListener(\"scroll\", handleScroll);\n    \n        return () => window.removeEventListener(\"scroll\", handleScroll);\n    }, [prevScrollpos]);\n\n    const NavbarHeight = 78;\n    const navbarRef = useRef<HTMLDivElement>(null);\n\n    return (\n        <>\n        <Navbar ref={navbarRef} className={isVisible ? \"\" : \"hidden\"}>\n        <NavbarLeft>\n            <NavbarText>\n                <NavbarLink href=\"/\">\n                    <NavbarLogo src='/Alexxi-Presskit/webp/Alexxi-White-Cropped.webp'/>\n                </NavbarLink>\n            </NavbarText>\n        </NavbarLeft>  \n        <NavbarMiddle>\n            <MobileNavbarIcon onClick={toggle} >\n                <IconContext.Provider value={{ size: '2em', color: \"#728484\" }}>\n                    <AiOutlineMenu />\n                </IconContext.Provider>\n            </MobileNavbarIcon>\n        </NavbarMiddle>\n        <NavbarRight>\n            <NavbarText>\n                <NavbarLink href='/'>HOME</NavbarLink>   \n            </NavbarText>  \n            <NavbarText>\n                <NavbarLink href='/contact'>CONTACT</NavbarLink>   \n            </NavbarText>  \n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://www.instagram.com/alexximusic\" target=\"_blank\"><AiOutlineInstagram /></NavbarLink>\n            </NavbarSocialLogo>\n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://open.spotify.com/artist/08wErbIdNVMxi6hs7ZDg2J?si=JcTvl942S2Sw4529u50o-A\" target=\"_blank\"><BsSpotify /></NavbarLink>\n            </NavbarSocialLogo>\n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://www.soundcloud.com/alexximusic\" target=\"_blank\"><FaSoundcloud /></NavbarLink>\n            </NavbarSocialLogo>\n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://www.tiktok.com/@alexxiofficial?is_from_webapp=1&sender_device=pc\" target=\"_blank\"><FaTiktok /></NavbarLink>\n            </NavbarSocialLogo>\n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://www.twitter.com/alexximusic\" target=\"_blank\"><AiOutlineTwitter /></NavbarLink>\n            </NavbarSocialLogo>\n            <NavbarSocialLogo>\n                <NavbarLink href=\"https://www.facebook.com/alexximusicc\" target=\"_blank\"><BsFacebook /></NavbarLink>\n            </NavbarSocialLogo>\n        </NavbarRight>\n        </Navbar>\n            <MobileNavbarDropdown isOpen={isOpen} onClick={toggle}>\n            <NavbarMiddle>\n                <Icon onClick={toggle}>\n                    <CloseIcon />\n                </Icon>\n            </NavbarMiddle>\n            <SidebarWrapper ref={ref}>\n                <SidebarMenu>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={50} href='/' onClick={toggle}>HOME</NavbarMobileLink>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={100} href='/contact' onClick={toggle}>CONTACT</NavbarMobileLink>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={150} href='/shows' onClick={toggle}>SHOWS</NavbarMobileLink>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={200} href='/services' onClick={toggle}>SERVICES</NavbarMobileLink>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={250} href='/downloads' onClick={toggle}>DOWNLOADS</NavbarMobileLink>\n                    <NavbarMobileLink className={inView ? \"active\" : \"\"} transitionDelay={300} href='/discography' onClick={toggle}>DISCOGRAPHY</NavbarMobileLink>\n                    <br></br>\n                    <br></br>\n                    <MobileSocials>\n                        <NavbarSocialLogo>\n                        <NavbarLink href=\"https://www.instagram.com/alexximusic\" target=\"_blank\"><AiOutlineInstagram /></NavbarLink>\n                        </NavbarSocialLogo>\n                        <NavbarSocialLogo>\n                            <NavbarLink href=\"https://open.spotify.com/artist/08wErbIdNVMxi6hs7ZDg2J?si=JcTvl942S2Sw4529u50o-A\" target=\"_blank\"><BsSpotify /></NavbarLink>\n                        </NavbarSocialLogo>\n                        <NavbarSocialLogo>\n                            <NavbarLink href=\"https://www.soundcloud.com/alexximusic\" target=\"_blank\"><FaSoundcloud /></NavbarLink>\n                        </NavbarSocialLogo>\n                        <NavbarSocialLogo>\n                            <NavbarLink href=\"https://www.tiktok.com/@alexxiofficial?is_from_webapp=1&sender_device=pc\" target=\"_blank\"><FaTiktok /></NavbarLink>\n                        </NavbarSocialLogo>\n                        <NavbarSocialLogo>\n                            <NavbarLink href=\"https://www.twitter.com/alexximusic\" target=\"_blank\"><AiOutlineTwitter /></NavbarLink>\n                        </NavbarSocialLogo>\n                        <NavbarSocialLogo>\n                            <NavbarLink href=\"https://www.facebook.com/alexximusicc\" target=\"_blank\"><BsFacebook /></NavbarLink>\n                        </NavbarSocialLogo>\n                    </MobileSocials>\n                </SidebarMenu>\n            </SidebarWrapper>\n        </MobileNavbarDropdown>\n        </>\n    )\n}","import styled from 'styled-components';\n\nexport const Container = styled.nav`\n    position: absolute;\n    left: 3vw;\n    bottom: 3vw;\n    transform: translate3d(0,0,0);\n    padding-right: .5em;\n    padding-left: 0;\n    margin-left: .25em;\n    top: auto;\n    width: 90%;\n    box-sizing: border-box;\n    z-index: 3;\n    font-size: 72px;\n    font-weight: normal;\n    letter-spacing: 0px;\n    line-height: 1.2em;\n    text-transform: none;\n    font-size: 108px;\n    font-weight: 700;\n    font-style: normal;\n    letter-spacing: .05em;\n    line-height: .9em;\n    text-transform: uppercase;\n\n    @media screen and (max-width: 1215px) {\n        z-index: 3;\n        font-weight: 700;\n        font-style: normal;\n        letter-spacing: .05em;\n        line-height: .9em;\n        text-transform: uppercase;\n        // display: none;\n        font-size-auto;\n    }\n`;\n\nexport const TextArray = styled.div`\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    opacity: 0;\n    transform: translateX(-20px);\n    transition: all 1s;\n\n    &.active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: all 1s;\n        filter: blur(0);\n    }\n\n    :nth-child(1) {\n        transition-delay: 100ms;\n    }\n\n    :nth-child(2) {\n        transition-delay: 250ms;\n    }\n\n    :nth-child(3) {\n        transition-delay: 400ms;\n    }\n\n    :nth-child(4) {\n        transition-delay: 550ms;\n    }\n\n    @media screen and (min-width:889px) {\n        letter-spacing: .05em;\n        text-transform: uppercase;\n    }\n`\n\nexport const Redirect = styled.a`\n    display: inline-block;\n    padding: 1.75vw 0;\n    margin: 0;\n    color: #fff;\n    text-decoration: none;\n\n    @media screen and (min-width:889px) {\n        font-size: 5.625vw;\n    }\n`\n\nexport const BlockStyling = styled.span`\n    z-index: 3;\n    position: relative;\n    background-color: #728484;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    -webkit-box-decoration-break: clone;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    transition: .14s ease-in;\n\n    &:hover {\n        color: #2E2423;\n    }\n`","import styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    postition: relative;\n    width: 100vw;\n    height: 100vh;\n    text-align: center;\n    // z-index: 2;\n`\n\nexport const ImageContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n`\n\nexport const Image = styled.img`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`\n\nexport const TitleContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.2;\n    background-color: #728484;\n    z-index: 2;\n    position: absolute;\n    top: 0;\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n    object-position: 0px;\n`","import {\n    Container, \n    ImageContainer,\n    Image, \n    LazyLoad\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\nimport { useState} from 'react';\nimport { LoadingComponent } from '../LoadingComponent';\n\nexport const LandingComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n        <Container ref={ref} >\n            <ImageContainer>\n                    <LazyLoad \n                    src={`https://ik.imagekit.io/cpculmynsz/Studio_pic-09.jpg?updatedAt=1687358065357`}\n                    key={\"DiscographyImage\"}\n                    effect='blur'\n                    loading='lazy'\n                    srcSet='\n                    https://ik.imagekit.io/cpculmynsz/tr:w-800/Studio_pic-09.jpg?updatedAt=1687358065357 800w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1200/Studio_pic-09.jpg?updatedAt=1687358065357 1200w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1600/Studio_pic-09.jpg?updatedAt=1687358065357 1600w\n                    '\n                    />\n            </ImageContainer>\n        </Container>\n    );\n}","import styled from 'styled-components';\nimport { Input } from \"baseui/input\";\nimport { Textarea } from 'baseui/textarea';\n\nexport const Container = styled.div`\n    width: 100vw;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n\n    @media screen and (max-width: 768px) {\n      height: 600px;\n    }\n`\n\nexport const FormContainer = styled.div`\n    padding: 20px;\n    width: 600px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    @media screen and (max-width: 768px) {\n      width: 80vw;\n    }\n`\n\nexport const ContactText = styled.div`\n    font-size: 25px;\n    font-weight: 600;\n    padding-top: 80px;\n    display: flex;\n    width: 100vw;\n    justify-content: center;\n\n    @media screen and (max-width: 768px) {\n      font-size: 25px;\n      text-align: center;\n  }\n`\n\nexport const InputWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 600px;\n  margin: 1rem 0;\n\n  @media screen and (max-width: 768px) {\n    width: 80vw;\n  }\n`;\n\nexport const StyledInput = styled(Input)`\n  width: 100%;\n  margin-bottom: 20em !important;\n`;\n\nexport const StyledTextInput = styled(Textarea)`\n  width: 100%;\n  margin-bottom: 20em !important; \n`;\n\ninterface isOpenType {\n  isOpen: boolean;\n}\n\nexport const NotificationOpacity = styled.aside<isOpenType>`\n  opacity: ${({ isOpen }) => (isOpen ? '100%' : '0')};\n`\n\nexport const ButtonWrapper = styled.div`\n  display: flex;\n`\n\nexport const CaptchaContainer = styled.div`\n  padding-bottom: 20px;\n`\n\nexport const BookingContainer = styled.div`\n  display: flex;\n  justify-content: center; \n  flex-wrap: wrap;\n  width: 100vw;\n  padding-top: 100px;\n`\n\nexport const BookingTitle = styled.div`\n  font-size: 25px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding-bottom: 20px;\n  font-weight: 600;\n`\n\nexport const Email = styled.div`\n  padding-bottom: 30px;\n`","import { \n    Container,\n    FormContainer,\n    ContactText,\n    InputWrapper,\n    StyledInput,\n    StyledTextInput,\n    ButtonWrapper,\n    CaptchaContainer, \n    BookingContainer, \n    BookingTitle, \n    Email\n} from './styles';\nimport React, { useState } from 'react';    \nimport { Button } from 'baseui/button';\nimport { useFormik } from \"formik\";\nimport emailjs from '@emailjs/browser';\nimport {\n  useSnackbar,\n  DURATION,\n} from 'baseui/snackbar';\nimport { Check, Delete } from 'baseui/icon';\nimport ReCAPTCHA from 'react-google-recaptcha';\n\nexport const ContactComponent = () => { \n\n    const { enqueue } = useSnackbar();\n\n    function successEmail() {\n        enqueue({\n            message: 'Success! Email sent.',\n            startEnhancer: ({size}) => <Check size={size} />,\n        },\n        DURATION.short,\n        )\n    }\n\n    function errorEmail() {\n        enqueue({\n            message: 'Error! Please Try Again later.',\n            startEnhancer: ({size}) => <Delete size={size} />,\n        },\n        DURATION.short,\n        )\n    }\n\n    const formik = useFormik({\n        initialValues: {\n          name: \"\",\n          email: \"\",\n          message: \"\"\n        },\n        onSubmit: async ( values, action )=> {\n            try {\n                \n                var templateParams = {\n                    name: values.name,\n                    email: values.email,\n                    message: values.message\n                };\n\n                emailjs.send(\n                    process.env.REACT_APP_EMAIL_SERVICE_ID, \n                    process.env.REACT_APP_EMAIL_TEMPLATE_ID, \n                    templateParams, \n                    process.env.REACT_APP_EMAIL_PUBLIC_KEY\n                    )\n                .then(function(response) {\n                    console.log('SUCCESS!', response.status, response.text);\n                    successEmail()\n                    setCaptcha(true)\n\n                }, function(error) {\n                    console.log('FAILED...', error);\n                    errorEmail()\n                });\n                action.setSubmitting(false)\n\n            } catch(error) {\n                console.log(error)\n            }\n        },\n    });\n\n    const [captcha, setCaptcha] = useState<boolean>(true);\n\n    function passCaptcha () {\n        setCaptcha(false)\n    }\n\n    return (\n        <Container>\n            <ContactText>CONTACT OUR TEAM</ContactText>\n            <FormContainer>\n                <React.Fragment>\n                    \n                    <form onSubmit={formik.handleSubmit}>\n                            <InputWrapper>\n                                <StyledInput\n                                name=\"name\"\n                                placeholder='Name'\n                                value={formik.values.name}  \n                                onChange={formik.handleChange}\n                                clearOnEscape\n                                required\n                                />\n                            </InputWrapper>\n                            <InputWrapper>\n                                <StyledInput\n                                name=\"email\"\n                                placeholder='Email'\n                                value={formik.values.email}\n                                onChange={formik.handleChange}\n                                clearOnEscape\n                                type=\"email\"\n                                required\n                                />\n                            </InputWrapper>\n                            <InputWrapper>\n                                <StyledTextInput \n                                name=\"message\"\n                                placeholder='Type your message here!'\n                                value={formik.values.message}  \n                                onChange={formik.handleChange}\n                                clearOnEscape\n                                size=\"large\"\n                                required\n                                />\n                            </InputWrapper>\n\n                            <CaptchaContainer>\n                                <ReCAPTCHA \n                                sitekey={process.env.REACT_APP_CAPTCHA_SITE_KEY}\n                                onChange={passCaptcha}\n                                theme='dark'\n                                />\n                            </CaptchaContainer>\n                    \n                        <ButtonWrapper>\n                            <Button type=\"submit\" isLoading={formik.isSubmitting} disabled={captcha}>Submit</Button>\n                        </ButtonWrapper>\n                    </form>\n                </React.Fragment>\n            </FormContainer>\n            <BookingContainer>\n                <BookingTitle>BOOKINGS / OTHER INQUIRIES</BookingTitle>\n                <Email>info@alexxiofficial.com</Email>\n            </BookingContainer>\n        </Container>\n    )  \n}","import styled, { propsType } from 'styled-components';\n\ninterface containerSizeType {\n    containerSize: number;\n}\n\nexport const ComponentContainer = styled.div`\n    background-color: #141414;\n    z-index: 12;\n    position: relative;\n    min-height: 80vh;\n    max-width: 100vw;\n`\n\nexport const Container = styled.div`\n    max-width: 100vw;\n    box-sizing: border-box;\n    display: flex;\n    flex: 0 1 auto;\n    flex-direction: row;\n    flex-wrap: wrap;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    boder: 0;\n    font-size: 100%;\n    vertical-align: initial;\n    margin-top: 20px;\n    z-index: 12;\n    height: 100%;\n\n    @media screen and (max-width: 1284px) {\n        margin: 0;\n    }\n`\n\nexport const TitleContainer = styled.div`\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n    padding-left: 118px;\n\n    @media screen and (max-width: 1284px) {\n        padding-left: 24px !important;\n        padding-right: 24px !important;\n    }\n`\n\nexport const TextContainer = styled.div`\n    display: flex;\n    align-items: center;\n    height: 80vh;\n    z-index: 1;\n    transform: translateX(-1%);\n\n    &.active {\n        transform: translateX(0);\n        transition: all 2s;\n        padding: 5px;\n        z-index: 1;\n    }\n\n    @media screen and (max-width: 1284px) {\n        height: 680px;\n        transform: translateX(0);\n        justify-content: center;\n        width: 100%\n    }\n\n    @media screen and (max-width: 768px) {\n        height: 380px;\n        transform: translateX(0);\n        justify-content: center;\n        width: 100%\n    }\n`\nexport const MediaContainer = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    max-height: 657px;\n    overflow: hidden;\n\n    @media screen and (max-width: 1284px) {\n        // align-items: center;\n        height: 680px;\n    }\n\n    @media screen and (max-width: 768px) {\n        // align-items: center;\n        height: 380px;\n    }\n`\n\nexport const MediaWrapper = styled.div`\n    position: absolute;\n    right: 0;\n    width: 100%;\n    max-width: 1168px;\n    z-index: -1;\n\n    @media screen and (max-width: 1284px) {\n        align-items: center;\n    }\n`\n\nexport const Image = styled.div`\n    width: 100%;\n    padding-top: 56.25%;\n    height: 0;\n    position: relative;\n\n    @media screen and (max-width: 1284px) {\n        padding-top: 680px;\n        top: 0;\n    }\n\n    @media screen and (max-width: 768px) {\n        padding-top: 380px;\n        top: 0;\n    }\n`\n\nexport const ImageCSS = styled.div`\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translateX(1%);\n\n    &.active {\n        transform: translateX(0);\n        transition: all 3s;\n    }\n\n    @media screen and (max-width: 1284px) {\n        height: 100%;\n        width: auto;\n        left: 50%;\n    }\n`\n\nexport const ImageScale = styled.img`\n    width: 90%;\n    height: 100%;\n\n    @media screen and (max-width: 1284px) {\n        width: 100vw;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n`\n\nexport const Text = styled.h1`\n    font-size: 72px;\n    z-index: 3;\n\n    @media screen and (max-width: 1284px) {\n        font-size: 32px;\n    }\n`\n\nexport const InfoContainer = styled.div<containerSizeType>`\n    max-height: ${props => props.containerSize * 61 || '0'}px;\n    max-width: 100vw;\n    padding: 118px 118px;\n    padding-top: 20px;\n    z-index: 20;\n`\n\nexport const InfoContainer2 = styled.div`\n    padding: 20px 118px 0px 118px;\n    z-index: 12;\n`\n\nexport const Shows = styled.div`\n    border-top: 1px solid white;\n`\n\nexport const Section = styled.div<propsType>`\n    height: 50px;\n    border-bottom: 1px solid white;\n    padding: 14px 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 500;\n    text-transform: uppercase;\n    opacity: 0;\n    transform: translateY(20%);\n    transition: all 2s;\n\n    &.active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: all 2s;\n        padding: 5px;\n    }\n\n    :nth-child(1n) {\n        transition-delay: ${props => props.transitionDelay}ms;\n    }\n\n    @media screen and (max-width: 768px) {\n        height: 135px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n`\n\nexport const LeftSection = styled.div`\n    display: flex;\n\n    @media screen and (max-width: 768px) {\n        flex-wrap: wrap;\n        justify-content: center;\n        width: 100%;\n    }\n`\n\nexport const RightSection = styled.div`\n    text-align: center;\n\n    @media screen and (max-width: 768px) {\n        width: 100%;\n    }\n`\n\nexport const LeftSectionSection = styled.div`\n    display: flex;\n\n    @media screen and (max-width: 768px) {\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    @media screen and (min-width: 768px) {\n        min-width: 50vw;\n    }\n`\n\nexport const Date = styled.div`\n    padding: 5px;\n\n    @media screen and (min-width: 768px) {\n        min-width: 5em;\n    }\n\n    @media screen and (max-width: 768px) {\n        display: flex;\n        justify-content: center;\n        width: 100%;\n    }\n`\n\nexport const Location = styled.div`\n    padding: 5px;\n    min-width: 60%;\n\n    @media screen and (max-width: 768px) {\n        display: flex;\n        justify-content: center;\n        width: 100%;\n    }\n`\n\nexport const City = styled.div`\n    display: flex;\n    padding: 5px;\n    min-width: 40%;\n\n    @media screen and (max-width: 768px) {\n        justify-content: center;\n    }\n\n    @media screen and (min-width: 768px) {\n        min-width: 40%;\n    }\n`\n\nexport const Tickets = styled.button`\n    display: inline-block;\n    background-color: #fff;\n    border-radius: 4px;\n    border-style: none;\n    box-sizing: border-box;\n    color: #000;\n    cursor: pointer;\n    display: inline-block;\n    font-family: \"Farfetch Basis\",\"Helvetica Neue\",Arial,sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n\n    margin: 0;\n    max-width: none;\n    outline: none;\n    overflow: hidden;\n    \n    position: relative;\n    text-align: center;\n    text-transform: none;\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: manipulation;\n    width: 100px;\n    height: 20px;\n    transform: translateX(0);\n    transition: all 5s;\n\n    @media screen and (max-width: 768px) {\n        width: 150px;\n        height: 30px;\n    }\n`\n\nexport const NoShows = styled.div`\n    display: flex;\n    justify-content: center;\n    font-size: 15;\n    font-weight: 600;\n    padding-top: 5px;\n`\n\nexport const HeadingContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    padding-top: 30px;\n    padding-bottom: 10px;\n`","import { \n    ComponentContainer,\n    Container,\n    TitleContainer,\n    TextContainer,\n    MediaContainer,\n    MediaWrapper,\n    Image,\n    ImageCSS,\n    ImageScale,\n    Text,\n    InfoContainer2, \n    HeadingContainer\n} from \"./styles\";\nimport { useInView } from \"react-intersection-observer\";\nimport { HeadingLevel, Heading } from 'baseui/heading';\n\nexport const ShowsComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.5,\n        triggerOnce: true,\n    });\n\n    return (\n        <ComponentContainer ref={ref}>\n            <InfoContainer2>\n                <div id=\"seated-55fdf2c0\" data-artist-id=\"de359041-f1a6-4699-b2ad-fb2c62f80237\" data-css-version=\"2\"></div>\n            </InfoContainer2>\n        </ComponentContainer>\n    )\n}","import styled, { propsType, releasesType } from 'styled-components';\nimport { Skeleton } from 'baseui/skeleton';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    width: 100vw;\n    z-index: 2;\n    position: relative;\n    background-color: black;\n`\n\nexport const HeadingContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    padding-top: 30px;\n    padding-bottom: 10px;\n`\n\nexport const SubHeadingContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    padding: 0px;\n`\n\nexport const ImagesContainer = styled.div<releasesType>`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n  width: 100%;\n  padding-bottom: 50px;\n`;\n\nexport const ImageWrapper = styled.div`\n  overflow: hidden;\n  position: relative;\n  transition: all .2s ease-in-out;\n  border-radius: 10px;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n`;\n\nexport const Shown = styled.div<propsType>`\n  opacity: 0;\n  transition: all 2s;\n  padding: 5px;\n  filter: blur(5px);\n  transform: translateY(20px);\n\n  &.active {\n    opacity: 1;\n    transform: translateY(0);\n    transition: all 1s;\n    filter: blur(0);\n  }\n\n  :nth-child(1n) {\n    transition-delay: ${props => props.transitionDelay}ms;\n  }\n`\n\nexport const Loading = styled.div`\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 300px;\n  height: 300px;\n\n  @media screen and (max-width: 768px) {\n    width: 150px;\n    height: 150px;\n  }\n`\n\nexport const A = styled.a`\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n  width: 300px;\n  height: 300px;\n\n  @media screen and (max-width: 768px) {\n    width: 150px;\n    height: 150px;\n  }\n`\n\nexport const SkeletonContainer = styled(Skeleton)`\n    width: 300px;\n    height: 300px;\n    z-index: 5;\n\n    @media screen and (max-width: 768px) {\n      width: 150px;\n      height: 150px;\n    }\n`","import { useState } from \"react\";\nimport { useInView } from 'react-intersection-observer';\nimport { Skeleton } from 'baseui/skeleton';\nimport {\n  A,\n  Shown,\n  ImageWrapper,\n  Loading, \n  LazyLoad,\n  SkeletonContainer\n} from './styles';\n\ninterface IOptimizedImageProps {\n  image: { name: string; picture: string; downloadURL: string };\n  transitionDelay: number;\n}\n\nexport const OptimizedImage = (props: IOptimizedImageProps) => {\n  const { image, transitionDelay } = props;\n\n  const [isLoaded, setLoaded] = useState(false);\n  const [isLoadStarted, setLoadStarted] = useState(false);\n\n  const handleLoad = () => {\n    setLoaded(true);\n  };\n\n  const handleLoadStarted = () => {\n    setLoadStarted(true);\n  };\n\n  const url = `${process.env.REACT_APP_API_ENDPOINT_URL}/${image.picture}`;\n\n  const { ref, inView } = useInView({\n    threshold: 0.3,\n    triggerOnce: true\n  });\n\n  return (\n    <div ref={ref}>\n\n    <Shown className={inView ? \"active\" : \"\"} transitionDelay={transitionDelay}>\n      <ImageWrapper>\n      <A\n      href={image.downloadURL}\n      target=\"_blank\"\n      >\n      <LazyLoad \n      key={image.name}\n      src={url}\n      afterLoad={handleLoad}\n      beforeLoad={handleLoadStarted}\n      loading='lazy'\n      />\n      </A>\n      {/*  true         false*/}\n      {!isLoaded && isLoadStarted && (\n          <Loading>\n            <SkeletonContainer animation width=\"300px\" height=\"300px\"/>\n          </Loading>\n        )\n      }\n      </ImageWrapper>\n    </Shown>\n    </div>\n\n  );\n}","import { \n    Container,\n    HeadingContainer,  \n    SubHeadingContainer,\n    ImagesContainer\n} from './styles';\nimport { HeadingLevel, Heading } from 'baseui/heading';\nimport { OptimizedImage } from \"./optimisedImage\";\nimport { useState, useEffect } from 'react';\nimport axios from 'axios';\n\nexport const DownloadsComponent = () => { \n\n    const [images, setImages] = useState<any[]>(\n        []\n    );\n\n    const fetchImages = async () => {\n        const response = await axios.get(`${process.env.REACT_APP_API_ENDPOINT_URL}/api/v1/remixes/images`) \n        setImages(response.data)\n    };\n\n    useEffect(() => {\n        fetchImages();\n    }, []);\n\n    return (\n        <Container>\n            <HeadingContainer>\n                <HeadingLevel>\n                    <Heading>FREE DOWNLOADS</Heading>\n                </HeadingLevel>\n            </HeadingContainer>\n            <SubHeadingContainer>\n                <HeadingLevel>\n                    <Heading styleLevel={4}>Click to download</Heading>\n                </HeadingLevel>\n            </SubHeadingContainer>\n\n            <ImagesContainer containerSize={images.length}>\n                {images?.map((image, index) => (\n                    <OptimizedImage key={image.name} image={image} transitionDelay={index * 100}/>\n                ))}\n            </ImagesContainer>\n        </Container>\n    )\n}","import styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    postition: relative;\n    width: 100vw;\n    height: 100vh;\n    text-align: center;\n    z-index: 5;\n`\n\nexport const ImageContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n`\n\nexport const Image = styled.img`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    //position: relative;\n    z-index: 5;\n`\n\nexport const TitleContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.2;\n    background-color: #728484;\n    z-index: 5;\n    position: absolute;\n    top: 0;\n`\n\nexport const Title = styled.h1`\n    color: #fff;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 55px;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    background-color: #728484;\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`","import {\n    Container, \n    ImageContainer,\n    Title,\n    Image, \n    LazyLoad\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\nimport { useState} from 'react';\nimport { LoadingComponent } from '../LoadingComponent';\n\nexport const DownloadsHeaderComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n        <Container ref={ref} >\n            <ImageContainer>\n                    <LazyLoad \n                    src={`https://ik.imagekit.io/cpculmynsz/Studio_pic-10.jpg?updatedAt=1687361140633`}\n                    key={\"DownloadsImage\"}\n                    loading='lazy'\n                    effect='blur'\n                    srcSet='\n                    https://ik.imagekit.io/cpculmynsz/tr:w-800/Studio_pic-10.jpg?updatedAt=1687361140633 800w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1200/Studio_pic-10.jpg?updatedAt=1687361140633 1200w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1600/Studio_pic-10.jpg?updatedAt=1687361140633 1600w\n                    '\n                    />\n            </ImageContainer>\n            <Title>FREE DOWNLOADS</Title>\n        </Container>\n    );\n}","import styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    postition: relative;\n    width: 100vw;\n    height: 100vh;\n    text-align: center;\n    z-index: 2;\n`\n\nexport const ImageContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n`\n\nexport const Image = styled.img`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n    object-position: 0px -600px;\n\n    @media screen and (max-width: 1215px) {\n        object-position: 0px;\n    }\n`\n\nexport const TitleContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.2;\n    background-color: #728484;\n    z-index: 2;\n    position: absolute;\n    top: 0;\n`\n\nexport const Title = styled.h1`\n    color: #fff;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 55px;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    background-color: #728484;\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n    object-position: 0px -600px;\n\n    @media screen and (max-width: 1215px) {\n        object-position: 0px;\n    }\n`","import {\n    Container, \n    ImageContainer,\n    Title,\n    Image, \n    LazyLoad\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\nimport { useState } from 'react';\nimport { LoadingComponent } from '../LoadingComponent';\n\nexport const DiscographyHeaderComponent = () => {\n    \n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n\n        <Container ref={ref} >\n                <ImageContainer>\n                    <LazyLoad \n                    src={`https://ik.imagekit.io/cpculmynsz/Studio_pic-06.jpg?updatedAt=1687361168697`}\n                    key={\"DiscographyImage\"}\n                    effect='blur'\n                    loading='lazy'\n                    srcSet='\n                    https://ik.imagekit.io/cpculmynsz/tr:w-800/Studio_pic-06.jpg?updatedAt=1687361168697 800w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1200/Studio_pic-06.jpg?updatedAt=1687361168697 1200w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1600/Studio_pic-06.jpg?updatedAt=1687361168697 1600w\n                    '\n                    />\n                </ImageContainer>\n                <Title>DISCOGRAPHY</Title>\n        </Container>\n    );\n}","import styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    postition: relative;\n    width: 100vw;\n    height: 100vh;\n    text-align: center;\n    z-index: 2;\n`\n\nexport const ImageContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n`\n\nexport const Image = styled.img`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`\n\nexport const TitleContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.2;\n    background-color: #728484;\n    z-index: 2;\n    position: absolute;\n    top: 0;\n`\n\nexport const Title = styled.h1`\n    color: #fff;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 55px;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    background-color: #728484;\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`","import {\n    Container, \n    ImageContainer,\n    Title,\n    Image, \n    LazyLoad\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\nimport { useState } from 'react';\nimport { LoadingComponent } from '../LoadingComponent';\n\nexport const ServicesHeaderComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n        <Container ref={ref} >\n            <ImageContainer>\n                    <LazyLoad \n                    src={`https://ik.imagekit.io/cpculmynsz/Studio_pic-1.jpg?updatedAt=1687361137228`}\n                    key={\"ServicesImage\"}\n                    loading='lazy'\n                    effect='blur'\n                    srcSet='\n                    https://ik.imagekit.io/cpculmynsz/tr:w-800/Studio_pic-1.jpg?updatedAt=1687361137228 800w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1200/Studio_pic-1.jpg?updatedAt=1687361137228 1200w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1600/Studio_pic-1.jpg?updatedAt=1687361137228 1600w\n                    '\n                    />\n            </ImageContainer>\n            <Title>SERVICES</Title>\n        </Container>\n    );\n}","import styled from 'styled-components';\n\nexport const MainConatiner = styled.div`\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    vertical-align: baseline;\n    transition: opacity 100ms 400ms ease-in;\n`\n\nexport const Container1 = styled.div`\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    vertical-align: baseline;\n`\n\nexport const Container2 = styled.div`\n    top: 0;\n    left: 0;\n    position: relative;\n    height: 100vh;\n    bottom: 0;\n`\n\nexport const Container3 = styled.nav`\n    position: absolute;\n    left: 3vw;\n    bottom: 3vw;\n    bottom: 0;\n    transform: translate3d(0,0,0);\n    padding-right: .5em;\n    padding-left: 0;\n    margin-left: .25em;\n    top: auto;\n    width: 90%;\n    box-sizing: border-box;\n    z-index: 12;\n    font-size: 72px;\n    font-weight: normal;\n    letter-spacing: 0px;\n    line-height: 1.2em;\n    text-transform: none;\n    font-size: 108px;\n    font-weight: 700;\n    font-style: normal;\n    letter-spacing: .05em;\n    line-height: .9em;\n    text-transform: uppercase;\n\n    @media screen and (max-width: 1215px) {\n        z-index: 12;\n        font-weight: 700;\n        font-style: normal;\n        letter-spacing: .05em;\n        line-height: .9em;\n        text-transform: uppercase;\n        display: none;\n    }\n`;\n\nexport const TextArray = styled.div`\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    transform: translateX(-20px);\n    transition: all 1s;\n    z-index: 1;\n    position: relative;\n\n    &.active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: all 1s;\n        filter: blur(0);\n    }\n\n    :nth-child(1) {\n        transition-delay: 100ms;\n    }\n\n    :nth-child(2) {\n        transition-delay: 250ms;\n    }\n\n    :nth-child(3) {\n        transition-delay: 400ms;\n    }\n\n    :nth-child(4) {\n        transition-delay: 550ms;\n    }\n\n    @media screen and (min-width:889px) {\n        letter-spacing: .05em;\n        text-transform: uppercase;\n    }\n`\n\nexport const Redirect = styled.a`\n    display: inline-block;\n    padding: 1.75vw 0;\n    margin: 0;\n    color: #fff;\n    text-decoration: none;\n    position: relative;\n\n    @media screen and (min-width:889px) {\n        font-size: 5.625vw;\n    }\n`\n\nexport const BlockStyling = styled.span`\n    z-index: 1;\n    position: relative;\n    background-color: #728484;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    -webkit-box-decoration-break: clone;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    transition: .14s ease-in;\n    position: relative;\n\n    &:hover {\n        color: #2E2423;\n    }\n`","import { \n    Container1,\n    Container2,\n    Container3,\n    TextArray,\n    Redirect, \n    BlockStyling\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\n\nexport const SidebarDownloadsComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n        <Container1 >\n            <Container2 ref={ref}>\n                <Container3>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/shows'>\n                            <BlockStyling>Shows</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/services'>\n                            <BlockStyling>Services</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/downloads'>\n                            <BlockStyling>Downloads</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/discography'>\n                            <BlockStyling>Discography</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                </Container3>\n            </Container2>\n        </Container1>\n    );\n}","import styled from 'styled-components';\n\nexport const PricingContainer = styled.div`\n    padding: 20px;\n    position: relative;\n    background: black;\n    z-index: 5;\n\n    @media screen and (max-width: 768px) {\n        padding: 20px;\n    }\n`\n\nexport const PricingTitle = styled.div`\n    padding-top: 60px;\n\n    @media screen and (max-width: 768px) {\n        padding-top: 30px;\n    }\n`\n\nexport const SmallText = styled.div`\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    padding-bottom: 10px;\n`\n\nexport const BigText = styled.div`\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    font-size: 30px;\n    font-weight: 600;\n`\n\nexport const PriceBoxSection = styled.div`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 32px;\n    width: 100%;\n    padding-top: 60px;\n    justify-content: center;\n\n    @media screen and (max-width: 768px) {\n        width: 100%;\n        flex-direction: column;\n        justify-content: flex-start;\n        flex-wrap: nowrap;\n    }\n`\n\nexport const PriceBox = styled.div`\n    box-sizing: border-box;\n    /* Auto layout */\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 32px;\n    gap: 32px;\n\n    width: 450px; \n    /* height: 499px; */\n    height: 550px;\n\n    /* Black */\n\n    border: 1px solid #ffffff;\n\n    @media screen and (max-width: 768px) {\n        width: 100%;\n        height: 499px;\n    }\n`\n\nexport const PriceBox2 = styled.div`\n    box-sizing: border-box;\n    /* Auto layout */\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 32px;\n    gap: 32px;\n\n    width: 450px; \n    /* height: 499px; */\n    height: 550px;\n\n    /* Black */\n\n    border: 1px solid #ffffff;\n\n    @media screen and (max-width: 768px) {\n        width: 100%;\n        height: 499px;\n    }\n`\n\nexport const BoxTextSection = styled.div`\n\n`\n\nexport const BoxTitle = styled.div`\n    display: flex;\n    justify-content: center;\n    font-weight: 600;\n`\n\nexport const BoxPrice = styled.div`\n    font-weight: 600;\n    font-size: 33px;\n    line-height: 120%;\n    text-align: center;\n\n    @media screen and (max-width: 768px) {\n        font-size: 30px;\n    }\n`\n\nexport const BoxProductionPrice = styled.div`\n    font-weight: 700;\n    font-size: 46px;\n    line-height: 120%;\n    text-align: center;\n    margin-top: -30px;\n\n    @media screen and (max-width: 768px) {\n        font-size: 40px;\n    }\n`\n\nexport const SmallPrice = styled.span`\n    font-size: 36px;\n\n    @media screen and (max-width: 768px) {\n        font-size: 26px;\n    }\n`\n\nexport const SmallProductionPrice = styled.span`\n    font-size: 26px;\n\n    @media screen and (max-width: 768px) {\n        font-size: 26px;\n    }\n`\n\nexport const TCSection = styled.div`\n    padding-top: 10px;\n`\n\nexport const TCTitle = styled.div`\n    display: flex;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 15px;\n`\n\nexport const Terms = styled.div`\n    padding-top: 20px;\n    min-height: 188px;\n`\n\nexport const Term = styled.div`\n    display: flex;  \n    padding: 10px;\n`\n\nexport const Emoji = styled.div`\n    padding-right: 10px;\n`\n\nexport const BoxButton = styled.button`\n    display: inline-block;\n    background-color: #B19389;\n    border-radius: 4px;\n    border-style: none;\n    box-sizing: border-box;\n    color: #fff;\n    cursor: pointer;\n    display: inline-block;\n    font-family: \"Farfetch Basis\",\"Helvetica Neue\",Arial,sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.5;\n    margin: 0;\n    max-width: none;\n    \n    outline: none;\n   \n    padding: 9px 20px 8px;\n    position: relative;\n    text-align: center;\n    text-transform: none;\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: manipulation;\n    width: 100%;\n    transform: translateX(0);\n    transition: all 5s;\n`\n\nexport const ZIndex = styled.div`\n    z-index: 999;\n`\n\nexport const DrawerBody = styled.div`\n    padding-top: 15px;\n`\n\nexport const DrawerBodyText = styled.div`\n    display: flex;\n    flex-direction: column;\n`\n\nexport const Point = styled.div`\n    display: flex;\n`\n\nexport const SmallBoxText = styled.div`\n    text-align: center;\n    padding-top: 0px;\n    padding-bottom: 35px;\n    font-weight: 900;\n    font-size: 32px;\n    max-height: 100%;\n\n    @media screen and (max-width: 768px) {\n        font-size: 26px;\n    }\n`","import {\n    PricingContainer,\n    PricingTitle,\n    SmallText,\n    BigText,\n    PriceBoxSection,\n    PriceBox,\n    PriceBox2,\n    BoxProductionPrice,\n    BoxTextSection,\n    BoxButton,\n    BoxPrice,\n    SmallPrice,\n    SmallProductionPrice,\n    TCSection,\n    TCTitle,\n    Terms,\n    Term,\n    Emoji,\n    SmallBoxText, \n} from './styles';\nimport { GoCheck, GoChevronRight } from 'react-icons/go';\n\nexport const ServicesComponent = () => {\n\n    return (\n        <PricingContainer>\n            {/* <PricingTitle>\n                <BigText>PRICING</BigText>\n            </PricingTitle> */}\n            <PriceBoxSection>\n                <PriceBox>\n                    <BoxTextSection>\n                        <SmallBoxText>GHOST PRODUCTIONS</SmallBoxText>\n                        <BoxPrice>$1500<SmallPrice>/song</SmallPrice></BoxPrice>\n                        <TCSection>\n                            <TCTitle>TERMS & CONDITIONS</TCTitle>\n                            <Terms>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> 50% non-refundable deposit before I start. Balance due on completion.\n                                </Term>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> I retain producer share of publishing unless otherwise agreed. \n                                </Term>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> 3 free revisions (for production), thereafter $25 each.\n                                </Term>\n                            </Terms>\n                        </TCSection>\n                    </BoxTextSection>\n                    <BoxButton onClick={() => window.location.href = '/contact'} >Get Started</BoxButton>\n                </PriceBox>\n\n                <PriceBox>\n                    <BoxTextSection>\n                        <SmallBoxText>MIXING ENGINEER</SmallBoxText>\n                        <BoxPrice>$400<SmallPrice>/song</SmallPrice></BoxPrice>\n                        <TCSection>\n                            <TCTitle>TERMS & CONDITIONS</TCTitle>\n                            <Terms>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> 50% non-refundable deposit before I start. Balance due on completion.\n                                </Term>\n                            </Terms>\n                        </TCSection>\n                    </BoxTextSection>\n                    <BoxButton onClick={() => window.location.href = '/contact'} >Get Started</BoxButton>\n                </PriceBox>\n\n                <PriceBox>\n                    <BoxTextSection>\n                        <SmallBoxText>MASTERING ENGINEER</SmallBoxText>\n                        <BoxPrice>$125<SmallPrice>/song</SmallPrice></BoxPrice>\n                        <TCSection>\n                            <TCTitle>TERMS & CONDITIONS</TCTitle>\n                            <Terms>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> 50% non-refundable deposit before I start. Balance due on completion.\n                                </Term>\n                            </Terms>\n                        </TCSection>\n                    </BoxTextSection>\n                    <BoxButton onClick={() => window.location.href = '/contact'} >Get Started</BoxButton>\n                </PriceBox>\n\n                {/* <PriceBox>\n                    <BoxTextSection>\n                        <SmallBoxText>MUSIC PRODUCTION LESSONS</SmallBoxText>\n                        <BoxProductionPrice><SmallProductionPrice>CONTACT FOR PRICE</SmallProductionPrice></BoxProductionPrice>\n                        <TCSection>\n                            <TCTitle>TERMS & CONDITIONS</TCTitle>\n                            <Terms>\n                                <Term>\n                                    <Emoji><GoCheck /></Emoji> 50% non-refundable deposit before I start. Balance due on completion.\n                                </Term>\n                            </Terms>\n                        </TCSection>\n                    </BoxTextSection>\n                    <BoxButton onClick={() => window.location.href = '/contact'} >Get Started</BoxButton>\n                </PriceBox> */}\n            </PriceBoxSection>\n            <PriceBoxSection>\n            <PriceBox2>\n                    <BoxTextSection>\n                        <SmallBoxText>MUSIC PRODUCTION LESSONS</SmallBoxText>\n                        <BoxProductionPrice><SmallProductionPrice>CONTACT FOR PRICE</SmallProductionPrice></BoxProductionPrice>\n                        <TCSection>\n                            <TCTitle>1-on-1 Virtual Studio Session where you can:</TCTitle>\n                            <Terms>\n                                <Term>\n                                    <Emoji><GoChevronRight /></Emoji> Ask questions directly related to your music production needs.\n                                </Term>\n                                <Term>\n                                    <Emoji><GoChevronRight /></Emoji> Learn techniques and tips from my production experience.\n                                </Term>\n                                <Term>\n                                    <Emoji><GoChevronRight /></Emoji> Receive personalized guidance tailored to your music projects.\n                                </Term>\n                            </Terms>\n                        </TCSection>\n                    </BoxTextSection>\n                    <BoxButton onClick={() => window.location.href = '/contact'} >Get Started</BoxButton>\n                </PriceBox2>\n\n            </PriceBoxSection>\n        </PricingContainer>\n\n    )\n}","import styled from 'styled-components';\n\nexport const Container = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: nowrap;\n    height: 450px;\n    flex-direction: column;\n    align-content: center;\n    align-items: center;\n    background-color: black;\n    position: relative;\n    z-index: 5;\n    max-width: 100vw;\n`\n\nexport const FAQContainer = styled.div`\n    width: 600px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n\n    @media screen and (max-width: 768px) {\n        width: 80vw;\n    }\n`\n\nexport const Text = styled.div`\n    padding: 10px;\n    height: 100px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`\n\nexport const Heading = styled.div`\n    font-size: 45px;\n    font-weight: 600;\n`\n\nexport const Divider = styled.div`\n    // width: 100%;\n    // height: 50px;\n    // display: flex;\n    // align-items: flex-end;\n    // justify-content: center;\n    position: relative;\n    color: #fff;\n`","import { \n    Container,\n    FAQContainer,\n    Text,\n    Heading,\n    Divider\n} from './styles';\nimport { Accordion, Panel } from \"baseui/accordion\";\nimport { StyledDivider, SIZE } from 'baseui/divider'\n\nexport const FAQComponent = () => {  \n    return (\n        <Container>\n            <div\n            style={{\n                width: '90%',\n            }}\n            >\n                <div\n                    style={{\n                    height: '0px',\n                    display: 'flex',\n                    alignItems: 'flex-end',\n                    justifyContent: 'center',\n                    }}\n                >\n                </div>\n                <StyledDivider $size={SIZE.cell} $style={{\n                    // borderTopColor: \"white\",\n                }}/>\n             </div>\n            <Text>\n                <Heading>FAQ</Heading>\n            </Text>\n            <FAQContainer>\n                <Accordion\n                    onChange={({ expanded }) => console.log(expanded)}\n                    accordion\n                >\n                    <Panel \n                    title=\"How does it work?\">\n                        Fill in the Contact form and I will email you regarding the next steps.\n                    </Panel>\n\n                    <Panel \n                    title=\"How do I pay?\">\n                        Once you fill in the Contact Form, I will include payment steps when I send you a follow up email.\n                    </Panel>\n\n                    <Panel \n                    title=\"What payment methods do you support?\">\n                        PayPal\n                    </Panel>\n                </Accordion>\n            </FAQContainer>\n        </Container>\n    )\n}","import styled from 'styled-components';\n\nexport const Container = styled.div`\n    width: 100vw;\n    height: 100vh;\n\n    @media screen and (max-width: 1215px) {\n        display: none;\n    }\n`","import { \n    Container,\n} from './styles';\n\nexport const AdditionalVPComponent = () => { \n\n    return (\n        <Container>\n        </Container>\n    )  \n}","import styled, { windowHeightType } from 'styled-components';\n\nexport const MainConatiner = styled.div`\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    vertical-align: baseline;\n    transition: opacity 100ms 400ms ease-in;\n`\n\nexport const Container1 = styled.div<windowHeightType>`\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    // pointer-events: none;\n    overflow: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    vertical-align: baseline;\n    height: ${(props) => props.height }px;\n`\n\nexport const Container2 = styled.div`\n    top: 0;\n    left: 0;\n    position: relative;\n    height: 100%;\n    bottom: 0;\n`\n\nexport const Container3 = styled.nav`\n    position: absolute;\n    left: 3vw;\n    bottom: 3vw;\n    bottom: 0;\n    transform: translate3d(0,0,0);\n    padding-right: .5em;\n    padding-left: 0;\n    margin-left: .25em;\n    top: auto;\n    width: 90%;\n    box-sizing: border-box;\n    z-index: 12;\n    font-size: 72px;\n    font-weight: normal;\n    letter-spacing: 0px;\n    line-height: 1.2em;\n    text-transform: none;\n    font-size: 108px;\n    font-weight: 700;\n    font-style: normal;\n    letter-spacing: .05em;\n    line-height: .9em;\n    text-transform: uppercase;\n\n    @media screen and (max-width: 1215px) {\n        z-index: 12;\n        font-weight: 700;\n        font-style: normal;\n        letter-spacing: .05em;\n        line-height: .9em;\n        text-transform: uppercase;\n        // display: none;\n        font-size: 70px;\n        padding-bottom: 5px;\n    }\n\n    @media screen and (max-width: 768px) {\n        font-size: 50px;\n    }\n`;\n\nexport const TextArray = styled.div`\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    transform: translateX(-20px);\n    transition: all 1s;\n    z-index: 3;\n    position: relative;\n\n    &.active {\n        opacity: 1;\n        transform: translateX(0);\n        transition: all 1s;\n        filter: blur(0);\n    }\n\n    :nth-child(1) {\n        transition-delay: 100ms;\n    }\n\n    :nth-child(2) {\n        transition-delay: 250ms;\n    }\n\n    :nth-child(3) {\n        transition-delay: 400ms;\n    }\n\n    :nth-child(4) {\n        transition-delay: 550ms;\n    }\n\n    @media screen and (min-width: 889px) {\n        letter-spacing: .05em;\n        text-transform: uppercase;\n    }\n`\n\nexport const Redirect = styled.a`\n    display: inline-block;\n    padding: 1.75vw 0;\n    margin: 0;\n    color: #fff;\n    text-decoration: none;\n    position: relative;\n\n    @media screen and (min-width: 889px) {\n        font-size: 5.625vw;\n    }\n\n    @media screen and (max-width: 889px) {\n        padding: 3vw 0;\n    }\n`\n\nexport const BlockStyling = styled.span`\n    z-index: 3;\n    position: relative;\n    background-color: #728484;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    -webkit-box-decoration-break: clone;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    font: inherit;\n    vertical-align: baseline;\n    transition: .14s ease-in;\n    position: relative;\n\n    &:hover {\n        color: #2E2423;\n    }\n`","import { \n    Container1,\n    Container2,\n    Container3,\n    TextArray,\n    Redirect, \n    BlockStyling\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\n\nexport const Sidebar3 = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    const height = window.innerHeight;\n\n    return (\n        <Container1 height={height}>\n            <Container2>\n                <Container3>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/shows'>\n                            <BlockStyling>Shows</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/services'>\n                            <BlockStyling>Services</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/downloads'>\n                            <BlockStyling>Downloads</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                    <TextArray className={inView ? \"active\" : \"\"}>\n                        <Redirect href='/discography'>\n                            <BlockStyling>Discography</BlockStyling>\n                        </Redirect>\n                    </TextArray>\n                </Container3>\n            </Container2>\n        </Container1>\n    );\n}","import styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\n\nexport const Container = styled.div`\n    postition: relative;\n    width: 100vw;\n    height: 100vh;\n    text-align: center;\n    z-index: 2;\n`\n\nexport const ImageContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n`\n\nexport const Image = styled.img`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`\n\nexport const TitleContainer = styled.div`\n    width: 100vw;\n    height: 100vh;\n    opacity: 0.2;\n    background-color: #728484;\n    z-index: 1;\n    position: absolute;\n    top: 0;\n`\n\nexport const Title = styled.h1`\n    color: #fff;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 55px;\n    box-shadow: -.25em 0 0 0 #728484 ,calc(.25em - .05em) 0 0 0 #C728484;\n    background-color: #728484;\n`\n\nexport const LazyLoad = styled(LazyLoadImage)`\n    width: 100vw;\n    height: 100vh;\n    object-fit: cover;\n    position: relative;\n    z-index: 1;\n`","import {\n    Container, \n    ImageContainer,\n    Title,\n    Image, \n    LazyLoad\n} from './styles';\nimport { useInView } from 'react-intersection-observer';\nimport { useState} from 'react';\nimport { LoadingComponent } from '../LoadingComponent';\n\nexport const ShowsHeaderComponent = () => {\n\n    const { ref, inView } = useInView({\n        threshold: 0.1,\n        triggerOnce: true\n    });\n\n    return (\n        <Container ref={ref} >\n            <ImageContainer>\n                    <LazyLoad \n                    src={`https://ik.imagekit.io/cpculmynsz/Studio_pic-08.jpg?updatedAt=1687361152983`}\n                    key={\"ShowsImage\"}\n                    effect='blur'\n                    loading='lazy'\n                    srcSet='\n                    https://ik.imagekit.io/cpculmynsz/tr:w-800/Studio_pic-08.jpg?updatedAt=1687361152983 800w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1200/Studio_pic-08.jpg?updatedAt=1687361152983 1200w,\n                    https://ik.imagekit.io/cpculmynsz/tr:w-1600/Studio_pic-08.jpg?updatedAt=1687361152983 1600w\n                    '\n                    />\n            </ImageContainer>\n            <Title>SHOWS</Title>\n        </Container>\n    );\n}"],"names":["ImagesContainer","styled","_templateObject","_taggedTemplateLiteral","_templateObject2","Blurhash","_templateObject3","_templateObject4","_templateObject5","ImageWrapper2","_templateObject6","_templateObject7","_templateObject8","_templateObject9","Shown","_templateObject10","props","transitionDelay","Text2","_templateObject11","Loading","_templateObject12","Img","_templateObject13","AllReleases","_templateObject14","AllReleasesImages","_templateObject15","A","_templateObject16","LazyLoad","LazyLoadImage","_templateObject17","SkeletonContainer","Skeleton","_templateObject18","OptimizedImage","image","_useState","useState","_useState2","_slicedToArray","isLoaded","setLoaded","_useState3","_useState4","isLoadStarted","setLoadStarted","url","concat","process","picture","_useInView","useInView","threshold","triggerOnce","ref","inView","_jsx","children","_jsxs","className","href","redirectURL","target","src","afterLoad","beforeLoad","loading","name","animation","width","height","DiscographyComponent","images","setImages","fetchImages","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","axios","sent","console","log","data","stop","apply","arguments","useEffect","containerSize","length","map","index","Navbar","NavbarLeft","NavbarMiddle","NavbarRight","NavbarSocialLogo","NavbarText","NavbarLink","NavbarMobileLink","MobileNavbarIcon","MobileNavbarDropdown","isOpen","_ref2","_ref3","Icon","SidebarWrapper","SidebarMenu","CloseIcon","Link","FaTimes","NavbarLogo","MobileSocials","_templateObject19","_templateObject20","_templateObject21","_ref4","isDropdownOpen","_templateObject22","NavbarComponent","setIsOpen","_useState5","window","pageYOffset","_useState6","prevScrollpos","setPrevScrollpos","_useState7","_useState8","isVisible","setIsVisible","toggle","handleScroll","currentScrollPos","navbarReference","navbarRef","current","screenWidth","innerWidth","NavbarHeight","classList","remove","addEventListener","removeEventListener","useRef","_Fragment","onClick","IconContext","value","size","color","AiOutlineMenu","AiOutlineInstagram","BsSpotify","FaSoundcloud","FaTiktok","AiOutlineTwitter","BsFacebook","Container","ImageContainer","LandingComponent","effect","srcSet","FormContainer","ContactText","InputWrapper","StyledInput","Input","StyledTextInput","Textarea","ButtonWrapper","CaptchaContainer","BookingContainer","BookingTitle","Email","ContactComponent","enqueue","useSnackbar","formik","useFormik","initialValues","email","message","onSubmit","_onSubmit","values","action","templateParams","emailjs","then","status","text","startEnhancer","Check","DURATION","setCaptcha","error","Delete","setSubmitting","_x","_x2","captcha","React","handleSubmit","placeholder","onChange","handleChange","clearOnEscape","required","type","ReCAPTCHA","sitekey","theme","Button","isLoading","isSubmitting","disabled","ComponentContainer","InfoContainer2","ShowsComponent","_templateObject23","id","HeadingContainer","SubHeadingContainer","ImageWrapper","downloadURL","DownloadsComponent","HeadingLevel","Heading","styleLevel","Title","DownloadsHeaderComponent","DiscographyHeaderComponent","ServicesHeaderComponent","Container1","Container2","Container3","TextArray","Redirect","BlockStyling","SidebarDownloadsComponent","PricingContainer","PriceBoxSection","PriceBox","PriceBox2","BoxTextSection","BoxPrice","BoxProductionPrice","SmallPrice","SmallProductionPrice","TCSection","TCTitle","Terms","Term","Emoji","BoxButton","SmallBoxText","_templateObject24","ServicesComponent","GoCheck","location","GoChevronRight","FAQContainer","Text","FAQComponent","style","display","alignItems","justifyContent","StyledDivider","$size","SIZE","$style","Accordion","expanded","accordion","Panel","title","AdditionalVPComponent","Sidebar3","innerHeight","ShowsHeaderComponent"],"sourceRoot":""}