(window.webpackJsonp=window.webpackJsonp||[]).push([[326],{CON3:function(n,t,e){"use strict";e.r(t),e.d(t,"BrandsPageWidgetRenderer",(function(){return U}));var r,c,a,i,o,d,u=e("ERkP"),l=e("KD1n"),b=e("7asP"),s=e("6QEl"),p=e("jiAW"),f=e("jt0n"),m=e("135/"),h=u.createElement,j=s.c.div(r||(r=Object(l.a)(["\n  display: flex;\n  overflow: auto;\n  margin: "," auto;\n\n  "," {\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n"])),Object(p.i)(3),(function(n){return Object(f.d)(n.theme.breakpointUtils.map,"lg")})),O=Object(s.c)(b.a)(c||(c=Object(l.a)(["\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"])),Object(p.i)(1),Object(p.i)(1),Object(p.i)(2),Object(p.i)(1),Object(p.i)(2)),g=s.c.div(a||(a=Object(l.a)(["\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 Object(f.d)(n.theme.breakpointUtils.map,"sm")}),Object(p.i)(3),(function(n){return n.theme.colors.palette.greys.light})),w=s.c.div(i||(i=Object(l.a)(["\n  ","\n\n  padding: "," ",";\n  background: ",";\n\n  "," {\n    background: none;\n    padding: 0 ",";\n  }\n"])),Object(m.a)("large1","alternate"),Object(p.i)(2),Object(p.i)(2),(function(n){return n.theme.colors.palette.greys.lighter}),(function(n){return Object(f.d)(n.theme.breakpointUtils.map,"sm")}),Object(p.i)(3)),k=s.c.div(o||(o=Object(l.a)(["\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"])),Object(p.i)(2),(function(n){return Object(f.d)(n.theme.breakpointUtils.map,"sm")})),v=Object(s.c)(b.a)(d||(d=Object(l.a)(["\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 Object(f.d)(n.theme.breakpointUtils.map,"sm")})),x=function(n){var t=u.useRef({}),e=h(j,null,n.brands.map((function(n){return h(O,{emphasis:"medium",key:"character-".concat(n.character),onClick:function(){t.current[n.character]&&t.current[n.character].scrollIntoView({behavior:"smooth",block:"center"})}},n.character)})));return h("div",null,e,n.brands.map((function(n){return h(g,{key:"brands - ".concat(n.character),ref:function(e){return t.current[n.character]=e}},h(w,null,n.character),h(k,null,n.brands.map((function(n){var t;return h(v,{emphasis:"low",href:"".concat(null===(t=n.page)||void 0===t?void 0:t.path,".list"),renderedAs:"a",key:"brand - ".concat(n.name),style:{}},n.name)}))))})))},y=u.createElement,U=function(n){return y(x,{brands:n.brands})}}}]);
//# sourceMappingURL=326.9276c2fd05cb41cc27f5.js.map