https://www.bmn.nl/33.277ff6f3a2b380c46373.js

1/*!
2 * @version 3ea9a483c
3 * 
4 */
5(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{VGTV:function(n,e,t){"use strict"
6var i=t("denP"),o=t.n(i),s=t("JPst"),a=t.n(s)()(o.a)
7a.push([n.i,"@media only screen and (max-width:  767px  ) {\n}@media only screen and (max-width:  767px  ) {\n}.categories_list__fRPfQ {\n  background-color: #f7f7f7;\n}\n.categories_list__fRPfQ ul {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 8px 0 !important;\n}\n.categories_list__fRPfQ ul li {\n  list-style-type: none !important;\n}\n","",{version:3,sources:["webpack://./src/web/typography.less","webpack://./src/components/RichContent/PageBuilder/ContentTypes/CustomCategoryBox/custom-category-box.less"],names:[],mappings:"AA8EE;AC7EF,CDuFE;ACtFF,CAAA;EACE,yBAAA;AACF;AAFA;EAII,aAAA;EACA,sBAAA;EACA,MAAA;EACA,yBAAA;AACJ;AARA;EAUM,gCAAA;AACN",sourcesContent:["@import './theme.less';\n\n@font-family__sans-serif: Sans-Serif;\n\n@font-family-name__base: FrutigerRoman;\n@font-family-name__light: FrutigerLight;\n@font-family-name__bold: FrutigerBlack;\n\n@font-family__base: @font-family-name__base, @font-family__sans-serif;\n@font-family__light: @font-family-name__light, @font-family__sans-serif;\n@font-family__bold: @font-family-name__bold, @font-family__sans-serif;\n\n@font-size__6xl: 28px;\n@font-size__5xl: 26px;\n@font-size__4xl: 24px;\n@font-size__3xl: 22px;\n@font-size__2xl: 20px;\n@font-size__xl: 18px;\n@font-size__l: 16px;\n@font-size__m: 14px;\n@font-size__base: @font-size__m;\n@font-size__s: 12px;\n@font-size__xs: 10px;\n@font-size__xxs: 8px;\n\n// [MOBILE] base font size — drives the mobile type scale via inheritance from body\n@font-size__base__mobile: 11px;\n\n@font-weight__bold: 700;\n@font-weight__regular: 400;\n@font-weight__light: 300;\n\n@line-height__default: 1.5;\n\n.line-height(@heightValue)\n  when\n  not\n  (@heightValue = false)\n  and\n  not\n  (@heightValue = normal)\n  and\n  not\n  (ispercentage(@heightValue)) {\n  .font-size-value(@heightValue);\n  line-height: @fontValue;\n}\n\n.font-size-value(@_value) when not (@_value = false) and not (@_value = '') {\n  // Exact-pixel output: emit the design token verbatim as px. No rem/ratio, so\n  // sizes are never re-interpreted against the device/user root font-size.\n  @fontValue: unit((@_value) * 1, px);\n}\n\nhtml,\nbody {\n  font-size: @font-size__base;\n  // Single source of truth for body copy. Elements with NO font-size of their\n  // own inherit this, so they shift 14px -> 11px on mobile for free. Elements\n  // that set an explicit size are exact px and do NOT auto-shrink — to make one\n  // responsive, drop its declaration so it inherits.\n  @media @mobileM {\n    font-size: @font-size__base__mobile;\n  }\n}\n\nh1,\nh2,\nh4,\nh5,\nh6 {\n  font-weight: @font-weight__bold;\n  margin: @spacing__base 0;\n}\n\nh1 {\n  font-size: @font-size__6xl;\n  .line-height(@font-size__6xl);\n  @media @mobileM {\n    font-size: @font-size__4xl;\n    .line-height(@font-size__4xl);\n  }\n}\n\nh2,\nh3 {\n  font-size: @font-size__3xl;\n  .line-height(@font-size__4xl);\n  @media @mobileM {\n    font-size: @font-size__xl;\n    .line-height(@font-size__2xl);\n  }\n}\n\nh3 {\n  margin: @spacing__base 0;\n  font-weight: @font-weight__regular;\n}\n\nh4,\nh5,\nh6 {\n  font-size: inherit;\n}\n\n[class^='font-size__l'] {\n  font-size: @font-size__l;\n}\n","@import (reference) '../../../../../web/theme';\n\n.categories_list {\n  background-color: @color__gray-light-2;\n\n  ul {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    padding: @spacing__base 0 !important; // override row.css styling\n\n    li {\n      list-style-type: none !important; // override row.css styling\n    }\n  }\n}\n"],sourceRoot:""}]),a.locals={categories_list:"categories_list__fRPfQ"},e.a=a},j0YI:function(n,e,t){"use strict"
8t.r(e)
9var i=t("pVnL"),o=t.n(i),s=t("q1tI"),a=t.n(s),l=t("LboF"),_=t.n(l),r=t("VGTV"),f={insert:"head",singleton:!1},h=(_()(r.a,f),r.a.locals||{}),p=t("5Juy"),c=t("yDJ3"),m=t.n(c),g=t("X7BR"),u=t("17x9")
10const d=n=>{let{backgroundColor:e,children:t,hideOnMobile:i}=n
11const s=Object(p.b)().innerWidth<=g.d
12if(!t||t&&0===t.length)return null
13const l=e?{style:{backgroundColor:e}}:{}
14return s&&i?null:a.a.createElement("div",o()({className:h.categories_list},l),a.a.createElement("ul",null,t.map((n,e)=>{const t=m()(n,"props.data.text",null),i=m()(n,"props.data.link",

14null),o=m()(n,"props.data.icon",null)
15return"bmn_category_item"===n.props.data.contentType&&(t||i||o)?a.a.createElement("li",{key:e},n):null})))}
16d.propTypes={children:u.array,backgroundColor:u.string,hideOnMobile:u.bool}
17e.default=d}}])