1/*! 2 * @version 3ea9a483c 3 * 4 */ 5(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{Awgo:function(n,e,t){n.exports=t.p+"pagebuilder-arrow-right-oeU.svg"},Ld3G:function(n,e){var t={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getExceptionalPageConfig"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"storeConfig"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"exceptional_cms_page_general_identifiers"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"exceptional_page_id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"exceptional_page_default_color"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:178}} 6t.loc.source={body:"query getExceptionalPageConfig {\n storeConfig {\n id\n exceptional_cms_page_general_identifiers {\n exceptional_page_id\n exceptional_page_default_color\n }\n }\n}\n",name:"GraphQL request",locationOffset:{line:1,column:1}} 7var o={} 8function findOperation(n,e){for(var t=0;t<n.definitions.length;t++){var o=n.definitions[t] 9if(o.name&&o.name.value==e)return o}}!function extractReferences(){t.definitions.forEach(function(n){if(n.name){var e=new Set 10!function collectFragmentReferences(n,e){if("FragmentSpread"===n.kind)e.add(n.name.value) 11else if("VariableDefinition"===n.kind){var t=n.type 12"NamedType"===t.kind&&e.add(t.name.value)}n.selectionSet&&n.selectionSet.selections.forEach(function(n){collectFragmentReferences(n,e)}),n.variableDefinitions&&n.variableDefinitions.forEach(function(n){collectFragmentReferences(n,e)}),n.definitions&&n.definitions.forEach(function(n){collectFragmentReferences(n,e)})}(n,e),o[n.name.value]=e}})}(),n.exports=t,n.exports.getExceptionalPageConfig=function oneQuery(n,e){var t={kind:n.kind,definitions:[findOperation(n,e)]} 13n.hasOwnProperty("loc")&&(t.loc=n.loc) 14var a=o[e]||new Set,i=new Set,r=new Set 15for(a.forEach(function(n){r.add(n)});r.size>0;){var A=r 16r=new Set,A.forEach(function(n){i.has(n)||(i.add(n),(o[n]||new Set).forEach(function(n){r.add(n)}))})}return i.forEach(function(e){var o=findOperation(n,e) 17o&&t.definitions.push(o)}),t}(t,"getExceptionalPageConfig")},Mglo:function(n,e,t){"use strict" 18t.r(e),t.d(e,"default",function(){return E}) 19var o=t("lSNA"),a=t.n(o),i=t("q1tI"),r=t.n(i),A=t("17x9"),l=t("LboF"),s=t.n(l),c=t("cwDR"),d={insert:"head",singleton:!1},m=(s()(c.a,d),c.a.locals||{}),g=t("+TN3"),p=t("Ld3G"),f=t.n(p),_=t("55Ip"),u=t("RcnM"),h=t("T1X5"),b=t("vTCD"),w=t("sBf2"),C=t("+tay") 20function ownKeys(n,e){var t=Object.keys(n) 21if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n) 22e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{} 23e%2?ownKeys(Object(t),!0).forEach(function(e){a()(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}const x=n=>{const e=Object(h.a)(m,n.classes),{data:t,loading:o,error:a}=Object(g.b)(f.a,{fetchPolicy:"cache-first"}),[{allowList:i}]=Object(C.b)()
24if(o||a||!t)return r.a.createElement(r.a.Fragment,null) 25const{link:A,target:l,desktopImage:s,content:c,hasMobileVariant:d}=n,p=[e.customCategory,"1"===d&&e.customCategoryMobileVariant].filter(Boolean).join(" "),x=window.location.pathname.replace("/",""),E=t.storeConfig.exceptional_cms_page_general_identifiers.filter(n=>n.exceptional_page_id===x) 26let y={} 27E[0]&&(y={"--arrow-button-color":E[0].exceptional_page_default_color}),s&&(y=_objectSpread(_objectSpread({},y),{},{"--arrow-top-position":"-5px"})) 28const k=r.a.createElement(r.a.Fragment,null,s?r.a.createElement("div",{className:e.customCategoryImage,style:{backgroundImage:"url(".concat(s,")")}}):null,r.a.createElement("div",{className:e.customCategoryContent,style:y,dangerouslySetInnerHTML:Object(u.d)(c)})) 29return r.a.createElement("div",{className:e.wrapper},Object(b.b)(A)&&i&&i.length>0&&!i.includes(Object(b.c)(A))?r.a.createElement(_.b,{to:Object(b.c)(A),className:p,target:l,onClick:()=>{Object(w.a)()}},k):r.a.createElement("a",{href:A,className:p,target:l},k))} 30x.propTypes={classes:Object(A.shape)({customCategory:A.string,customCategoryImage:A.string,customCategoryContent:A.string,wrapper:A.string}),desktopImage:A.string,link:A.string,content:A.string,target:A.string,hasMobileVariant:A.string} 31var E=x},cwDR:function(n,e,t){"use strict" 32var o=t("denP"),a=t.n(o),i=t("JPst"),r=t.n(i),A=t("HeW1"),l=t.n(A),s=t("Awgo"),c=t.n(s),d=r()(a.a),m=l()(c.a) 33d.push([n.i,"@media only screen and (max-width: 767px ) {\n}@media only screen and (max-width: 767px ) {\n}.pagebuilder-column .wrapper__mqEol ~ .wrapper__mqEol {\n margin-top: 20px;\n}\n.wrapper__mqEol {\n width: 100%;\n}\n.wrapper__mqEol a {\n text-decoration: none;\n}\n.customCategory__VJSyP {\n position: relative;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n box-shadow: 5px 10px 25px -15px rgba(0, 0, 0, 0.3), 0 10px 25px -10px rgba(0, 0, 0, 0.2);\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n background-color: #fff;\n cursor: pointer;\n}\n.customCategory__VJSyP:hover {\n transform: translateY(-10px);\n box-shadow: 5px 30px 45px -25px rgba(0, 0, 0, 0.4), 0 30px 45px -20px rgba(0, 0, 0, 0.3);\n}\n.customCategoryImage__344QG {\n width: 100%;\n margin-bottom: 0;\n height: 235px;\n background-size: cover;\n background-position: 50%;\n}\n.customCategoryContent__USGjq {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n flex: 1 1 auto;\n width: 100%;\n box-sizing: border-box;\n padding: 20px;\n position: relative;\n}\n.customCategoryContent__USGjq p {\n margin: 8px 0 0;\n word-break: break-word;\n white-space: normal;\n}\n.customCategoryContent__USGjq [data-element='title'],\n.customCategoryContent__USGjq [data-element='subtext'] {\n color: #000;\n display: block;\n}\n.customCategoryContent__USGjq [data-element='title'] {\n font-weight: 700;\n font-size: 18px;\n word-break: break-word;\n white-space: normal;\n width: 100%;\n}\n.customCategoryContent__USGjq [data-element='arrow'] {\n position: absolute;\n right: 10px;\n top: -6px;\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow'] {\n display: flex;\n align-items: center;\n width: 37.5px;\n min-width: 37.5px;\n height: 24px;\n margin: 0;\n background-image: url("+m+");\n background-size: 37.5px 24px;\n background-repeat: no-repeat;\n background-color: var(--arrow-button-color, var(--theme-color-primary));\n background-size: 20px;\n background-position: 50%;\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow']::before,\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow']::after {\n content: '';\n position: absolute;\n left: 0;\n width: 0;\n border-left: 18.75px solid transparent;\n border-right: 18.75px solid transparent;\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow']::before {\n bottom: 100%;\n border-bottom: 8px solid var(--arrow-color, var(--arrow-button-color, var(--theme-color-primary)));\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow']::after {\n top: 24px;\n border-top: 8px solid var(--arrow-color, var(--arrow-button-color, var(--theme-color-primary)));\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow'].arrow-antracite {\n background-color: #171717;\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow'].arrow-antracite::before {\n border-bottom: 8px solid #171717;\n}\n.customCategoryContent__USGjq [data-element='arrow'] [data-element='arrow'].arrow-antracite::after {\n border-top: 8px solid #171717;\n}\n.customCategoryContent__USGjq [data-element='button'] {\n text-decoration: underline;\n color: #000;\n}\n.customCategoryContent__USGjq [data-element='button']:hover {\n text-decoration: none;\n}\n@media only screen and (max-width: 1023px ) {\n .customCategoryMobileVariant__-igdE {\n flex-wrap: nowrap;\n flex-direction: row;\n }\n .customCategoryMobileVariant__-igdE .customCategoryImage__344QG {\n width: 50%;\n height: auto;\n flex-shrink: 0;\n }\n .customCategoryMobileVariant__-igdE .customCategoryContent__USGjq {\n width: 50%;\n }\n .customCategoryMobileVariant__-igdE .customCategoryContent__USGjq [data-element='subtext'] {\n font-size: 11px;\n }\n .customCategoryMobileVariant__-igdE .customCategoryContent__USGjq [data-element='arrow'] {\n display: none;\n }\n}\n@media only screen and (min-width: 768px) {\n [class*='justify-custom-categories'] [class*='pagebuilder-column'] {\n flex-direction: inherit !important;\n }\n [class*='justify-custom-categories'] [class*='pagebuilder-column'] .customCategory__VJSyP {\n height: 100%;\n flex-direction: column;\n }\n}\n@media only screen and (max-width: 767px ) {\n .wrapper__mqEol {\n margin-bottom: 20px;\n }\n}\n","",{version:3,sources:["webpack://./src/web/typography.less","webpack://./src/components/RichContent/PageBuilder/ContentTypes/CustomCategory/custom-category.less","webpack://./src/web/icons.less"],names:[],mappings:"AA8EE;AC7EF,CDuFE;ACtFF,CAOA;EACE,gBAAA;AANF;AASA;EACE,WAAA;AAPF;AAMA;EAII,qBAAA;AAPJ;AAWA;EACE,kBAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;EACA,wFAAA;EACA,wCAAA;EACA,yGAAA;EAGA,mCAAA;EACA,2BAAA;EACA,sBAAA;EACA,eAAA;AAXF;AAaE;EACE,4BAAA;EACA,wFAAA;AAXJ;AAeA;EACE,WAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,wBAAA;AAbF;AAgBA;EACE,aAAA;EACA,qBAAA;EACA,eAAA;EACA,cAAA;EACA,WAAA;EACA,sBAAA;EACA,aAAA;EACA,kBAAA;AAdF;AAMA;EAWI,eAAA;EACA,sBAAA;EACA,mBAAA;AAdJ;AACA;;EAkBI,WAAA;EACA,cAAA;AAfJ;AAJA;EAuBI,gBAAA;EACA,eAAA;EACA,sBAAA;EACA,mBAAA;EACA,WAAA;AAhBJ;AAXA;EA+BI,kBAAA;EACA,WAAA;EACA,SAAA;AAjBJ;AAhBA;ECpCE,aAAA;EACA,mBAAA;EACA,aAAA;EACA,iBAAA;EACA,YAAA;EACA,SAAA;EACA,yDAAA;EACA,4BAAA;EACA,4BAAA;EDiEI,uEAAA;EACA,qBAAA;EACA,wBAAA;AATN;AAWM;;EAEE,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,sCAAA;EACA,uCAAA;AATR;AAYM;EACE,YAAA;EACA,kGAAA;AAVR;AAaM;EACE,SAAA;EACA,+FAAA;AAXR;AA/CA;EA+DI,yBAAA;AAbJ;AAcI;EACE,gCAAA;AAZN;AAcI;EACE,6BAAA;AAZN;AAxDA;EAyEI,0BAAA;EACA,WAAA;AAdJ;AAgBI;EACE,qBAAA;AAdN;AAmBA;EACE;IACE,iBAAA;IACA,mBAAA;EAjBF;EAeA;IAKI,UAAA;IACA,YAAA;IACA,cAAA;EAjBJ;EAUA;IAWI,UAAA;EAlBJ;EAOA;IAcM,eAAA;EAlBN;EAIA;IAkBM,aAAA;EAnBN;AACF;AAwBA;EAEE;IACE,kCAAA;EAvBF;EAsBA;IAII,YAAA;IACA,sBAAA;EAvBJ;AACF;AA2BA;EACE;IACE,mBAAA;EAzBF;AACF",sourcesContent:["@import './theme.less';\n\n@font-family__sans-serif: Sans-Serif;\n\n@font-family-name__base: FrutigerRoman;
33\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@arrowColor: var(--arrow-button-color, var(--theme-color-primary));\n@arrowTopPosition: -6px;\n@arrowWidth: 37.5px;\n@arrowHeight: 24px;\n@arrowCapHeight: 8px;\n@cardTransition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n@font-size__mobile: 11px;\n\n:global(.pagebuilder-column) .wrapper ~ .wrapper {\n margin-top: 20px;\n}\n\n.wrapper {\n width: 100%;\n\n a {\n text-decoration: none;\n }\n}\n\n.customCategory {\n position: relative;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n box-shadow: @box-shadow__card;\n border: 1px solid hsla(15, 6%, 74%, 0.5);\n transition:\n transform @cardTransition,\n box-shadow @cardTransition;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n background-color: @color__white;\n cursor: pointer;\n\n &:hover {\n transform: translateY(-10px);\n box-shadow: @box-shadow__card-hover;\n }\n}\n\n.customCategoryImage {\n width: 100%;\n margin-bottom: 0;\n height: 235px;\n background-size: cover;\n background-position: 50%;\n}\n\n.customCategoryContent {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n flex: 1 1 auto;\n width: 100%;\n box-sizing: border-box;\n padding: @indent__base;\n position: relative;\n\n p {\n margin: @spacing__base 0 0;\n word-break: break-word;\n white-space: normal;\n }\n\n [data-element='title'],\n [data-element='subtext'] {\n color: @color__black;\n display: block;\n }\n\n [data-element='title'] {\n font-weight: @font-weight__bold;\n font-size: @font-size__xl;\n word-break: break-word;\n white-space: normal;\n width: 100%;\n }\n\n [data-element='arrow'] {\n position: absolute;\n right: 10px;\n top: @arrowTopPosition;\n\n [data-element='arrow'] {\n .icon('pagebuilder-arrow-right', @arrowWidth, @arrowHeight);\n background-color: @arrowColor;\n background-size: @indent__base;\n background-position: 50%;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n left: 0;\n width: 0;\n border-left: (@arrowWidth / 2) solid transparent;\n border-right: (@arrowWidth / 2) solid transparent;\n }\n\n &::before {\n bottom: 100%;\n border-bottom: @arrowCapHeight solid var(--arrow-color, @arrowColor);\n }\n\n &::after {\n top: @arrowHeight;\n border-top: @arrowCapHeight solid var(--arrow-color, @arrowColor);\n }\n }\n }\n :global([data-element='arrow'] [data-element='arrow'].arrow-antracite) {\n background-color: @color__gray-dark;\n &::before {\n border-bottom: 8px solid @color__gray-dark;\n }\n &::after {\n border-top: 8px solid @color__gray-dark;\n }\n }\n\n [data-element='button'] {\n text-decoration: underline;\n color: @color__black;\n\n &:hover {\n text-decoration: none;\n }\n }\n}
33\n\n@media @mobileL {\n .customCategoryMobileVariant {\n flex-wrap: nowrap;\n flex-direction: row;\n\n .customCategoryImage {\n width: 50%;\n height: auto;\n flex-shrink: 0;\n }\n\n .customCategoryContent {\n width: 50%;\n\n [data-element='subtext'] {\n font-size: @font-size__mobile;\n }\n\n [data-element='arrow'] {\n display: none;\n }\n }\n }\n}\n\n@media @desktopM {\n // PageBuilder overwrite\n [class*='justify-custom-categories'] [class*='pagebuilder-column'] {\n flex-direction: inherit !important;\n\n .customCategory {\n height: 100%;\n flex-direction: column;\n }\n }\n}\n\n@media @mobileM {\n .wrapper {\n margin-bottom: @indent__base;\n }\n}\n","@import '/src/web/fonts/icomoon/variables';\n\n@icon__folder: './icons/';\n\n@icon__width-default: 20px;\n@icon__height-default: 20px;\n@icon__indent-default: 10px;\n\n.icon(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0\n) {\n display: flex;\n align-items: center;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n}\n\n.iconSrc(@name) {\n background-image: url(~'@{icon__folder}@{name}.svg');\n}\n\n.iconBefore(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0 @icon__indent-default 0 0\n) {\n display: flex;\n align-items: center;\n\n &:before {\n display: inline-block;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n content: '';\n }\n}\n\n.iconBeforeSrc(@name) {\n &:before {\n background-image: url(~'@{icon__folder}@{name}.svg');\n }\n}\n\n.iconAfter(\n @name: '',\n @width: @icon__width-default,\n @height: @icon__height-default,\n @indent: 0 0 0 @icon__indent-default\n) {\n display: flex;\n align-items: center;\n\n &:after {\n display: inline-block;\n width: @width;\n min-width: @width;\n height: @height;\n margin: @indent;\n background-image: url(~'@{icon__folder}@{name}.svg');\n background-size: @width @height;\n background-repeat: no-repeat;\n content: '';\n }\n}\n\n.icomoonBefore(@name, @size, @margin: 0, @color: @color__primary) {\n @icon: 'icon-@{name}';\n display: flex;\n align-items: center;\n align-self: center;\n\n &:before {\n content: @@icon;\n font-family: 'icomoon';\n font-size: @size;\n color: @color;\n margin: @margin;\n font-weight: @font-weight__regular;\n }\n}\n\n.icomoonAfter(@name, @size, @margin: 0, @color: @color__primary) {\n @icon: 'icon-@{name}';\n display: flex;\n align-items: center;\n align-self: center;\n\n &:after {\n content: @@icon;\n font-family: 'icomoon';\n font-size: @size;\n color: @color;\n margin: @margin;\n font-weight: @font-weight__regular;\n }\n}\n\n.iconAfterSrc(@name) {\n &:after {\n background-image: url(~'@{icon__folder}@{name}.svg');\n }\n}\n"],sourceRoot:""}]),d.locals={wrapper:"wrapper__mqEol",customCategory:"customCategory__VJSyP",customCategoryImage:"customCategoryImage__344QG",customCategoryContent:"customCategoryContent__USGjq",customCategoryMobileVariant:"customCategoryMobileVariant__-igdE"},e.a=d}}])
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.