"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7577],{97577:function(n,r,e){e.r(r),e.d(r,{BrandsPageWidgetRenderer:function(){return y}});var t,a,i,c,o,d,s=e(2784),u=e(7328),l=e(51339),h=e(11006),p=e(48840),m=e(81292),f=e(87330),x=e(52322),b=h.zo.div(t||(t=(0,u.Z)(["\n  display: flex;\n  overflow: auto;\n  margin: "," auto;\n\n  "," {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n"])),(0,p.W0)(3),function(n){return(0,m.mq)(n.theme.breakpointUtils.map,"lg")}),g=(0,h.zo)(l.zx)(a||(a=(0,u.Z)(["\n  margin-right: ",";\n\n  button,\n  button:active,\n  button:hover {\n    padding: "," ",";\n  }\n\n  button:focus {\n    padding: calc("," - 2px) calc("," - 2px);\n  }\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])),(0,p.W0)(1),(0,p.W0)(1),(0,p.W0)(2),(0,p.W0)(1),(0,p.W0)(2)),v=h.zo.div(i||(i=(0,u.Z)(["\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    flex-direction: row;\n    padding: "," 0;\n    border-bottom: 1px solid\n      ",";\n  }\n"])),function(n){return(0,m.mq)(n.theme.breakpointUtils.map,"sm")},(0,p.W0)(3),function(n){return n.theme.colors.palette.greys.light}),w=h.zo.div(c||(c=(0,u.Z)(["\n  ","\n\n  padding: "," ",";\n  background: ",";\n\n  "," {\n    background: none;\n    padding: 0 ",";\n  }\n"])),(0,f.xv)("large1","alternate"),(0,p.W0)(2),(0,p.W0)(2),function(n){return n.theme.colors.palette.greys.lighter},function(n){return(0,m.mq)(n.theme.breakpointUtils.map,"sm")},(0,p.W0)(3)),k=h.zo.div(o||(o=(0,u.Z)(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  padding: ",";\n\n  "," {\n    flex-direction: row;\n    padding: 0;\n  }\n"])),(0,p.W0)(2),function(n){return(0,m.mq)(n.theme.breakpointUtils.map,"sm")}),W=(0,h.zo)(l.zx)(d||(d=(0,u.Z)(["\n  width: 100%;\n  justify-content: flex-start;\n  text-transform: none;\n  "," {\n    width: 25%;\n\n    &:hover,\n    &:focus {\n      width: 25%;\n    }\n  }\n"])),function(n){return(0,m.mq)(n.theme.breakpointUtils.map,"sm")}),j=function(n){var r=s.useRef({}),e=(0,x.jsx)(b,{children:n.brands.map(function(n){return(0,x.jsx)(g,{emphasis:"medium",onClick:function(){r.current[n.character]&&r.current[n.character].scrollIntoView({behavior:"smooth",block:"center"})},children:n.character},"character-".concat(n.character))})});return(0,x.jsxs)("div",{children:[e,n.brands.map(function(n){return(0,x.jsxs)(v,{ref:function(e){return r.current[n.character]=e},children:[(0,x.jsx)(w,{children:n.character}),(0,x.jsx)(k,{children:n.brands.map(function(n){var r;return(0,x.jsx)(W,{emphasis:"low",href:"".concat(null===(r=n.page)||void 0===r?void 0:r.path,".list"),renderedAs:"a",style:{},children:n.name},"brand - ".concat(n.name))})})]},"brands - ".concat(n.character))})]})},y=function(n){return(0,x.jsx)(j,{brands:n.brands})}}}]);
//# sourceMappingURL=7577.67d9b94d3a2465a3.js.map