{"version":3,"file":"js/18453-946b2e457532ad4b6c6b.js","mappings":"sQAIO,IAAMA,GAAUC,EAAAA,EAAAA,IAAOC,EAAAA,GAAPD,CAAYE,IAAAA,EAAAC,EAAA,sHAQtBC,EAAQJ,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,0JAYlBI,EAAWP,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,gEAMrBM,EAAOT,EAAAA,GAAOK,IAAGK,IAAAA,EAAAP,EAAA,gNAGnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,I,WCXlD,QAjBoB,WAClB,OACEC,EAAAA,cAACC,EAAc,CAACC,GAAG,OACjBF,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAG3DP,EAAAA,cAACC,EAAe,KACdD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,OAAOC,MAAM,WACzCT,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,OAAOC,MAAM,YAIhD,E,eCWA,QArB2C,SAAHC,GAIjC,IAHLC,EAAMD,EAANC,OAAMC,EAAAF,EACNG,IAAAA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAWJ,EAAXI,YAEA,OACEd,EAAAA,cAACe,EAAAA,EAAgB,CACfJ,OAAQA,EACRE,IAAKA,EACLC,YAAaA,IACZE,EAAAA,EAAAA,IAA2BL,EAASE,EAAKb,EAAAA,cAACiB,EAAW,OAG5D,E,yBCYA,QA1Ba,SAAHP,GAKH,IAJLQ,EAAER,EAAFQ,GACAC,EAAIT,EAAJS,KACAC,EAAIV,EAAJU,KACAC,EAAGX,EAAHW,IAEA,OACErB,EAAAA,cAACC,EAAc,CAACiB,GAAE,sBAAAI,OAAwBJ,GAAMK,KAAMF,GACpDrB,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAAA,OAAKwB,KAAS,OAAJL,QAAI,IAAJA,OAAI,EAAJA,EAAMM,QAASC,EAAkBC,IAAKP,KAGlDpB,EAAAA,cAACC,EAAW,KAAEmB,GAGpB,E,0aCiCA,QAtCoC,SAAHQ,GAAiE,IAA3DC,EAAiBD,EAAjBC,kBAAmBC,EAAOF,EAAPE,QAAOC,EAAAH,EAAEI,gBAAAA,OAAe,IAAAD,GAAQA,EACxFE,GAA6CC,EAAAA,EAAAA,GAAS,CACpDL,kBAAAA,EACAC,QAAAA,EACAnB,OAAQ,EACRE,IAAK,EACLmB,gBAAAA,IALMG,EAAKF,EAALE,MAAOC,EAAOH,EAAPG,QAASC,EAAMJ,EAANI,OAAWC,EAAKC,EAAAN,EAAAO,GAQxC,OAAIJ,EAEApC,EAAAA,cAACyC,EAAkC,CACjC9B,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,MAMhBb,EAAAA,cAAC0C,EAAAA,EAAS,CACRP,MAAOA,EACPxB,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,IACZ8B,aAAcL,EAAMK,aACpBC,WAAYN,EAAMM,WAClBC,UAAWP,EAAMM,WAAWE,OA/BP,SAACC,EAAUV,EAAQW,EAAQZ,GACpD,OAAIA,GAAgBpB,EAAAA,EAAAA,IAA2BqB,EAAOY,MAAOjD,EAAAA,cAACiB,EAAW,OAElE8B,EAASG,KAAI,SAAAxC,EAAoByC,GAAK,IAAtB9B,EAAGX,EAAHW,IAAQzB,EAAK2C,EAAA7B,EAAA0C,GAAA,OAAcpD,EAAAA,cAACqD,EAAIC,OAAAC,OAAA,CAACC,IAAKL,EAAO9B,IAAK2B,EAAO3B,IAAUzB,GAAS,GACrG,CA6BO6D,CAAmBnB,EAAMS,SAAUV,EAAQC,EAAMU,OAAQZ,GAAWE,EAAMoB,UAGjF,C,sLC7CO,IAAMC,EAAU1E,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,yFAGxB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IACX,SAAAhE,GAAK,OAAIA,EAAMiE,MAAM,IAGzBC,EAAU7E,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,yCAExB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IAGf5E,EAAUC,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,8EACX,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOiE,MAAM,IAK3C1E,EAAQJ,EAAAA,GAAOK,IAAGK,IAAAA,EAAAP,EAAA,oKAalB4E,EAAQ/E,EAAAA,GAAOgF,GAAEC,IAAAA,EAAA9E,EAAA,gFACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAMrCoE,EAAclF,EAAAA,GAAOmF,EAACC,IAAAA,EAAAjF,EAAA,iEACxB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAKrCuE,EAAUrF,EAAAA,GAAOK,IAAGiF,IAAAA,EAAAnF,EAAA,uFAGX,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO0E,OAAO,IAE5C,SAAA5E,GAAK,OAAIA,EAAM6E,OAAS,MAAM,IAG9BC,EAAOzF,EAAAA,GAAOK,IAAGqF,IAAAA,EAAAvF,EAAA,qJAYjBM,EAAOT,EAAAA,GAAOK,IAAGsF,IAAAA,EAAAxF,EAAA,oEACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,I,4CC1DrCkB,EAAc,WACzB,OACEjB,EAAAA,cAACC,EAAc,CAAC2D,KAAK,MAAMC,OAAO,UAChC7D,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAE3DP,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,SAC/BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOI,MAAM,YAInD,EA8CA,QA5C0C,SAAHC,GAIhC,IAADmE,EAAAnE,EAHJC,OAAAA,OAAM,IAAAkE,EAAG,GAAEA,EAAAjE,EAAAF,EACXG,IAAAA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAWJ,EAAXI,YAEA,OACEd,EAAAA,cAACC,EAAc,CAACC,GAAID,EAAgB2D,KAAK,QACvC5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,QACnB5D,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAG3DP,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMC,OAAO,SAC7BL,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,YAKpCL,EAAAA,cAACC,EAAc,MAEfD,EAAAA,cAACe,EAAAA,EAAgB,CACfJ,OAAQA,EACRE,IAAKA,EACLC,YAAaA,IACZE,EAAAA,EAAAA,IAA2BL,EAASE,EAAKb,EAAAA,cAACiB,EAAW,QAI9D,E,6eCgBA,QA7CmC,SAAHW,GAAqB,IAAfE,EAAOF,EAAPE,QACpCG,GAAoFC,EAAAA,EAAAA,GAAS,CAAEJ,QAAAA,IAAvFK,EAAKF,EAALE,MAAOY,EAAQd,EAARc,SAAU+B,EAAc7C,EAAd6C,eAAgBhE,EAAWmB,EAAXnB,YAAasB,EAAOH,EAAPG,QAASC,EAAMJ,EAANI,OAAWC,EAAKC,EAAAN,EAAAmB,GAE/E,OAAIhB,EAEApC,EAAAA,cAAC+E,EAAiC,CAChCpE,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,IACZC,YAAaA,IAKjBd,EAAAA,cAACC,EAAc,CAACC,GAAID,EAAgB2D,KAAK,QACvC5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,QACnB5D,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAAA,OAAKwB,IAAKc,EAAM0C,MAAOrD,IAAKQ,KAG9BnC,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAY,KAAEkC,GACfnC,EAAAA,cAACC,EAAkB,KAAEqC,EAAM2C,eAI/BjF,EAAAA,cAACC,EAAc,CAACwE,MAAO1B,EAASmC,OAAS,IAEzClF,EAAAA,cAAC0C,EAAAA,EAAS,CACRP,MAAOgD,EAAAA,GAAKC,EAAE,6BACdN,eAAgBA,EAChBnE,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,IACZC,YAAaA,EACb6B,aAAcL,EAAMK,aACpBC,WAAYN,EAAMM,YAlDC,SAACG,EAAUV,EAAQD,GAC5C,OAAIA,GAAgBpB,EAAAA,EAAAA,IAA2BqB,EAAOY,MAAOjD,EAAAA,cAACiB,EAAW,OAElE8B,EAASG,KAAI,SAAAxC,EAAsByC,GAAW,IAA9BkC,EAAI3E,EAAJ2E,KAAMjE,EAAIV,EAAJU,KAAMC,EAAGX,EAAHW,IACjC,OACErB,EAAAA,cAACC,EAAc,CAACuD,IAAKL,EAAOjD,GAAG,IAAIqB,KAAMF,EAAKuC,KAAK,MAAMC,OAAO,UAC9D7D,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAAA,OAAKwB,KAAS,OAAJ6D,QAAI,IAAJA,OAAI,EAAJA,EAAM5D,QAAS6D,EAAS3D,IAAKP,KAGzCpB,EAAAA,cAACC,EAAW,KAAEmB,GAGpB,GACF,CAqCSqC,CAAmBV,EAAUV,EAAQD,GAAWE,EAAMoB,WAI/D,C,kLClEO,IAAMC,EAAU1E,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,yFAGxB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IACX,SAAAhE,GAAK,OAAIA,EAAMiE,MAAM,IAGzB7E,EAAUC,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,+BAIpBC,EAAQJ,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,mJAYlB4E,EAAQ/E,EAAAA,GAAOgF,GAAEtE,IAAAA,EAAAP,EAAA,4DACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAKrCoE,EAAclF,EAAAA,GAAOmF,EAACF,IAAAA,EAAA9E,EAAA,qFACxB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAMrC2E,EAAOzF,EAAAA,GAAOK,IAAG+E,IAAAA,EAAAjF,EAAA,mJAYjBM,EAAOT,EAAAA,GAAOK,IAAGiF,IAAAA,EAAAnF,EAAA,oEACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,I,4CC1CrCkB,EAAc,WACzB,OACEjB,EAAAA,cAACC,EAAc,CAAC2D,KAAK,MAAMC,OAAO,UAChC7D,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAE3DP,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,OAAOC,MAAM,YAIjD,EAyCA,QAvC0C,SAAHC,GAIhC,IAADmE,EAAAnE,EAHJC,OAAAA,OAAM,IAAAkE,EAAG,GAAEA,EAAAjE,EAAAF,EACXG,IAAAA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAWJ,EAAXI,YAEA,OACEd,EAAAA,cAACC,EAAc,CAACC,GAAID,EAAgB2D,KAAK,QACvC5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAG3DP,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,SAC/BL,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,SAC9BL,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMC,OAAO,WAIjCL,EAAAA,cAACe,EAAAA,EAAgB,CACfwE,UAAU,OACV5E,OAAQA,EACRE,IAAKA,EACLC,YAAaA,IACZE,EAAAA,EAAAA,IAA2BL,EAASE,EAAKb,EAAAA,cAACiB,EAAW,QAI9D,E,6eCsBA,QA9CmC,SAAHW,GAAqB,IAAfE,EAAOF,EAAPE,QACpCG,GAAoFC,EAAAA,EAAAA,GAAS,CAC3FJ,QAAAA,EACAnB,OAAQ,EACRE,IAAK,IAHCsB,EAAKF,EAALE,MAAOY,EAAQd,EAARc,SAAU+B,EAAc7C,EAAd6C,eAAgBhE,EAAWmB,EAAXnB,YAAasB,EAAOH,EAAPG,QAASC,EAAMJ,EAANI,OAAWC,EAAKC,EAAAN,EAAAmB,GAM/E,OAAIhB,EAEApC,EAAAA,cAAC+E,EAAiC,CAChCpE,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,IACZC,YAAaA,IAKjBd,EAAAA,cAACC,EAAc,CAACC,GAAID,EAAgB2D,KAAK,QACvC5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAAA,OAAKwB,IAAKc,EAAM0C,MAAOrD,IAAKQ,KAG9BnC,EAAAA,cAACC,EAAY,KAAEkC,GACfnC,EAAAA,cAACC,EAAkB,KAAEqC,EAAM2C,cAG7BjF,EAAAA,cAAC0C,EAAAA,EAAS,CACRP,MAAOgD,EAAAA,GAAKC,EAAE,6BACdG,UAAU,OACV5E,OAAQ0B,EAAO1B,OACfE,IAAKwB,EAAOxB,IACZC,YAAaA,EACbgE,eAAgBA,EAChBnC,aAAcL,EAAMK,aACpBC,WAAYN,EAAMM,YAnDC,SAACG,EAAUV,EAAQD,GAC5C,OAAIA,GAAgBpB,EAAAA,EAAAA,IAA2BqB,EAAOY,MAAOjD,EAAAA,cAACiB,EAAW,OAElE8B,EAASG,KAAI,SAAAxC,EAAsByC,GAAW,IAA9BkC,EAAI3E,EAAJ2E,KAAMjE,EAAIV,EAAJU,KAAMC,EAAGX,EAAHW,IACjC,OACErB,EAAAA,cAACC,EAAc,CAACuD,IAAKL,EAAOjD,GAAG,IAAIqB,KAAMF,EAAKuC,KAAK,MAAMC,OAAO,UAC9D7D,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAAA,OAAKwB,KAAS,OAAJ6D,QAAI,IAAJA,OAAI,EAAJA,EAAM5D,QAAS6D,EAAS3D,IAAKP,KAGzCpB,EAAAA,cAACC,EAAW,KAAEmB,GAGpB,GACF,CAsCSqC,CAAmBV,EAAUV,EAAQD,GAAWE,EAAMoB,WAI/D,C,kLCnEO,IAAMI,EAAU7E,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,yCAExB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IAGfD,EAAU1E,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,oFAIxB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IAGf4B,EAAYvG,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,mFAOtBC,EAAQJ,EAAAA,GAAOK,IAAGK,IAAAA,EAAAP,EAAA,sPAGT,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO2F,KAAK,IAe1Cf,EAAOzF,EAAAA,GAAOK,IAAG4E,IAAAA,EAAA9E,EAAA,0PAGR,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO2F,KAAK,IAe1CzB,EAAQ/E,EAAAA,GAAOyG,GAAErB,IAAAA,EAAAjF,EAAA,gFACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAMrCoE,EAAclF,EAAAA,GAAOmF,EAACG,IAAAA,EAAAnF,EAAA,iEACxB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,I,sBCvBlD,QArC4C,WAC1C,OACEC,EAAAA,cAAC2F,EAAAA,SAAQ,KACP3F,EAAAA,cAACC,EAAc,CAAC2D,KAAK,QACnB5D,EAAAA,cAACC,EAAgB,KACfD,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,KAE3DP,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,MAI7DP,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,SAC3BR,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,SAC3BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,YAKjCR,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,OAAOC,KAAK,MAAMC,SAAO,IACxDP,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,OAAOC,KAAK,MAAMC,SAAO,KAIhE,E,0BC5BMqF,EAAoB,CACxB1F,GAAI,IACJ2F,SAAU,mBACVrF,KAAM,SAkER,QA/DqC,SAAHE,GAM3B,IALLyB,EAAKzB,EAALyB,MACA8C,EAAWvE,EAAXuE,YACAa,EAAKpF,EAALoF,MACAC,EAAQrF,EAARqF,SACA3D,EAAO1B,EAAP0B,QAIA,OAFA4D,EAAAA,EAAAA,IAAe,CAAEC,YAAaC,EAAAA,IAE1B9D,EAAgBpC,EAAAA,cAACmG,EAAmC,MAGtDnG,EAAAA,cAAC2F,EAAAA,SAAQ,KACP3F,EAAAA,cAACC,EAAc,CAAC2D,KAAK,QACnB5D,EAAAA,cAACC,EAAgB,KACfD,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAAA,MAAS+F,EAASK,YAEpBpG,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAAA,MAAS8F,EAAMM,aAInBpG,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAY,KAAEkC,GACfnC,EAAAA,cAACC,EAAkB,KAAEgF,KAIzBjF,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACqG,EAAAA,GAAM/C,OAAAC,OAAA,CAAChC,KAAMwE,EAAS1E,KAASuE,GAC7BT,EAAAA,GAAKC,EAAE,uBAAwB,CAAEhE,KAAM2E,EAAS3E,QAEnDpB,EAAAA,cAACqG,EAAAA,GAAM/C,OAAAC,OAAA,CAAChC,KAAMuE,EAAMzE,KAASuE,GAC1BT,EAAAA,GAAKC,EAAE,oBAAqB,CAAEhE,KAAM0E,EAAM1E,SAKrD,C,kLCrDO,IAAM0C,EAAU7E,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,4DAExB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IACb,SAAAhE,GAAK,OAAIA,EAAM0G,MAAQ,OAAS,QAAQ,IAG1C3C,EAAU1E,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,oFAIxB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IAGfI,EAAQ/E,EAAAA,GAAOyG,GAAEjG,IAAAA,EAAAL,EAAA,gFACnB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAMrCoE,EAAclF,EAAAA,GAAOmF,EAACzE,IAAAA,EAAAP,EAAA,qFACxB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,WAAW,IAMrCyF,EAAYvG,EAAAA,GAAOK,IAAG4E,IAAAA,EAAA9E,EAAA,mFAOtBC,EAAQJ,EAAAA,GAAOK,IAAG+E,IAAAA,EAAAjF,EAAA,gHASlBsF,EAAOzF,EAAAA,GAAOK,IAAGiF,IAAAA,EAAAnF,EAAA,2M,sBCT9B,QA/B4C,WAC1C,OACEY,EAAAA,cAAC2F,EAAAA,SAAQ,KACP3F,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,SAC3BR,EAAAA,cAAA,WACEA,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,SAC3BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOI,KAAK,SAC5BR,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,MAAMI,KAAK,WAI/BR,EAAAA,cAACC,EAAgB,KACfD,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,OAAOC,OAAO,OAAOC,KAAK,QAAQC,SAAO,MAI7DP,EAAAA,cAACC,EAAc,CAAC2D,KAAK,WAAW0C,OAAK,GACnCtG,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,OAAOC,KAAK,MAAMC,SAAO,IACxDP,EAAAA,cAACG,EAAAA,GAAQ,CAACC,MAAM,QAAQC,OAAO,OAAOC,KAAK,MAAMC,SAAO,KAIhE,E,0BCtBMqF,EAAoB,CACxB1F,GAAI,IACJ2F,SAAU,oBAkEZ,QA/DqC,SAAHnF,GAM3B,IALLyB,EAAKzB,EAALyB,MACA8C,EAAWvE,EAAXuE,YACAa,EAAKpF,EAALoF,MACAC,EAAQrF,EAARqF,SACA3D,EAAO1B,EAAP0B,QAIA,OAFA4D,EAAAA,EAAAA,IAAe,CAAEC,YAAaC,EAAAA,IAE1B9D,EAAgBpC,EAAAA,cAACmG,EAAmC,MAGtDnG,EAAAA,cAAC2F,EAAAA,SAAQ,KACP3F,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAc,CAAC2D,KAAK,OACnB5D,EAAAA,cAACC,EAAY,KAAEkC,GACfnC,EAAAA,cAACC,EAAkB,KAAEgF,IAGvBjF,EAAAA,cAACC,EAAgB,KACfD,EAAAA,cAACC,EAAY,KACXD,EAAAA,cAAA,MAAS+F,EAASK,YAEpBpG,EAAAA,cAACC,EAAW,KACVD,EAAAA,cAAA,MAAS8F,EAAMM,cAKrBpG,EAAAA,cAACC,EAAc,CAAC2D,KAAK,WAAW0C,OAAK,GACnCtG,EAAAA,cAACqG,EAAAA,GAAM/C,OAAAC,OAAA,CAAChC,KAAMwE,EAAS1E,KAASuE,GAC7BT,EAAAA,GAAKC,EAAE,uBAAwB,CAAEhE,KAAM2E,EAAS3E,QAEnDpB,EAAAA,cAACqG,EAAAA,GAAM/C,OAAAC,OAAA,CAAChC,KAAMuE,EAAMzE,KAASuE,GAC1BT,EAAAA,GAAKC,EAAE,oBAAqB,CAAEhE,KAAM0E,EAAM1E,SAKrD,C,mLCpDO,I,EAAMmF,EAAUtH,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,yGACX,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO2F,KAAK,IAO1Ce,EAASvH,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,yGACV,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOiE,MAAM,IAO3C/E,EAAUC,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,6HACtB,SAAAQ,GAAK,OAAIA,EAAMC,MAAM4G,OAAOC,OAAO,I,ujDCd9C,I,IAAMC,GAAQC,EAAAA,EAAAA,IAAGzH,I,EAAA,inB,kBAAAA,E,2EAiCJ+C,EAAW,SAACL,EAAmBC,GAC1C,IAAA+E,GAAiCC,EAAAA,EAAAA,IAASH,EAAO,CAAEI,UAAW,CAAElF,kBAAAA,EAAmBC,QAAAA,KAA3EM,EAAOyE,EAAPzE,QAAS4E,EAAIH,EAAJG,KAAMC,EAAKJ,EAALI,MAEnBA,GAASC,QAAQD,MAAMA,GAE3B,IAAAvG,GAAyD,OAAJsG,QAAI,IAAJA,OAAI,EAAJA,EAAMG,kBAAmB,CAAC,EAAhEC,EAAS1G,EAAhBoF,MAAqBuB,EAAmB9E,EAAA7B,EAAA0C,GAChDxB,EAAiDwF,GAAa,CAAC,EAAvD/B,EAAIzD,EAAJyD,KAAMiC,EAAoB1F,EAApB0F,qBAAyBxB,EAAKvD,EAAAX,EAAAY,GAC5C+E,EAAsDF,GAAuB,CAAC,EAAtElG,EAAIoG,EAAJpG,KAAMqG,EAAeD,EAAfC,gBAAoBL,EAAe5E,EAAAgF,EAAAE,GAGjD,MAAO,CACLtF,OAA2B,OAApBmF,QAAoB,IAApBA,OAAoB,EAApBA,EAAsBE,kBAAe,GAAAlG,OAAOkG,EAAe,KAAAlG,OAAa,OAAT8F,QAAS,IAATA,OAAS,EAATA,EAAWhG,MACjFsG,kBAAsC,OAApBJ,QAAoB,IAApBA,OAAoB,EAApBA,EAAsBI,oBAAmC,OAAfP,QAAe,IAAfA,OAAe,EAAfA,EAAiBO,kBAC7EzC,YAAiC,OAApBqC,QAAoB,IAApBA,OAAoB,EAApBA,EAAsBrC,YACnC0C,mBAAkC,OAAfR,QAAe,IAAfA,GAAAA,EAAiBS,qBACpC9B,MAAK+B,EAAAA,EAAA,GACA/B,GAAK,IACRM,UAAW,CACT5E,KAAS,OAAJ6D,QAAI,IAAJA,OAAI,EAAJA,EAAM5D,QAAS6D,EACpB3D,IAAU,OAALmE,QAAK,IAALA,OAAK,EAALA,EAAO1E,QAGhB2E,SAAQ8B,EAAAA,EAAA,GACHV,GAAe,IAClBf,UAAW,CACT5E,KAAS,OAAJL,QAAI,IAAJA,OAAI,EAAJA,EAAM2G,SAAUC,EACrBpG,IAAoB,OAAfwF,QAAe,IAAfA,OAAe,EAAfA,EAAiB/F,QAG1BgB,QAAAA,EAEJ,E,ycCvDO,I,YAAM4F,EAA6C,SAAHtH,GAAwC,IAAlCmB,EAAiBnB,EAAjBmB,kBAAmBC,EAAOpB,EAAPoB,QAC9EG,EAA2EC,EAASL,EAAmBC,GAA/FK,EAAKF,EAALE,MAAOuF,EAAgBzF,EAAhByF,iBAAkBzC,EAAWhD,EAAXgD,YAAaa,EAAK7D,EAAL6D,MAAO1D,EAAOH,EAAPG,QAAYE,EAAKC,EAAAN,EAAAmB,GAEtE,OACEpD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACiI,EAAAA,EAA4B,CAC3B9F,MAAOA,EACP8C,YAAayC,EACb5B,MAAOA,EACPC,SAAUzD,EAAMyD,SAChB3D,QAASA,IAEXpC,EAAAA,cAACkI,EAAAA,EAA2B,CAC1BC,KAAMtG,EACNC,QAASA,KAEb9B,EAAAA,cAACC,EAAa,KACZD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACoI,EAAAA,EAA0B,CACzBD,KAAMtG,MAIZ7B,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACqI,EAAAA,EAA0B,CACzBF,KAAMtG,EACNyG,YAAa,CACXC,OAAO,aAADjH,OAAezB,EAAAA,EAAMC,OAAO0E,SAClCgE,aAAc,OACdC,QAAS,QAEXC,WAAS,IAEX1I,EAAAA,cAAC2I,EAAAA,EAA0B,CAAC7G,QAASA,IAErC9B,EAAAA,cAACmE,EAAAA,GAAW,CACVhC,MAAOA,EACP8C,YAAaA,EACb7C,QAASA,EACTwG,cAAc,SAIxB,E,kHCxDO,IAAM5J,EAAUC,EAAAA,GAAOK,IAAGH,IAAAA,EAAAC,EAAA,yDACX,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO2F,KAAK,IAI1C9B,EAAU1E,EAAAA,GAAOK,IAAGC,IAAAA,EAAAH,EAAA,oEAGxB,SAAAQ,GAAK,OAAIA,EAAMgE,IAAI,IAGtBiF,EAAU5J,EAAAA,GAAOK,IAAGG,IAAAA,EAAAL,EAAA,2BACb,SAAAQ,GAAK,OAAIA,EAAM6E,OAAS,MAAM,IAG9BqE,GAAU7J,EAAAA,EAAAA,IAAO4J,EAAP5J,CAAeU,IAAAA,EAAAP,EAAA,uEAOzBkF,GAAUrF,EAAAA,EAAAA,IAAO4J,EAAP5J,CAAeiF,IAAAA,EAAA9E,EAAA,oEAGhB,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAO0E,OAAO,IAI5CgC,EAASvH,EAAAA,GAAOK,IAAG+E,IAAAA,EAAAjF,EAAA,oCACV,SAAAQ,GAAK,OAAIA,EAAMC,MAAMC,OAAOiE,MAAM,I,8cCnBjD,IAAMgF,GAAsC,SAAHrI,GAAwC,IAAlCmB,EAAiBnB,EAAjBmB,kBAAmBC,EAAOpB,EAAPoB,QACvEG,EAAoEC,EAASL,EAAmBC,GAAxFK,EAAKF,EAALE,MAAO8C,EAAWhD,EAAXgD,YAAa0C,EAAgB1F,EAAhB0F,iBAAkBvF,EAAOH,EAAPG,QAAYE,EAAKC,GAAAN,EAAAmB,IAE/D,OACEpD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACC,EAAc,CAACC,GAAID,EAAgB2D,KAAK,QACvC5D,EAAAA,cAACiI,EAAAA,EAA4B,CAC3B9F,MAAOA,EACP8C,YAAa3C,EAAMoF,iBACnB5B,MAAOxD,EAAMwD,MACbC,SAAUzD,EAAMyD,SAChB3D,QAASA,IAEXpC,EAAAA,cAACkI,EAAAA,EAA2B,CAC1BrG,kBAAmBA,EACnBC,QAASA,KAGb9B,EAAAA,cAACC,EAAc,MAEfD,EAAAA,cAACC,EAAa,KACZD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACgJ,EAAAA,EAAiC,CAChCb,KAAMtG,MAKZ7B,EAAAA,cAACC,EAAc,CAACwE,MAAOkD,IAEvB3H,EAAAA,cAACC,EAAc,CAACwE,MAAOkD,GACrB3H,EAAAA,cAACqI,EAAAA,EAA0B,CACzBF,KAAMtG,EACNoH,WAAW,UAGfjJ,EAAAA,cAACC,EAAc,MAEfD,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAAC2I,EAAAA,EAA0B,CAAC7G,QAASA,KAGvC9B,EAAAA,cAACC,EAAc,CAACwE,OAAQQ,IAExBjF,EAAAA,cAACC,EAAc,KACbD,EAAAA,cAACmE,EAAAA,GAAW,CACVhC,MAAOA,EACP8C,YAAaA,EACb7C,QAASA,KAInB,C","sources":["webpack:///./app/javascript/components/ProductCategory/ChildrenList/Card/mobile/style.js","webpack:///./app/javascript/components/ProductCategory/ChildrenList/Card/mobile/loading.jsx","webpack:///./app/javascript/components/ProductCategory/ChildrenList/mobile/loading.jsx","webpack:///./app/javascript/components/ProductCategory/ChildrenList/Card/mobile/index.jsx","webpack:///./app/javascript/components/ProductCategory/ChildrenList/mobile/index.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Information/desktop/style.js","webpack:///./app/javascript/components/ProductCategoryBrand/Information/desktop/loading.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Information/desktop/index.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Information/mobile/style.js","webpack:///./app/javascript/components/ProductCategoryBrand/Information/mobile/loading.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Information/mobile/index.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/desktop/style.js","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/desktop/loading.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/desktop/index.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/mobile/style.js","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/mobile/loading.jsx","webpack:///./app/javascript/components/ProductCategoryBrand/Overview/mobile/index.jsx","webpack:///./app/javascript/templates/ProductCategory/BrandVariantDisplay/DefaultSize/style.js","webpack:///./app/javascript/templates/ProductCategory/BrandVariantDisplay/hooks.js","webpack:///./app/javascript/templates/ProductCategory/BrandVariantDisplay/DefaultSize/index.jsx","webpack:///./app/javascript/templates/ProductCategory/BrandVariantDisplay/NoWrapperLayout/style.js","webpack:///./app/javascript/templates/ProductCategory/BrandVariantDisplay/NoWrapperLayout/index.jsx"],"sourcesContent":["import { Link } from '../../../../../elements'\n\nimport styled from 'styled-components'\n\nexport const Wrapper = styled(Link)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  text-decoration: none;\n`\n\nexport const Image = styled.div`\n  width: 100%;\n  aspect-ratio: 1 / 1;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const LoadName = styled.div`\n  width: 100%;\n  height: 42px;\n  overflow: hidden;\n`\n\nexport const Name = styled.div`\n  width: 100%;\n  height: 50px;\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 14px;\n  text-align: center;\n\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n","import * as Styled from './style'\nimport { Skeleton } from '../../../../../elements'\n\nimport React from 'react'\n\nconst CardLoading = () => {\n  return (\n    <Styled.Wrapper as=\"div\">\n      <Styled.Image>\n        <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n      </Styled.Image>\n\n      <Styled.LoadName>\n        <Skeleton width=\"100%\" size=\"14px\" align=\"center\" />\n        <Skeleton width=\"80%\" size=\"14px\" align=\"center\" />\n      </Styled.LoadName>\n    </Styled.Wrapper>\n  )\n}\n\nCardLoading.propTypes = {}\n\nexport default CardLoading\n\n","import PagedListLoading from '../../../PagedList/loading'\nimport CardLoading from '../Card/mobile/loading'\n\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ProductCategoryChildrenListLoading = ({\n  column,\n  row = 1,\n  innerHeight\n}) => {\n  return (\n    <PagedListLoading\n      column={column}\n      row={row}\n      innerHeight={innerHeight}>\n      {renderElementMultipleTimes(column * row, <CardLoading />)}\n    </PagedListLoading>\n  )\n}\n\nProductCategoryChildrenListLoading.propTypes = {\n  column: PropTypes.number.isRequired,\n  row: PropTypes.number,\n  innerHeight: PropTypes.string\n}\n\nexport default ProductCategoryChildrenListLoading\n","import * as Styled from './style'\n\nimport PlaceholderImage from '../../../../../../assets/images/base/osh-logo/logo-home-gray.png'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Card = ({\n  id,\n  icon,\n  name,\n  url\n}) => {\n  return (\n    <Styled.Wrapper id={`children_list_link_${id}`} href={url}>\n      <Styled.Image>\n        <img src={icon?.small || PlaceholderImage} alt={name} />\n      </Styled.Image>\n\n      <Styled.Name>{name}</Styled.Name>\n    </Styled.Wrapper>\n  )\n}\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  icon: PropTypes.shape({\n    small: PropTypes.string\n  }),\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired\n}\n\nexport default Card\n","import ProductCategoryChildrenListLoading from './loading'\nimport PagedList from '../../../PagedList'\nimport Card from '../Card/mobile'\nimport CardLoading from '../Card/mobile/loading'\n\nimport { useHooks } from '../hooks'\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nconst renderChildrenList = (children, scales, getURL, loading) => {\n  if (loading) return renderElementMultipleTimes(scales.count, <CardLoading />)\n\n  return children.map(({ url, ...props }, index) => <Card key={index} url={getURL(url)} {...props} />)\n}\n\nconst ProductCategoryChildrenList = ({ productCategoryId, brandId, includeSelfLink = false }) => {\n  const { title, loading, scales, ...hooks } = useHooks({\n    productCategoryId,\n    brandId,\n    column: 3,\n    row: 2,\n    includeSelfLink\n  })\n\n  if (loading) {\n    return (\n      <ProductCategoryChildrenListLoading\n        column={scales.column}\n        row={scales.row}\n      />\n    )\n  }\n\n  return (\n    <PagedList\n      title={title}\n      column={scales.column}\n      row={scales.row}\n      onFetchQuery={hooks.onFetchQuery}\n      pagination={hooks.pagination}\n      totalPage={hooks.pagination.total}\n    >\n      {renderChildrenList(hooks.children, scales, hooks.getURL, loading || hooks.loadMore)}\n    </PagedList>\n  )\n}\n\nProductCategoryChildrenList.propTypes = {\n  productCategoryId: PropTypes.string.isRequired,\n  brandId: PropTypes.string,\n  includeSelfLink: PropTypes.bool\n}\n\nexport default ProductCategoryChildrenList\n","import styled from 'styled-components'\n\nexport const GridBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${props => props.$gap};\n  align-items: ${props => props.$align};\n`\n\nexport const FlexBox = styled.div`\n  display: flex;\n  gap: ${props => props.$gap};\n`\n\nexport const Wrapper = styled.div`\n  background-color: ${props => props.theme.colors.blue50};\n  border-radius: 16px;\n  padding: 24px;\n`\n\nexport const Image = styled.div`\n  width: 192px;\n  height: 192px;\n  flex: none;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Title = styled.h2`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 24px;\n  font-weight: 600;\n  margin: 0;\n`\n\nexport const Description = styled.p`\n  color: ${props => props.theme.colors.textHeading};\n  margin: 0;\n  white-space: pre-line;\n`\n\nexport const Divider = styled.div`\n  width: 100%;\n  height: 1px;\n  background-color: ${props => props.theme.colors.zinc300};\n\n  display: ${props => props.$hide && 'none'};\n`\n\nexport const Logo = styled.div`\n  width: 100px;\n  height: 100px;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Name = styled.div`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 14px;\n  text-align: center;\n`\n","import * as Styled from './style'\nimport PagedListLoading from '../../../PagedList/loading'\nimport { Skeleton } from '../../../../elements'\n\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const CardLoading = () => {\n  return (\n    <Styled.GridBox $gap=\"8px\" $align=\"center\">\n      <Styled.Logo>\n        <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n      </Styled.Logo>\n      <div>\n        <Skeleton width=\"100px\" height=\"14px\" />\n        <Skeleton width=\"40px\" height=\"14px\" align=\"center\" />\n      </div>\n    </Styled.GridBox>\n  )\n}\n\nconst ProductCategoryInformationLoading = ({\n  column = 10,\n  row = 1,\n  innerHeight\n}) => {\n  return (\n    <Styled.GridBox as={Styled.Wrapper} $gap=\"24px\">\n      <Styled.FlexBox $gap=\"24px\">\n        <Styled.Image>\n          <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n        </Styled.Image>\n\n        <Styled.GridBox $gap=\"8px\">\n          <Skeleton width=\"40%\" height=\"24px\" />\n          <div>\n            <Skeleton width=\"100%\" height=\"16px\" />\n            <Skeleton width=\"100%\" height=\"16px\" />\n            <Skeleton width=\"100%\" height=\"16px\" />\n            <Skeleton width=\"100%\" height=\"16px\" />\n            <Skeleton width=\"100%\" height=\"16px\" />\n            <Skeleton width=\"100%\" height=\"16px\" />\n          </div>\n        </Styled.GridBox>\n      </Styled.FlexBox>\n\n      <Styled.Divider />\n\n      <PagedListLoading\n        column={column}\n        row={row}\n        innerHeight={innerHeight}>\n        {renderElementMultipleTimes(column * row, <CardLoading />)}\n      </PagedListLoading>\n    </Styled.GridBox>\n  )\n}\n\nProductCategoryInformationLoading.propTypes = {\n  column: PropTypes.number,\n  row: PropTypes.number,\n  innerHeight: PropTypes.string.isRequired,\n  pagedListCustomStyle: PropTypes.any\n}\n\nexport default ProductCategoryInformationLoading\n","import * as Styled from './style'\nimport ProductCategoryInformationLoading, { CardLoading } from './loading'\nimport PagedList from '../../../PagedList'\n\nimport { useHooks } from '../hooks'\nimport { i18n } from '../../../../utilities/i18n'\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport NoImage from '../../../../../assets/images/base/placeholder-300.png'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nconst renderChildrenList = (children, scales, loading) => {\n  if (loading) return renderElementMultipleTimes(scales.count, <CardLoading />)\n\n  return children.map(({ logo, name, url }, index) => {\n    return (\n      <Styled.GridBox key={index} as=\"a\" href={url} $gap=\"8px\" $align=\"center\">\n        <Styled.Logo>\n          <img src={logo?.small || NoImage} alt={name} />\n        </Styled.Logo>\n\n        <Styled.Name>{name}</Styled.Name>\n      </Styled.GridBox>\n    )\n  })\n}\n\nconst ProductCategoryInformation = ({ brandId }) => {\n  const { title, children, collapsedState, innerHeight, loading, scales, ...hooks } = useHooks({ brandId })\n\n  if (loading) {\n    return (\n      <ProductCategoryInformationLoading\n        column={scales.column}\n        row={scales.row}\n        innerHeight={innerHeight} />\n    )\n  }\n\n  return (\n    <Styled.GridBox as={Styled.Wrapper} $gap=\"24px\">\n      <Styled.FlexBox $gap=\"24px\">\n        <Styled.Image>\n          <img src={hooks.image} alt={title} />\n        </Styled.Image>\n\n        <Styled.GridBox $gap=\"8px\">\n          <Styled.Title>{title}</Styled.Title>\n          <Styled.Description>{hooks.description}</Styled.Description>\n        </Styled.GridBox>\n      </Styled.FlexBox>\n\n      <Styled.Divider $hide={children.length < 1} />\n\n      <PagedList\n        title={i18n.t('BrandInformation.children')}\n        collapsedState={collapsedState}\n        column={scales.column}\n        row={scales.row}\n        innerHeight={innerHeight}\n        onFetchQuery={hooks.onFetchQuery}\n        pagination={hooks.pagination}>\n        {renderChildrenList(children, scales, loading || hooks.loadMore)}\n      </PagedList>\n    </Styled.GridBox>\n  )\n}\n\nProductCategoryInformation.propTypes = {\n  brandId: PropTypes.string.isRequired\n}\n\nexport default ProductCategoryInformation\n","import styled from 'styled-components'\n\nexport const GridBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${props => props.$gap};\n  align-items: ${props => props.$align};\n`\n\nexport const Wrapper = styled.div`\n  line-height: 1.5;\n`\n\nexport const Image = styled.div`\n  width: 80px;\n  height: 80px;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Title = styled.h2`\n  color: ${props => props.theme.colors.textHeading};\n  font-weight: 600;\n  margin: 0;\n`\n\nexport const Description = styled.p`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 12px;\n  margin: 0;\n  white-space: pre-line;\n`\n\nexport const Logo = styled.div`\n  width: 80px;\n  height: 80px;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Name = styled.div`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 14px;\n  text-align: center;\n`\n","import * as Styled from './style'\nimport PagedListLoading from '../../../PagedList/loading'\nimport { Skeleton } from '../../../../elements'\n\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const CardLoading = () => {\n  return (\n    <Styled.GridBox $gap=\"8px\" $align=\"center\">\n      <Styled.Logo>\n        <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n      </Styled.Logo>\n      <div>\n        <Skeleton width=\"80px\" size=\"14px\" />\n        <Skeleton width=\"40px\" size=\"14px\" align=\"center\" />\n      </div>\n    </Styled.GridBox>\n  )\n}\n\nconst ProductCategoryInformationLoading = ({\n  column = 10,\n  row = 1,\n  innerHeight\n}) => {\n  return (\n    <Styled.GridBox as={Styled.Wrapper} $gap=\"24px\">\n      <Styled.GridBox $gap=\"8px\">\n        <Styled.Image>\n          <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n        </Styled.Image>\n\n        <Skeleton width=\"200px\" height=\"16px\" />\n        <div>\n          <Skeleton width=\"100%\" height=\"12px\" />\n          <Skeleton width=\"100%\" height=\"12px\" />\n          <Skeleton width=\"100%\" height=\"12px\" />\n          <Skeleton width=\"60%\" height=\"12px\" />\n        </div>\n      </Styled.GridBox>\n\n      <PagedListLoading\n        titleSize=\"14px\"\n        column={column}\n        row={row}\n        innerHeight={innerHeight}>\n        {renderElementMultipleTimes(column * row, <CardLoading />)}\n      </PagedListLoading>\n    </Styled.GridBox>\n  )\n}\n\nProductCategoryInformationLoading.propTypes = {\n  column: PropTypes.number,\n  row: PropTypes.number,\n  innerHeight: PropTypes.string.isRequired,\n  pagedListCustomStyle: PropTypes.any\n}\n\nexport default ProductCategoryInformationLoading\n","import * as Styled from './style'\nimport ProductCategoryInformationLoading, { CardLoading } from './loading'\nimport PagedList from '../../../PagedList'\n\nimport { useHooks } from '../hooks'\nimport { i18n } from '../../../../utilities/i18n'\nimport { renderElementMultipleTimes } from '../../../../utilities/render'\n\nimport NoImage from '../../../../../assets/images/base/placeholder-300.png'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nconst renderChildrenList = (children, scales, loading) => {\n  if (loading) return renderElementMultipleTimes(scales.count, <CardLoading />)\n\n  return children.map(({ logo, name, url }, index) => {\n    return (\n      <Styled.GridBox key={index} as=\"a\" href={url} $gap=\"8px\" $align=\"center\">\n        <Styled.Logo>\n          <img src={logo?.small || NoImage} alt={name} />\n        </Styled.Logo>\n\n        <Styled.Name>{name}</Styled.Name>\n      </Styled.GridBox>\n    )\n  })\n}\n\nconst ProductCategoryInformation = ({ brandId }) => {\n  const { title, children, collapsedState, innerHeight, loading, scales, ...hooks } = useHooks({\n    brandId,\n    column: 4,\n    row: 2\n  })\n\n  if (loading) {\n    return (\n      <ProductCategoryInformationLoading\n        column={scales.column}\n        row={scales.row}\n        innerHeight={innerHeight} />\n    )\n  }\n\n  return (\n    <Styled.GridBox as={Styled.Wrapper} $gap=\"24px\">\n      <Styled.GridBox $gap=\"8px\">\n        <Styled.Image>\n          <img src={hooks.image} alt={title} />\n        </Styled.Image>\n\n        <Styled.Title>{title}</Styled.Title>\n        <Styled.Description>{hooks.description}</Styled.Description>\n      </Styled.GridBox>\n\n      <PagedList\n        title={i18n.t('BrandInformation.children')}\n        titleSize=\"14px\"\n        column={scales.column}\n        row={scales.row}\n        innerHeight={innerHeight}\n        collapsedState={collapsedState}\n        onFetchQuery={hooks.onFetchQuery}\n        pagination={hooks.pagination}>\n        {renderChildrenList(children, scales, loading || hooks.loadMore)}\n      </PagedList>\n    </Styled.GridBox>\n  )\n}\n\nProductCategoryInformation.propTypes = {\n  brandId: PropTypes.string.isRequired\n}\n\nexport default ProductCategoryInformation\n","import styled from 'styled-components'\n\nexport const FlexBox = styled.div`\n  display: flex;\n  gap: ${props => props.$gap};\n`\n\nexport const GridBox = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: ${props => props.$gap};\n`\n\nexport const Thumbnail = styled.div`\n  width: 214px;\n  height: 214px;\n  flex: none;\n  position: relative;\n`\n\nexport const Image = styled.div`\n  width: 192px;\n  height: 192px;\n  background-color: ${props => props.theme.colors.white};\n  border-radius: 8px;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Logo = styled.div`\n  width: 100px;\n  height: 100px;\n  background-color: ${props => props.theme.colors.white};\n  border-radius: 8px;\n\n  position: absolute;\n  bottom: 0;\n  right: 0;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Title = styled.h1`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 24px;\n  font-weight: 600;\n  margin: 0;\n`\n\nexport const Description = styled.p`\n  color: ${props => props.theme.colors.textHeading};\n  margin: 0;\n  white-space: pre-line;\n`\n","import * as Styled from './style'\nimport { Skeleton } from '../../../../elements'\n\nimport React, { Fragment } from 'react'\n\nconst ProductCategoryBrandOverviewLoading = () => {\n  return (\n    <Fragment>\n      <Styled.FlexBox $gap=\"40px\">\n        <Styled.Thumbnail>\n          <Styled.Image>\n            <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n          </Styled.Image>\n          <Styled.Logo>\n            <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n          </Styled.Logo>\n        </Styled.Thumbnail>\n\n        <Styled.GridBox $gap=\"8px\">\n          <Skeleton width=\"50%\" size=\"24px\" />\n          <div>\n            <Skeleton width=\"100%\" size=\"16px\" />\n            <Skeleton width=\"100%\" size=\"16px\" />\n            <Skeleton width=\"100%\" size=\"16px\" />\n            <Skeleton width=\"40%\" size=\"16px\" />\n            <Skeleton width=\"100%\" size=\"16px\" />\n            <Skeleton width=\"100%\" size=\"16px\" />\n            <Skeleton width=\"60%\" size=\"16px\" />\n          </div>\n        </Styled.GridBox>\n      </Styled.FlexBox>\n\n      <Styled.FlexBox $gap=\"8px\">\n        <Skeleton width=\"160px\" height=\"36px\" type=\"box\" rounded />\n        <Skeleton width=\"240px\" height=\"36px\" type=\"box\" rounded />\n      </Styled.FlexBox>\n    </Fragment>\n  )\n}\n\nProductCategoryBrandOverviewLoading.propTypes = {}\n\nexport default ProductCategoryBrandOverviewLoading\n","import * as Styled from './style'\nimport ProductCategoryBrandOverviewLoading from './loading'\nimport { Button } from '../../../../elements'\n\nimport translations from '../translations'\nimport { i18n, initializeI18n } from '../../../../utilities/i18n'\n\nimport React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nconst BUTTON_LINK_PROPS = {\n  as: 'a',\n  htmlType: 'primary-outlined',\n  size: 'small'\n}\n\nconst ProductCategoryBrandOverview = ({\n  title,\n  description,\n  brand,\n  category,\n  loading\n}) => {\n  initializeI18n({ localeFiles: translations })\n\n  if (loading) return <ProductCategoryBrandOverviewLoading />\n\n  return (\n    <Fragment>\n      <Styled.FlexBox $gap=\"40px\">\n        <Styled.Thumbnail>\n          <Styled.Image>\n            <img {...category.thumbnail} />\n          </Styled.Image>\n          <Styled.Logo>\n            <img {...brand.thumbnail} />\n          </Styled.Logo>\n        </Styled.Thumbnail>\n\n        <Styled.GridBox $gap=\"8px\">\n          <Styled.Title>{title}</Styled.Title>\n          <Styled.Description>{description}</Styled.Description>\n        </Styled.GridBox>\n      </Styled.FlexBox>\n\n      <Styled.FlexBox $gap=\"8px\">\n        <Button href={category.url} {...BUTTON_LINK_PROPS}>\n          {i18n.t('Overview.seeCategory', { name: category.name })}\n        </Button>\n        <Button href={brand.url} {...BUTTON_LINK_PROPS}>\n          {i18n.t('Overview.seeBrand', { name: brand.name })}\n        </Button>\n      </Styled.FlexBox>\n    </Fragment>\n  )\n}\n\nProductCategoryBrandOverview.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  brand: PropTypes.shape({\n    name: PropTypes.string,\n    url: PropTypes.string,\n    thumbnail: PropTypes.shape({\n      src: PropTypes.string,\n      alt: PropTypes.string\n    })\n  }),\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    url: PropTypes.string,\n    thumbnail: PropTypes.shape({\n      src: PropTypes.string,\n      alt: PropTypes.string\n    })\n  }),\n  loading: PropTypes.bool\n}\n\nexport default ProductCategoryBrandOverview\n","import styled from 'styled-components'\n\nexport const FlexBox = styled.div`\n  display: flex;\n  gap: ${props => props.$gap};\n  flex-wrap: ${props => props.$wrap ? 'wrap' : 'nowrap'};\n`\n\nexport const GridBox = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: ${props => props.$gap};\n`\n\nexport const Title = styled.h1`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 20px;\n  font-weight: 600;\n  margin: 0;\n`\n\nexport const Description = styled.p`\n  color: ${props => props.theme.colors.textHeading};\n  font-size: 14px;\n  margin: 0;\n  white-space: pre-line;\n`\n\nexport const Thumbnail = styled.div`\n  width: 120px;\n  height: 120px;\n  flex: none;\n  position: relative;\n`\n\nexport const Image = styled.div`\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n\nexport const Logo = styled.div`\n  width: 48px;\n  height: 48px;\n\n  position: absolute;\n  bottom: 8px;\n  right: 8px;\n\n  > img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n`\n","import * as Styled from './style'\nimport { Skeleton } from '../../../../elements'\n\nimport React, { Fragment } from 'react'\n\nconst ProductCategoryBrandOverviewLoading = () => {\n  return (\n    <Fragment>\n      <Styled.FlexBox $gap=\"8px\">\n        <Styled.GridBox $gap=\"8px\">\n          <Skeleton width=\"80%\" size=\"20px\" />\n          <div>\n            <Skeleton width=\"100%\" size=\"14px\" />\n            <Skeleton width=\"100%\" size=\"14px\" />\n            <Skeleton width=\"40%\" size=\"14px\" />\n            <Skeleton width=\"100%\" size=\"14px\" />\n            <Skeleton width=\"100%\" size=\"14px\" />\n            <Skeleton width=\"60%\" size=\"14px\" />\n          </div>\n        </Styled.GridBox>\n\n        <Styled.Thumbnail>\n          <Skeleton width=\"100%\" height=\"100%\" type=\"image\" rounded />\n        </Styled.Thumbnail>\n      </Styled.FlexBox>\n\n      <Styled.FlexBox $gap=\"16px 8px\" $wrap>\n        <Skeleton width=\"160px\" height=\"44px\" type=\"box\" rounded />\n        <Skeleton width=\"240px\" height=\"44px\" type=\"box\" rounded />\n      </Styled.FlexBox>\n    </Fragment>\n  )\n}\n\nProductCategoryBrandOverviewLoading.propTypes = {}\n\nexport default ProductCategoryBrandOverviewLoading\n","import * as Styled from './style'\nimport ProductCategoryBrandOverviewLoading from './loading'\nimport { Button } from '../../../../elements'\n\nimport translations from '../translations'\nimport { i18n, initializeI18n } from '../../../../utilities/i18n'\n\nimport React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nconst BUTTON_LINK_PROPS = {\n  as: 'a',\n  htmlType: 'primary-outlined'\n}\n\nconst ProductCategoryBrandOverview = ({\n  title,\n  description,\n  brand,\n  category,\n  loading\n}) => {\n  initializeI18n({ localeFiles: translations })\n\n  if (loading) return <ProductCategoryBrandOverviewLoading />\n\n  return (\n    <Fragment>\n      <Styled.FlexBox $gap=\"8px\">\n        <Styled.GridBox $gap=\"8px\">\n          <Styled.Title>{title}</Styled.Title>\n          <Styled.Description>{description}</Styled.Description>\n        </Styled.GridBox>\n\n        <Styled.Thumbnail>\n          <Styled.Image>\n            <img {...category.thumbnail} />\n          </Styled.Image>\n          <Styled.Logo>\n            <img {...brand.thumbnail} />\n          </Styled.Logo>\n        </Styled.Thumbnail>\n      </Styled.FlexBox>\n\n      <Styled.FlexBox $gap=\"16px 8px\" $wrap>\n        <Button href={category.url} {...BUTTON_LINK_PROPS}>\n          {i18n.t('Overview.seeCategory', { name: category.name })}\n        </Button>\n        <Button href={brand.url} {...BUTTON_LINK_PROPS}>\n          {i18n.t('Overview.seeBrand', { name: brand.name })}\n        </Button>\n      </Styled.FlexBox>\n    </Fragment>\n  )\n}\n\nProductCategoryBrandOverview.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  brand: PropTypes.shape({\n    name: PropTypes.string,\n    url: PropTypes.string,\n    thumbnail: PropTypes.shape({\n      src: PropTypes.string,\n      alt: PropTypes.string\n    })\n  }),\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    url: PropTypes.string,\n    thumbnail: PropTypes.shape({\n      src: PropTypes.string,\n      alt: PropTypes.string\n    })\n  }),\n  loading: PropTypes.bool\n}\n\nexport default ProductCategoryBrandOverview\n","import styled from 'styled-components'\n\nexport const BGWhite = styled.div`\n  background-color: ${props => props.theme.colors.white};\n  line-height: 1.5;\n  margin-bottom: 2px;\n\n  position: relative;\n`\n\nexport const BGBlue = styled.div`\n  background-color: ${props => props.theme.colors.blue50};\n  line-height: 1.5;\n  margin-bottom: 2px;\n\n  position: relative;\n`\n\nexport const Wrapper = styled.div`\n  width: ${props => props.theme.screen.desktop};\n  margin: 0 auto;\n  padding: 24px 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n`\n","import HomeRedLogo from '../../../../assets/images/base/osh-logo/logo-home-red.png'\nimport NoImage from '../../../../assets/images/base/placeholder-300.png'\n\nimport { gql, useQuery } from '@apollo/client'\n\nconst QUERY = gql`\n  query ProductCategoryBrandTemplate($productCategoryId: ID!, $brandId: ID!) {\n    productCategory(id: $productCategoryId) {\n      id\n      name\n      pageDisplayName\n      shortDescription\n      attachmentsAttached\n      url\n      brand(slug: $brandId) {\n        id\n        name\n        url\n        logo {\n          small\n        }\n        productCategoryBrand(slug: $productCategoryId) {\n          id\n          pageDisplayName\n          shortDescription\n          description {\n            id\n            body\n          }\n        }\n      }\n      icon {\n        medium\n      }\n    }\n  }\n`\n\nexport const useHooks = (productCategoryId, brandId) => {\n  const { loading, data, error } = useQuery(QUERY, { variables: { productCategoryId, brandId } })\n\n  if (error) { console.error(error) }\n\n  const { brand: brandData, ...productCategoryData } = data?.productCategory || {}\n  const { logo, productCategoryBrand, ...brand } = brandData || {}\n  const { icon, pageDisplayName, ...productCategory } = productCategoryData || {}\n\n\n  return {\n    title: productCategoryBrand?.pageDisplayName || `${pageDisplayName} ${brandData?.name}`,\n    shortDescription: productCategoryBrand?.shortDescription || productCategory?.shortDescription,\n    description: productCategoryBrand?.description,\n    emptyAttachments: !productCategory?.attachmentsAttached,\n    brand: {\n      ...brand,\n      thumbnail: {\n        src: logo?.small || NoImage,\n        alt: brand?.name\n      }\n    },\n    category: {\n      ...productCategory,\n      thumbnail: {\n        src: icon?.medium || HomeRedLogo,\n        alt: productCategory?.name\n      }\n    },\n    loading\n  }\n}\n","import * as Styled from './style'\nimport ProductCategoryBrandOverview from '../../../../components/ProductCategoryBrand/Overview/desktop'\nimport ProductCategoryChildrenList from '../../../../components/ProductCategory/ChildrenList/desktop'\nimport ProductCategoryAttachments from '../../../../components/ProductCategory/Attachments'\nimport ProductCategoryInformation from '../../../../components/ProductCategoryBrand/Information/desktop'\nimport { ProductCategoryVariantList } from '../../../../components/ProductCategory/VariantList'\nimport Description from '../../../../components/Description'\n\nimport { useHooks } from '../hooks'\nimport theme from '../../../../theme'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const ProductCategoryBrandVariantDisplayTemplate = ({ productCategoryId, brandId }) => {\n  const { title, shortDescription, description, brand, loading, ...hooks } = useHooks(productCategoryId, brandId)\n\n  return (\n    <Styled.BGWhite>\n      <Styled.Wrapper>\n        <ProductCategoryBrandOverview\n          title={title}\n          description={shortDescription}\n          brand={brand}\n          category={hooks.category}\n          loading={loading} />\n\n        <ProductCategoryChildrenList\n          slug={productCategoryId}\n          brandId={brandId} />\n      </Styled.Wrapper>\n      <Styled.BGBlue>\n        <Styled.Wrapper>\n          <ProductCategoryVariantList\n            slug={productCategoryId}\n          />\n        </Styled.Wrapper>\n      </Styled.BGBlue>\n      <Styled.Wrapper>\n        <ProductCategoryAttachments\n          slug={productCategoryId}\n          customStyle={{\n            border: `1px solid ${theme.colors.zinc300}`,\n            borderRadius: '16px',\n            padding: '16px'\n          }}\n          useInView />\n\n        <ProductCategoryInformation brandId={brandId} />\n\n        <Description\n          title={title}\n          description={description}\n          loading={loading}\n          imageMaxWidth=\"50%\" />\n      </Styled.Wrapper>\n    </Styled.BGWhite>\n  )\n}\n\nProductCategoryBrandVariantDisplayTemplate.propTypes = {\n  productCategoryId: PropTypes.string.isRequired,\n  brandId: PropTypes.string.isRequired\n}","import styled from 'styled-components'\n\nexport const Wrapper = styled.div`\n  background-color: ${props => props.theme.colors.white};\n  line-height: 1.5;\n`\n\nexport const GridBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${props => props.$gap};\n`\n\nconst Hidable = styled.div`\n  display: ${props => props.$hide && 'none'};\n`\n\nexport const Section = styled(Hidable)`\n  padding: 24px 16px;\n  &:empty {\n    display: none;\n  }\n`\n\nexport const Divider = styled(Hidable)`\n  width: 100%;\n  height: 1px;\n  background-color: ${props => props.theme.colors.zinc300};\n`\n\n\nexport const BGBlue = styled.div`\n  background-color: ${props => props.theme.colors.blue50};\n`","import * as Styled from './style'\nimport ProductCategoryBrandOverview from '../../../../components/ProductCategoryBrand/Overview/mobile'\nimport ProductCategoryChildrenList from '../../../../components/ProductCategory/ChildrenList/mobile'\nimport ProductCategoryAttachments from '../../../../components/ProductCategory/Attachments'\nimport ProductCategoryInformation from '../../../../components/ProductCategoryBrand/Information/mobile'\nimport { ProductCategoryVariantListCompact } from '../../../../components/ProductCategory/VariantList'\nimport Description from '../../../../components/Description'\n\nimport { useHooks } from '../hooks'\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nexport const ProductCategoryBrandCompactTemplate = ({ productCategoryId, brandId }) => {\n  const { title, description, emptyAttachments, loading, ...hooks } = useHooks(productCategoryId, brandId)\n\n  return (\n    <Styled.Wrapper>\n      <Styled.GridBox as={Styled.Section} $gap=\"24px\">\n        <ProductCategoryBrandOverview\n          title={title}\n          description={hooks.shortDescription}\n          brand={hooks.brand}\n          category={hooks.category}\n          loading={loading} />\n\n        <ProductCategoryChildrenList\n          productCategoryId={productCategoryId}\n          brandId={brandId} />\n      </Styled.GridBox>\n\n      <Styled.Divider />\n\n      <Styled.BGBlue>\n        <Styled.Section>\n          <ProductCategoryVariantListCompact\n            slug={productCategoryId}\n          />\n        </Styled.Section>\n      </Styled.BGBlue>\n\n      <Styled.Divider $hide={emptyAttachments} />\n\n      <Styled.Section $hide={emptyAttachments}>\n        <ProductCategoryAttachments\n          slug={productCategoryId}\n          headerSize=\"14px\" />\n      </Styled.Section>\n\n      <Styled.Divider />\n\n      <Styled.Section>\n        <ProductCategoryInformation brandId={brandId} />\n      </Styled.Section>\n\n      <Styled.Divider $hide={!description} />\n\n      <Styled.Section>\n        <Description\n          title={title}\n          description={description}\n          loading={loading} />\n      </Styled.Section>\n    </Styled.Wrapper>\n  )\n}\n\nProductCategoryBrandCompactTemplate.propTypes = {\n  productCategoryId: PropTypes.string.isRequired,\n  brandId: PropTypes.string.isRequired\n}\n"],"names":["Wrapper","styled","Link","_templateObject","_taggedTemplateLiteral","Image","div","_templateObject2","LoadName","_templateObject3","Name","_templateObject4","props","theme","colors","textHeading","React","Styled","as","Skeleton","width","height","type","rounded","size","align","_ref","column","_ref$row","row","innerHeight","PagedListLoading","renderElementMultipleTimes","CardLoading","id","icon","name","url","concat","href","src","small","PlaceholderImage","alt","_ref2","productCategoryId","brandId","_ref2$includeSelfLink","includeSelfLink","_useHooks","useHooks","title","loading","scales","hooks","_objectWithoutProperties","_excluded2","ProductCategoryChildrenListLoading","PagedList","onFetchQuery","pagination","totalPage","total","children","getURL","count","map","index","_excluded","Card","Object","assign","key","renderChildrenList","loadMore","GridBox","$gap","$align","FlexBox","blue50","Title","h2","_templateObject5","Description","p","_templateObject6","Divider","_templateObject7","zinc300","$hide","Logo","_templateObject8","_templateObject9","_ref$column","collapsedState","ProductCategoryInformationLoading","image","description","length","i18n","t","logo","NoImage","titleSize","Thumbnail","white","h1","Fragment","BUTTON_LINK_PROPS","htmlType","brand","category","initializeI18n","localeFiles","translations","ProductCategoryBrandOverviewLoading","thumbnail","Button","$wrap","BGWhite","BGBlue","screen","desktop","QUERY","gql","_useQuery","useQuery","variables","data","error","console","productCategory","brandData","productCategoryData","productCategoryBrand","_ref3","pageDisplayName","_excluded3","shortDescription","emptyAttachments","attachmentsAttached","_objectSpread","medium","HomeRedLogo","ProductCategoryBrandVariantDisplayTemplate","ProductCategoryBrandOverview","ProductCategoryChildrenList","slug","ProductCategoryVariantList","ProductCategoryAttachments","customStyle","border","borderRadius","padding","useInView","ProductCategoryInformation","imageMaxWidth","Hidable","Section","ProductCategoryBrandCompactTemplate","ProductCategoryVariantListCompact","headerSize"],"sourceRoot":""}