1/*! 2 * @version 3ea9a483c 3 * 4 */ 5(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{"1zHH":function(n,e,o){"use strict" 6o.r(e),o.d(e,"default",function(){return h}) 7var t=o("q1tI"),r=o.n(t),i=o("LboF"),a=o.n(i),s=o("tiCl"),d={insert:"head",singleton:!1},l=(a()(s.a,d),s.a.locals||{}),p=o("T1X5"),_=o("17x9"),c=o("sBf2") 8const b=n=>({__html:n}),g=n=>{const{content:e}=n,o=Object(p.a)(l,n.classes) 9return Object(t.useEffect)(()=>{Object(c.a)()},[]),r.a.createElement("div",{className:o.faqQuestion__wrapper,dangerouslySetInnerHTML:b(e)})} 10g.propTypes={classes:Object(_.shape)({faqQuestion__wrapper:_.string})} 11var h=g},tiCl:function(n,e,o){"use strict" 12var t=o("denP"),r=o.n(t),i=o("JPst"),a=o.n(i)()(r.a) 13a.push([n.i,"@media only screen and (max-width: 767px ) {\n}@media only screen and (max-width: 767px ) {\n}.faqQuestion__wrapper__9HXZt {\n padding: 20px;\n margin-bottom: 10px;\n box-shadow: 0 5px 6px 3px #d0d0d0;\n}\n.faqQuestion__wrapper__9HXZt [for^='show'] {\n font-size: 18px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n position: relative;\n display: block;\n padding-right: 40px;\n cursor: pointer;\n}\n.faqQuestion__wrapper__9HXZt [for^='show']:after {\n content: '';\n position: absolute;\n right: 10px;\n top: 5px;\n display: inline-block;\n width: 2px;\n height: 2px;\n padding: 3px;\n border-style: solid;\n border-width: 0 1px 1px 0;\n transform: rotate(45deg);\n}\n.faqQuestion__wrapper__9HXZt > [class*='kloosterwaard']:after {\n border-color: #60893e;\n}\n.faqQuestion__wrapper__9HXZt > [class*='bmn-orange']:after {\n border-color: var(--theme-color-primary);\n}\n.faqQuestion__wrapper__9HXZt > [class*='isodun']:after {\n border-color: #98999b;\n}\n.faqQuestion__wrapper__9HXZt > [class*='cerah']:after {\n border-color: #2c353a;\n}\n.faqQuestion__wrapper__9HXZt > [class*='bmnhome']:after {\n border-color: #c8cbc4;\n}\n.faqQuestion__wrapper__9HXZt > [class*='cebo']:after {\n border-color: #575859;\n}\n.faqQuestion__wrapper__9HXZt input[type='checkbox'] {\n display: none;\n}\n.faqQuestion__wrapper__9HXZt input[type='checkbox']:not(:checked) ~ [class='faq-question__answer'] {\n display: none;\n}\n.faqQuestion__wrapper__9HXZt input[type='checkbox']:checked + label:after {\n top: 10px;\n transform: rotate(225deg);\n}\n.faqQuestion__wrapper__9HXZt [class='faq-question__answer'] {\n margin-top: 20px;\n}\n","",{version:3,sources:["webpack://./src/web/typography.less","webpack://./src/components/RichContent/PageBuilder/ContentTypes/CustomFaq/custom-faq.less","webpack://./src/web/mixins.less"],names:[],mappings:"AA8EE;AC7EF,CDuFE;ACtFF,CAQA;EACE,aAAA;EACA,mBAAA;EACA,iCAAA;AAPF;AAIA;EAMI,eAAA;ECiBF,yBAAA;EACA,sBAAA;EACA,qBAAA;EDjBE,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,eAAA;AALJ;AAOI;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,qBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,yBAAA;EACA,wBAAA;AALN;AAUI;EACE,qBAAA;AARN;AAaI;EACE,wCAAA;AAXN;AAgBI;EACE,qBAAA;AAdN;AAmBI;EACE,qBAAA;AAjBN;AAsBI;EACE,qBAAA;AApBN;AAyBI;EACE,qBAAA;AAvBN;AArCA;EAiEI,aAAA;AAzBJ;AA2BI;EAEI,aAAA;AA1BR;AA+BM;EACE,SAAA;EACA,yBAAA;AA7BR;AA/CA;EAkFI,gBAAA;AAhCJ",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;
13\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@color__shadow-gray: #d0d0d0;\n@color__kloosterwaard: #60893e;\n@color__bmn-orange: var(--theme-color-primary);\n@color__isodun: #98999b;\n@color__cerah: #2c353a;\n@color__bmn-home: #c8cbc4;\n@color__cebo: #575859;\n\n.faqQuestion__wrapper {\n padding: @indent__base;\n margin-bottom: @indent__s;\n box-shadow: 0 5px 6px 3px @color__shadow-gray;\n\n [for^='show'] {\n font-size: @font-size__xl;\n .css(user-select, none, 1);\n position: relative;\n display: block;\n padding-right: @indent__xl;\n cursor: pointer;\n\n &:after {\n content: '';\n position: absolute;\n right: @indent__s;\n top: @indent__xs;\n display: inline-block;\n width: 2px;\n height: 2px;\n padding: 3px;\n border-style: solid;\n border-width: 0 1px 1px 0;\n transform: rotate(45deg);\n }\n }\n\n > [class*='kloosterwaard'] {\n &:after {\n border-color: @color__kloosterwaard;\n }\n }\n\n > [class*='bmn-orange'] {\n &:after {\n border-color: @color__bmn-orange;\n }\n }\n\n > [class*='isodun'] {\n &:after {\n border-color: @color__isodun;\n }\n }\n\n > [class*='cerah'] {\n &:after {\n border-color: @color__cerah;\n }\n }\n\n > [class*='bmnhome'] {\n &:after {\n border-color: @color__bmn-home;\n }\n }\n\n > [class*='cebo'] {\n &:after {\n border-color: @color__cebo;\n }\n }\n\n input[type='checkbox'] {\n display: none;\n\n &:not(:checked) {\n ~ [class='faq-question__answer'] {\n display: none;\n }\n }\n\n &:checked + label {\n &:after {\n top: @indent__s;\n transform: rotate(225deg);\n }\n }\n }\n\n [class='faq-question__answer'] {\n margin-top: @indent__base;\n }\n}\n","@import (reference) '/src/web/theme.less';\n\n@transition__property-default: all;\n@transition__speed-default: 0.2s;\n\n.css(\n @_property,\n @_value,\n @_prefix: 0\n)\n when\n (@_prefix = 1)\n and\n not\n (@_value = '')\n and\n not\n (@_value = false)\n and\n not\n (extract(@_value, 1) = false)\n and\n not\n (extract(@_value, 2) = false)\n and\n not\n (extract(@_value, 3) = false)\n and\n not\n (extract(@_value, 4) = false)\n and\n not\n (extract(@_value, 5) = false) {\n -webkit-@{_property}: @_value;\n -moz-@{_property}: @_value;\n -ms-@{_property}: @_value;\n}\n\n.transition(\n @transitionProperty: @transition__property-default,\n @transitionSpeed: @transition__speed-default\n) {\n transition: @transitionSpeed @transitionProperty;\n}\n\n.visuallyHidden() {\n display: none;\n}\n\n.text-ellipsis() {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: fit-content;\n max-width: -webkit-fill-available;\n display: inline-block;\n}\n\n.baseButton(\n @border-width,\n @border-bottom-width,\n @icon-only,\n @underline,\n @no-padding,\n @rounded,\n @padding-xs,\n) {\n @width: ~'@{border-width}px';\n @bottom-width: ~'@{border-bottom-width}px';\n\n padding: @spacing__xss @spacing__ml;\n margin: @button__margin;\n line-height: @font-size__4xl;\n border-radius: @border-radius__medium;\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: @font-weight__regular;\n\n &:focus {\n outline: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &[data-busy='true'] {\n opacity: 0.5;\n }\n\n &:disabled,\n &[disabled],\n &[data-disabled],\n &[disabled='true'],\n &[data-disabled='true'] {\n pointer-events: none;\n }\n\n & when (@padding-xs) {\n padding: @spacing__xs @spacing__xs @spacing__xxs @spacing__xs;\n }\n\n & when (@border-width > 0) {\n padding: calc(@spacing__xss - @width) @spacing__ml;\n }\n\n & when (@border-bottom-width > 0) {\n padding: 0;\n border-radius: 0;\n }\n\n & when (@icon-only) {\n height: @spacing__xl;\n padding: @spacing__xss;\n\n & when (@border-width > 0) {\n padding: calc(@spacing__xss - @width) @spacing__xss;\n }\n }\n\n & when (@rounded) {\n border-radius: 100%;\n }\n\n & when (@underline) {\n display: inline-flex;\n }\n\n & when (@no-padding) {\n padding: 0;\n }\n}\n\n.button(\n @background-color,\n @background-color--hover,\n @background-color--disabled,\n @color,\n @color--hover,\n @color--disabled,\n @border-width,\n @border-bottom-width,\n @border-color: transparent,\n @border-color--hover: transparent,\n @border-color--disabled: transparent,\n @icon-only: false,\n @underline: false,\n @no-padding: false,\n @rounded: false,\n @padding-xs: false,\n @icon-position: left\n) {\n @width: ~'@{border-width}px';\n @bottom-width: ~'@{border-bottom-width}px';\n .baseButton(@border-width, @border-bottom-width, @icon-only, @underline, @no-padding, @rounded, @padding-xs);\n background-color: @background-color;\n color: @color;\n\n & when (@icon-only) {\n @icon-spacing: @spacing__base;\n\n // Default: icon is on the left\n & when (@icon-position = left) {\n [class*='icon-'] {\n margin-right: @
13icon-spacing;\n }\n }\n\n // Modifier: icon is on the right\n & when (@icon-position = right) {\n [class*='icon-'] {\n margin-left: @icon-spacing;\n }\n }\n }\n\n &:hover {\n background-color: @background-color--hover;\n color: @color--hover;\n }\n\n &:disabled,\n &[disabled],\n &[data-disabled],\n &[disabled='true'],\n &[data-disabled='true'] {\n background-color: @background-color--disabled;\n color: @color--disabled;\n\n *:before,\n *:after {\n opacity: 0.5;\n }\n\n &:hover {\n background-color: @background-color--disabled;\n color: @color--disabled;\n }\n }\n\n & when (@border-width > 0) or (@border-bottom-width > 0) {\n &:hover {\n border-color: @border-color--hover;\n }\n\n &:disabled,\n &[disabled],\n &[data-disabled],\n &[disabled='true'],\n &[data-disabled='true'] {\n border-color: @border-color--disabled;\n\n &:hover {\n border-color: @border-color--disabled;\n }\n }\n }\n\n & when (@border-width > 0) {\n border: @width solid @border-color;\n }\n\n & when (@border-bottom-width > 0) {\n border-bottom: @bottom-width solid @border-color;\n }\n}\n\n.message(\n @message__color: @message__success-color,\n @message__background-color: @message__success-background-color,\n @message__margin: @message__margin,\n @message__padding: @message__padding\n) {\n margin: @message__margin;\n padding: @message__padding;\n color: @message__color;\n background-color: @message__background-color;\n}\n\n.message__inline(\n @message__color: @message__success-color,\n @message__background-color: @message__success-background-color,\n @message__margin: @message__margin,\n @message__padding: @message__inline__padding\n) {\n border-radius: @border-radius__medium;\n margin: @message__margin;\n padding: @message__padding;\n color: @message__color;\n background-color: @message__background-color;\n}\n\n.textDecorationUnderline() {\n text-decoration: underline;\n}\n\n.overlay {\n &:before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n animation: fadein 400ms;\n pointer-events: none;\n }\n}\n\n.lib-arrow-default(\n @arrow-size,\n @arrow-color\n) {\n content: '';\n position: absolute;\n top: 50%;\n display: block;\n width: @arrow-size;\n height: @arrow-size;\n border-color: @arrow-color;\n border-style: solid;\n transform: rotate(45deg) translateY(-50%);\n}\n\n.lib-triangle(\n @direction: 'up',\n @size: 10px,\n @color: var(--theme-color-primary)\n) {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n\n & when (@direction = 'up') {\n border-left: @size solid transparent;\n border-right: @size solid transparent;\n border-bottom: @size solid @color;\n }\n\n & when (@direction = 'down') {\n border-left: @size solid transparent;\n border-right: @size solid transparent;\n border-top: @size solid @color;\n }\n\n & when (@direction = 'right') {\n border-top: @size solid transparent;\n border-bottom: @size solid transparent;\n border-left: @size solid @color;\n }\n\n & when (@direction = 'left') {\n border-top: @size solid transparent;\n border-bottom: @size solid transparent;\n border-right: @size solid @color;\n }\n}\n\n.lib-arrow(\n @arrow-position: 'after',\n @arrow-direction: 'right',\n @arrow-size: 8px,\n @arrow-color: var(--theme-color-primary)\n) {\n position: relative;\n\n & when (@arrow-position = 'before') {\n padding-left: 2.5 * @arrow-size;\n\n &:before {\n .lib-arrow-default(\n @arrow-size,\n @arrow-color\n );\n }\n }\n\n & when (@arrow-position = 'after') {\n padding-right: 2.5 * @arrow-size;\n\n &:after {\n .lib-arrow-default(\n @arrow-size,\n @arrow-color\n );\n }\n }\n\n & when (@arrow-direction = 'right') {\n &:before,\n &:after {\n border-width: 2px 2px 0 0;\n top: calc(~'50% - 2px');\n }\n\n &:before {\n left: -9px;\n }\n\n &:after {\n right: 7px;\n }\n }\n\n & when (@arrow-direction = 'down') {\n &:before,\n &:after {\n border-width: 2px 2px 0 0;\n top: calc(~'50% - 2px');\n }\n\n &:before {\n left: -9px;\n }\n\n &:after {\n right: 6px;\n }\n }\n\n & when (@arrow-direction = 'left') {\n &:before,\n &:after {\n border-width: 0 0 2px 2px;\n top: calc(~'50% - 3px');\n }\n\n &:before {\n left: -2px;\n }\n\n &:after {\n right: 0;\n }\n }\n\n & when (@arrow-direction = 'up') {\n &:before,\n &:after {\n border-width: 2px 0 0 2px;\n top: calc(~'50% + 2px');\n }\n\n &:before {\n left: -2px;\n }\n\n &:after {\n right: 6px;\n }\n }\n}\n\n@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n.gridContainer(\n @width: 100%\n) {\n display: flex;\n flex-wrap: wrap;\n width: @width;\n}\n\n.grid(\n @columnQty,\n @indent\n) {\n @p: percentage(1 / @columnQty);\n\n > * {\n width: ~'calc(@{p} - @{indent})';\n\n &:not(:nth-of-type(@{columnQty}n)) {\n margin-right: ~'calc((@{indent} * @{columnQty}) / (@{columnQty} - 1))';\n }\n }\n}\n\n.margins (@i) when (@i > 0) {\n :global(.margin_top_@{i}) {\n margin-top: (@i*1px);\n }\n\n :global(.margin_bottom_@{i}) {\n margin-bottom: (@i*1px);\n }\n\n :global(.margin_left_@{i}) {\n margin-left: (@i*1px);\n }\n\n :global(.margin_right_@{i}) {\n margin-right: (@i*1px);\n }\n\n .margins(@i - 1);\n}\n\n// NEW RESPONSIVE GRID\n\n////\n// Page wrapper\n// Fluid on mobile/tablet/desktop â fixed on xl-desktop\n////\n.bp-page-wrapper() {\n margin-left: auto;\n margin-right: auto;\n\n @media @bp-mobile {\n width: 100%;\n padding-left: @bp-grid__margin--mobile;\n padding-right: @bp-grid__margin--mobile;\n }\n @media @bp-tablet {\n width: 100%;\n padding-left: @bp-grid__margin--tablet;\n padding-right: @bp-grid__margin--tablet;\n }\n @media @bp-desktop {\n width: 100%;\n padding-left: @bp-grid__margin--desktop;\n padding-right: @bp-grid__margin--desktop;\n }
13\n // Fixed grid â columns stay 84px, margins grow with viewport.\n // @bp-xl-desktop-content-width (theme.less) is the single source of\n // truth for this 1360px value â anything else needing to match it\n // (e.g. ToastContainer) references that variable too, rather than\n // duplicating this calc.\n @media @bp-xl-desktop {\n width: @bp-xl-desktop-content-width;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n////\n// Content width only â same widths .bp-page-wrapper() produces at every\n// tier, but as a plain `width` (not width + padding), for elements that\n// can't use .bp-page-wrapper()'s own margin:auto centering technique â\n// e.g. position:fixed elements, which need left: 50%;\n// transform: translateX(-50%) instead. Used by ToastContainer; reach for\n// this instead of re-deriving the same calc a third time if something\n// else needs to match the page's content width from a fixed position.\n////\n.bp-content-width() {\n @media @bp-mobile {\n width: calc(100vw - (2 * @bp-grid__margin--mobile));\n }\n @media @bp-tablet {\n width: calc(100vw - (2 * @bp-grid__margin--tablet));\n }\n @media @bp-desktop {\n width: calc(100vw - (2 * @bp-grid__margin--desktop));\n }\n @media @bp-xl-desktop {\n width: @bp-xl-desktop-content-width;\n }\n}\n\n////\n// Flex grid parent â use with .bp-responsive-cols() on children\n////\n.bp-flex-grid() {\n display: flex;\n flex-wrap: wrap;\n\n @media @bp-xl-desktop {\n gap: @bp-grid__gutter--xl-desktop;\n }\n @media @bp-desktop {\n gap: @bp-grid__gutter--desktop;\n }\n @media @bp-tablet {\n gap: @bp-grid__gutter--tablet;\n }\n @media @bp-mobile {\n gap: @bp-grid__gutter--mobile;\n }\n}\n\n////\n// Column width helpers â always gap-aware\n////\n.bp-cols-mobile(@n) {\n width: calc(\n (100% - (@bp-grid__gutter--mobile * (@bp-grid__columns--mobile - 1))) /\n @bp-grid__columns--mobile * @n + (@bp-grid__gutter--mobile * (@n - 1))\n );\n}\n.bp-cols-tablet(@n) {\n width: calc(\n (100% - (@bp-grid__gutter--tablet * (@bp-grid__columns--tablet - 1))) /\n @bp-grid__columns--tablet * @n + (@bp-grid__gutter--tablet * (@n - 1))\n );\n}\n.bp-cols-desktop(@n) {\n width: calc(\n (100% - (@bp-grid__gutter--desktop * (@bp-grid__columns--desktop - 1))) /\n @bp-grid__columns--desktop * @n + (@bp-grid__gutter--desktop * (@n - 1))\n );\n}\n.bp-cols-xl-desktop(@n) {\n width: calc(\n @bp-grid__col-width--xl-desktop * @n + @bp-grid__gutter--xl-desktop *\n (@n - 1)\n );\n}\n\n////\n// Responsive columns\n// @desktop = required, base value\n// @tablet = falls back to @desktop\n// @mobile = falls back to @tablet\n// @xl-desktop = falls back to @desktop\n////\n.bp-responsive-cols(@desktop, @tablet: @desktop, @mobile: @tablet, @xl-desktop: @desktop) {\n @media @bp-xl-desktop {\n .bp-cols-xl-desktop(@xl-desktop);\n }\n @media @bp-desktop {\n .bp-cols-desktop(@desktop);\n }\n @media @bp-tablet {\n .bp-cols-tablet(@tablet);\n }\n @media @bp-mobile {\n .bp-cols-mobile(@mobile);\n }\n}\n"],sourceRoot:""}]),a.locals={faqQuestion__wrapper:"faqQuestion__wrapper__9HXZt"},e.a=a}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.