{"version":3,"sources":["common/components/Widgets/constants.ts","styleguide/components/Tags/ContentTag/ContentTag.tsx","styleguide/components/Links/HighlightedLink/HighlightedLink.tsx","common/hooks/useHeroMedia.ts","styleguide/components/DotSeparator/DotSeparator.tsx","common/components/FramedHeader/FramedHeader.tsx","common/components/FramedHeader/index.ts","common/layouts/LeadText/components/Topics.tsx","common/layouts/LeadText/LeadText.tsx","common/layouts/LeadText/index.ts","common/layouts/Basic/Basic.tsx","common/layouts/Basic/index.ts"],"names":["__webpack_require__","d","__webpack_exports__","WIDGET_SPACING_HUGE","WIDGET_SPACING_LARGE","WIDGET_SPACING_MEDIUM","WIDGET_SPACING_SMALL","TEXT_WIDTH","TEXT_WIDTH_NARROW","getContentTagHeight","size","isMobile","height","getPadding","padding","StyledContentTag","styled_components__WEBPACK_IMPORTED_MODULE_2__","span","withConfig","displayName","componentId","templateObject_2","Object","tslib__WEBPACK_IMPORTED_MODULE_0__","props","color","theme","colors","brandPrimary","white","fonts","secondary","Boolean","disableMobileSize","styleguide_helpers__WEBPACK_IMPORTED_MODULE_3__","desktop","templateObject_1","_a","className","children","react__WEBPACK_IMPORTED_MODULE_1__","StyledHighlightedLink","wrapText","primary","intense","selectedItemBackground","brandPrimaryFeatureBackground","linkText","useHeroMedia","react_redux__WEBPACK_IMPORTED_MODULE_0__","utils_media__WEBPACK_IMPORTED_MODULE_1__","presetSuffix","resource","heroImageDesktop","heroImageMobile","heroImageOffsetY","heroMediaType","heroMedia","DotSeparatorWrapper","styled_components_browser_esm","div","templateObject_3","tslib_es6","grid","gutterInPx","helpers","tablet","components_DotSeparator_DotSeparator","rest","react","id","shortid","width","x","y","patternUnits","fill","cx","cy","r","Header","header","templateObject_16","variant","FramedHeader_templateObject_3","media","FramedHeader_templateObject_1","FramedHeader_templateObject_2","templateObject_4","templateObject_5","hasContentSubNav","templateObject_9","templateObject_6","templateObject_7","constants","gutter","templateObject_8","templateObject_11","templateObject_10","desktop1440","templateObject_15","templateObject_12","templateObject_13","templateObject_14","HeaderContainer","templateObject_23","borderColor","backgroundColor","textColor","templateObject_17","templateObject_19","templateObject_18","templateObject_21","templateObject_20","templateObject_22","Title","h1","templateObject_33","typography","heading","templateObject_24","templateObject_25","templateObject_26","templateObject_28","templateObject_27","templateObject_32","templateObject_29","templateObject_30","templateObject_31","LeadText","p","templateObject_40","templateObject_34","templateObject_35","templateObject_36","templateObject_39","templateObject_37","templateObject_38","ProfessionalLogoWrapper","templateObject_43","templateObject_41","templateObject_42","BrandLogoWrapper","templateObject_48","templateObject_44","templateObject_45","templateObject_46","templateObject_47","components_FramedHeader_FramedHeader","themeColor","showContentFamily","highlightImage","highlightIcon","showBorder","_c","es","navigation","content","titleHtml","_b","contentFamily","leadText","secondaryNavigation","usedThemeColor","framedHeaderTitle","framedHeaderBorder","titleColor","styledVariations","framedHeaderDefaultVariant","framedHeaderBackground","bodyText","shouldShowContentTag","showContentTag","ContentTag","AimoLogoIcon","noBorder","disableScaling","logoSize","src","dangerouslySetInnerHTML","__html","TopicsWrapper","ul","Topic","li","components_Topics","topics","length","map","topic","index","key","HighlightedLink","href","url","title","layouts_LeadText_LeadText","previewImage","Hero","mediaSrc","mediaType","offsetY","General","ContentThemeContext","Consumer","contentTheme","FramedHeader","utils_import","iconName","WidgetZone","name","isFullWidth","BasicHeader","BasicFrontTitle","BasicFrontSubTitle","layouts_Basic_Basic"],"mappings":"sHAAAA,EAAAC,EAAAC,EAAA,sBAAAC,IAAAH,EAAAC,EAAAC,EAAA,sBAAAE,IAAAJ,EAAAC,EAAAC,EAAA,sBAAAG,IAAAL,EAAAC,EAAAC,EAAA,sBAAAI,IAAAN,EAAAC,EAAAC,EAAA,sBAAAK,IAAAP,EAAAC,EAAAC,EAAA,sBAAAM,IAAO,IAAML,EAAsB,GACtBC,EAAuB,GACvBC,EAAwB,GACxBC,EAAuB,GAEvBC,EAAa,IACbC,EAAoB,0GCKpBC,EAAsB,SAACC,EAA0BC,GAC7D,IAAIC,EAASD,EAAW,OAAS,OAIjC,MAHa,UAATD,IACHE,EAASD,EAAW,OAAS,QAEvBC,GAGFC,EAAa,SAACH,EAA0BC,GAC7C,IAAIG,EAAU,SAId,MAHa,UAATJ,IACHI,EAAUH,EAAW,SAAW,UAE1BG,GAGFC,EAAmBC,EAAA,EAAOC,KAAIC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,cAAXJ,CAAWK,MAAAC,OAAAC,EAAA,EAAAD,CAAA,gXAAiB,mBACiB,eAC3B,qBACS,8DAGuC,yEAGb,gBACQ,yJAepF,SAxBa,SAAAE,GAAS,OAAAA,EAAMC,OAASD,EAAME,MAAMC,OAA3BC,cACd,SAAAJ,GAAS,OAAAA,EAAME,MAAMC,OAAZE,OACH,SAAAL,GAAS,OAAAA,EAAME,MAAMI,MAAZC,WAGT,SAAAP,GAAS,OAAAf,EAAoBe,EAAMd,MAAOsB,QAAQR,EAAzCS,qBAGb,SAAAT,GAAS,OAAAX,EAAWW,EAAMd,MAAOsB,QAAQR,EAAhCS,qBACV,SAAAT,GAAS,OAAAf,EAAoBe,EAAMd,MAAOsB,QAAQR,EAAzCS,qBAQjBC,EAAA,EAAMC,QAAOC,MAAAd,OAAAC,EAAA,EAAAD,CAAA,wJAAiB,kBACW,qBACsB,uBACT,kBACL,0BACmB,8CAJ1D,SAAAE,GAAS,OAAAX,EAAWW,EAAXd,OACP,SAAAc,GAAS,MAAgB,UAAfA,EAAMd,KAAmB,OAA1B,QACP,SAAAc,GAAS,OAAAf,EAAoBe,EAApBd,OACd,SAAAc,GAAS,OAAAf,EAAoBe,EAApBd,OACD,SAAAc,GAAS,MAAgB,UAAfA,EAAMd,KAAmB,MAA1B,WAmBdR,EAAA,EAduE,SAACmC,OACtFZ,EAAKY,EAAAZ,MACLf,EAAI2B,EAAA3B,KACJuB,EAAiBI,EAAAJ,kBACjBK,EAASD,EAAAC,UACTC,EAAQF,EAAAE,SAER,OACCC,EAAA,cAACzB,EAAgB,CAACU,MAAOA,EAAOf,KAAMA,EAAMuB,kBAAmBA,EAAmBK,UAAWA,GAC3FC,iEC7DEE,EAAwBnB,OAAAN,EAAA,EAAAM,CAAO,KAAIJ,WAAA,CAAAC,YAAA,wBAAAC,YAAA,aAAXE,CAAWc,MAAAd,OAAAC,EAAA,EAAAD,CAAA,0aAAsB,kLAQA,+CAEb,8CAG4D,eACZ,+BAGa,uCAGzD,4BACC,0CAbvC,SAAAE,GAAS,OAACA,EAAMkB,SAAW,SAAlB,UAET,SAAAlB,GAAS,OAAAA,EAAME,MAAMI,MAAZa,SAEJ,SAAAnB,GACnB,OAAAA,EAAMoB,QAAUpB,EAAME,MAAMC,OAAOkB,uBAAyBrB,EAAME,MAAMC,OAAOmB,+BACvE,SAAAtB,GAAS,OAACA,EAAMoB,QAAUpB,EAAME,MAAMC,OAAOC,aAAeJ,EAAME,MAAMC,OAA/DoB,UAEf,SAAAvB,GACD,OAAAA,EAAMoB,QAAUpB,EAAME,MAAMC,OAAOkB,uBAAyBrB,EAAME,MAAMC,OAAOmB,+BAGhE,SAAAtB,GAAS,OAAAA,EAAME,MAAMC,OAAZoB,UACL,SAAAvB,GAAS,OAAAA,EAAME,MAAMC,OAAZE,QAchB3B,EAAA,EAJyF,SAAAsB,GACvG,OAAOgB,EAAA,cAACC,EAAqBnB,OAAAC,EAAA,EAAAD,CAAA,GAAKE,GAAQA,EAAMe,6CCnCjDvC,EAAAC,EAAAC,EAAA,sBAAA8C,IAAA,IAAAC,EAAAjD,EAAA,IAAAkD,EAAAlD,EAAA,KAIO,SAASgD,EAAaG,GACtB,IAAAd,EAAyEf,OAAA2B,EAAA,EAAA3B,CAAY,SAACe,OAAEe,EAAQf,EAAAe,SAAc,MAAC,CACpHC,iBAAkBD,EAASC,iBAC3BC,gBAAiBF,EAASE,gBAC1BC,iBAAkBH,EAASG,iBAC3BC,cAAeJ,EAASI,iBAJjBH,EAAgBhB,EAAAgB,iBAAEC,EAAejB,EAAAiB,gBAAEC,EAAgBlB,EAAAkB,iBAAEC,EAAanB,EAAAmB,cAO1E,MAAO,CACNC,UAAWnC,OAAA4B,EAAA,EAAA5B,CAAmBkC,EAAeH,EAAkBC,EAAiBH,GAChFI,iBAAgBA,sHCTZG,EAAsBC,EAAA,EAAOC,IAAG1C,WAAA,CAAAC,YAAA,sBAAAC,YAAA,cAAVuC,CAAUE,MAAAvC,OAAAwC,EAAA,EAAAxC,CAAA,qIAEY,eAI/C,UAIA,8CARQ,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAE7CC,EAAA,EAAMC,OAAM9B,MAAAd,OAAAwC,EAAA,EAAAxC,CAAA,kDACsC,gBAAvC,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KAGhDC,EAAA,EAAM9B,QAAOd,MAAAC,OAAAwC,EAAA,EAAAxC,CAAA,kDACqC,gBAAvC,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,MA+BpCG,EAnB8D,SAAC9B,GAAE,IAAAZ,EAAKY,EAAAZ,MAAK2C,EAAI9C,OAAAwC,EAAA,EAAAxC,CAAAe,EAAhB,WACvEX,EAAQ2C,EAAA,WAAiBV,EAAA,GAEzBW,EAAKhD,OAAAiD,EAAA,SAAAjD,GAEX,OACC+C,EAAA,cAACX,EAAmBpC,OAAAwC,EAAA,EAAAxC,CAAA,GAAK8C,GACxBC,EAAA,qBAAKG,MAAM,OAAO5D,OAAO,QACxByD,EAAA,0BACCA,EAAA,yBAASC,GAAI,cAAcA,EAAMG,EAAE,IAAIC,EAAE,IAAIF,MAAM,KAAK5D,OAAO,KAAK+D,aAAa,kBAChFN,EAAA,wBAAQO,KAAMnD,UAASC,EAAMC,OAAOC,aAAciD,GAAG,IAAIC,GAAG,IAAIC,EAAE,QAGpEV,EAAA,sBAAMI,EAAE,IAAIC,EAAE,IAAIF,MAAM,OAAO5D,OAAO,OAAOgE,KAAM,mBAAmBN,EAAE,iBCpBtEU,EAASrB,EAAA,EAAOsB,OAAM/D,WAAA,CAAAC,YAAA,SAAAC,YAAA,cAAbuC,CAAauB,MAAA5D,OAAAwC,EAAA,EAAAxC,CAAA,qQAAa,mBACO,iBACE,wDA6ChD,UAuBC,UAaD,UAqBA,2IAvGa,SAAAE,GAAS,OAAAA,EAAME,MAAMC,OAAZE,OACZ,SAACQ,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,cAInC,SAAAxC,GACD,MAAsB,iBAAlBA,EAAM2D,QACF7D,OAAAqC,EAAA,EAAArC,CAAG8D,MAAA9D,OAAAwC,EAAA,EAAAxC,CAAA,seAEmD,iBAIvD,6TAkBH,0BAtBmB,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAExDqB,EAAA,EAAMnB,OAAMoB,MAAAhE,OAAAwC,EAAA,EAAAxC,CAAA,6GAgBX+D,EAAA,EAAMnB,OAAMqB,MAAAjE,OAAAwC,EAAA,EAAAxC,CAAA,sMASK,UAAlBE,EAAM2D,SAAyC,gBAAlB3D,EAAM2D,QAC/B7D,OAAAqC,EAAA,EAAArC,CAAGkE,MAAAlE,OAAAwC,EAAA,EAAAxC,CAAA,qEAKJA,OAAAqC,EAAA,EAAArC,CAAGmE,MAAAnE,OAAAwC,EAAA,EAAAxC,CAAA,8EAC2F,wCAA1FE,EAAMkE,iBAAmBlE,EAAME,MAAMqC,KAAKC,YAAY,GAAKxC,EAAME,MAAMqC,KAAKC,YAAY,KAKlGqB,EAAA,EAAMnB,OAAMyB,MAAArE,OAAAwC,EAAA,EAAAxC,CAAA,oBAAa,SAoBzB,WAnBC,SAAAE,GACD,MAAsB,UAAlBA,EAAM2D,QACF7D,OAAAqC,EAAA,EAAArC,CAAGsE,MAAAtE,OAAAwC,EAAA,EAAAxC,CAAA,qEAC2C,iBAAvC,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KAG9B,gBAAlBxC,EAAM2D,QACF7D,OAAAqC,EAAA,EAAArC,CAAGuE,MAAAvE,OAAAwC,EAAA,EAAAxC,CAAA,6HAC2C,wBACH,8BACgB,mBAFpD,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IACxC,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IACtC,SAAC3B,OAAEX,EAAKW,EAAAX,MAAO,OAAAoE,EAAA,EAAwC,EAApBpE,EAAMqC,KAAKgC,SAIlDzE,OAAAqC,EAAA,EAAArC,CAAG0E,MAAA1E,OAAAwC,EAAA,EAAAxC,CAAA,+GACyC,sBACA,4BACe,iBAFtD,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IACtC,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,YAAY,IACvC,SAAC3B,OAAEX,EAAKW,EAAAX,MAAO,OAAAoE,EAAA,EAAwC,EAApBpE,EAAMqC,KAAKgC,WAKxDV,EAAA,EAAMlD,QAAO8D,MAAA3E,OAAAwC,EAAA,EAAAxC,CAAA,oBAAa,SAU1B,WATC,SAACe,OAAE8C,EAAO9C,EAAA8C,QAAEzD,EAAKW,EAAAX,MAClB,MAAgB,UAAZyD,EACI7D,OAAAqC,EAAA,EAAArC,CAAG4E,MAAA5E,OAAAwC,EAAA,EAAAxC,CAAA,6FAC0B,IAA4B,yCAApDI,EAAMqC,KAAKC,WAAW,GAAMtC,EAAMqC,KAAKC,WAAW,IAKxD,OAIPqB,EAAA,EAAMc,YAAWC,MAAA9E,OAAAwC,EAAA,EAAAxC,CAAA,oBAAa,SAkB9B,WAjBC,SAACe,OAAE8C,EAAO9C,EAAA8C,QAAEzD,EAAKW,EAAAX,MAClB,MAAgB,UAAZyD,EACI7D,OAAAqC,EAAA,EAAArC,CAAG+E,MAAA/E,OAAAwC,EAAA,EAAAxC,CAAA,6FAC2B,IAA+B,yCAAxDI,EAAMqC,KAAKC,WAAW,IAAOtC,EAAMqC,KAAKC,WAAW,OAKhD,UAAZmB,EACI7D,OAAAqC,EAAA,EAAArC,CAAGgF,MAAAhF,OAAAwC,EAAA,EAAAxC,CAAA,+DACmC,mBAAnCwE,EAAA,EAAiC,GAApBpE,EAAMqC,KAAKgC,QAI5BzE,OAAAqC,EAAA,EAAArC,CAAGiF,MAAAjF,OAAAwC,EAAA,EAAAxC,CAAA,yDACkC,iBAAlCwE,EAAA,EAAiC,EAApBpE,EAAMqC,KAAKgC,WAoB/BS,EAAkB7C,EAAA,EAAOC,IAAG1C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,aAAVuC,CAAU8C,MAAAnF,OAAAwC,EAAA,EAAAxC,CAAA,2HAAsB,gCAmBtD,UAkBA,UA8BA,2CAGsD,cAIrD,cAvEA,SAACe,OAAE8C,EAAO9C,EAAA8C,QAAEuB,EAAWrE,EAAAqE,YAAEC,EAAetE,EAAAsE,gBAAEC,EAASvE,EAAAuE,UAAElF,EAAKW,EAAAX,MAC3D,MAAgB,UAAZyD,EACI,KAED7D,OAAAqC,EAAA,EAAArC,CAAGuF,MAAAvF,OAAAwC,EAAA,EAAAxC,CAAA,6IACsB,8BACyD,mBACtE,qBAOS,aATPoF,EACY,oBAAZvB,EAAgC,cAAgB,GAAGwB,EAC9DC,EACc,iBAAZzB,EACLzD,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GACrE,UAAZmB,EACGzD,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GAAE,KAC3C,oBAAZmB,EACA,EACAzD,EAAMqC,KAAKC,WAAW,KAIzBqB,EAAA,EAAMlD,QAAO2E,MAAAxF,OAAAwC,EAAA,EAAAxC,CAAA,oBAAsB,SAenC,WAdC,SAACe,OAAE8C,EAAO9C,EAAA8C,QAAEzD,EAAKW,EAAAX,MAClB,MAAgB,UAAZyD,EACI,KAGD7D,OAAAqC,EAAA,EAAArC,CAAGyF,MAAAzF,OAAAwC,EAAA,EAAAxC,CAAA,2DAOkB,eANJ,iBAAZ6D,EACLzD,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GACrE,UAAZmB,EACGzD,EAAMqC,KAAKC,WAAW,GAAE,IAAItC,EAAMqC,KAAKC,WAAW,GAAE,KAC3C,oBAAZmB,EACA,EACAzD,EAAMqC,KAAKC,WAAW,MAK1B,SAAAxC,GACD,MAAsB,iBAAlBA,EAAM2D,QACF7D,OAAAqC,EAAA,EAAArC,CAAG0F,MAAA1F,OAAAwC,EAAA,EAAAxC,CAAA,2pBAQ6B,mKAapC,0BAbmBE,EAAMkF,YAOxBrB,EAAA,EAAMnB,OAAM+C,MAAA3F,OAAAwC,EAAA,EAAAxC,CAAA,sXAUV,MAIM,SAACe,GAAc,OAAoB,GAA3BA,EAAAX,MAAaqC,KAAKgC,OAAc,GAEnDV,EAAA,EAAMnB,OAAMgD,MAAA5F,OAAAwC,EAAA,EAAAxC,CAAA,0EAYV6F,EAAQxD,EAAA,EAAOyD,GAAElG,WAAA,CAAAC,YAAA,QAAAC,YAAA,aAATuC,CAAS0D,QAAA/F,OAAAwC,EAAA,EAAAxC,CAAA,uGAAY,OACO,0CAEe,eACvB,UAmBhC,UAWA,UAqBC,SAtDA,SAACe,GAAc,OAAPA,EAAAX,MAAa4F,WAAWC,SAEjB,SAAClF,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAC7C,SAAAxC,GAAS,OAAAA,EAAAoF,WAEhB,SAACvE,OAAE8C,EAAO9C,EAAA8C,QAAEzD,EAAKW,EAAAX,MAAEiF,EAAetE,EAAAsE,gBACnC,MAAgB,UAAZxB,EACI7D,OAAAqC,EAAA,EAAArC,CAAGkG,MAAAlG,OAAAwC,EAAA,EAAAxC,CAAA,mHAE2B,eAAvBI,EAAMqC,KAAKC,cAGV,oBAAZmB,EACI7D,OAAAqC,EAAA,EAAArC,CAAGmG,MAAAnG,OAAAwC,EAAA,EAAAxC,CAAA,wIAC0B,2DAEA,eAFfqF,EAETjF,EAAMqC,KAAKC,WAAW,IAG5B1C,OAAAqC,EAAA,EAAArC,CAAGoG,MAAApG,OAAAwC,EAAA,EAAAxC,CAAA,0EAKT+D,EAAA,EAAMnB,OAAMyD,MAAArG,OAAAwC,EAAA,EAAAxC,CAAA,oBAAY,SAQxB,WAPC,SAACe,GACF,MAAgB,UADLA,EAAA8C,QAEH7D,OAAAqC,EAAA,EAAArC,CAAGsG,MAAAtG,OAAAwC,EAAA,EAAAxC,CAAA,yFAIJ,OAIP+D,EAAA,EAAMlD,QAAO0F,QAAAvG,OAAAwC,EAAA,EAAAxC,CAAA,oBAAY,SAkBzB,WAjBC,SAACe,OAAE8C,EAAO9C,EAAA8C,QAAEzD,EAAKW,EAAAX,MAClB,MAAgB,UAAZyD,EACI7D,OAAAqC,EAAA,EAAArC,CAAGwG,MAAAxG,OAAAwC,EAAA,EAAAxC,CAAA,sNAGgC,wCAAxBI,EAAMqC,KAAKC,WAAW,IAIzB,oBAAZmB,EACI7D,OAAAqC,EAAA,EAAArC,CAAGyG,MAAAzG,OAAAwC,EAAA,EAAAxC,CAAA,yFAIJA,OAAAqC,EAAA,EAAArC,CAAG0G,QAAA1G,OAAAwC,EAAA,EAAAxC,CAAA,oFAWP2G,EAAWtE,EAAA,EAAOuE,EAAChH,WAAA,CAAAC,YAAA,WAAAC,YAAA,aAARuC,CAAQwE,QAAA7G,OAAAwC,EAAA,EAAAxC,CAAA,0CAAe,uBAmBtC,UAoBC,SApCA,SAACe,OAAE8C,EAAO9C,EAAA8C,QACX,MAAgB,UAAZA,EACI7D,OAAAqC,EAAA,EAAArC,CAAG8G,QAAA9G,OAAAwC,EAAA,EAAAxC,CAAA,uIAKK,oBAAZ6D,EACI7D,OAAAqC,EAAA,EAAArC,CAAG+G,QAAA/G,OAAAwC,EAAA,EAAAxC,CAAA,iFAIJA,OAAAqC,EAAA,EAAArC,CAAGgH,QAAAhH,OAAAwC,EAAA,EAAAxC,CAAA,8HAMT+D,EAAA,EAAMlD,QAAOoG,QAAAjH,OAAAwC,EAAA,EAAAxC,CAAA,kDAAe,qCAgB5B,aAbC,SAACe,OAAE8C,EAAO9C,EAAA8C,QACX,MAAgB,UAAZA,EACI7D,OAAAqC,EAAA,EAAArC,CAAGkH,QAAAlH,OAAAwC,EAAA,EAAAxC,CAAA,iJAKK,oBAAZ6D,EACI7D,OAAAqC,EAAA,EAAArC,CAAGmH,QAAAnH,OAAAwC,EAAA,EAAAxC,CAAA,yFAIJ,QAMJoH,EAA0B/E,EAAA,EAAOC,IAAG1C,WAAA,CAAAC,YAAA,0BAAAC,YAAA,cAAVuC,CAAUgF,QAAArH,OAAAwC,EAAA,EAAAxC,CAAA,+QAAyB,0JAYjE,uGAWC,cAdA+D,EAAA,EAAMnB,OAAM0E,QAAAtH,OAAAwC,EAAA,EAAAxC,CAAA,6FAUX+D,EAAA,EAAMnB,OAAM2E,QAAAvH,OAAAwC,EAAA,EAAAxC,CAAA,8LAQVwH,EAAmBnF,EAAA,EAAOC,IAAG1C,WAAA,CAAAC,YAAA,mBAAAC,YAAA,cAAVuC,CAAUoF,QAAAzH,OAAAwC,EAAA,EAAAxC,CAAA,sWACmB,iBACH,IAA2C,4HAMvC,gBACH,SAAgD,UAKlG,UAOA,UAKA,8FAUC,cAnCkB,SAACe,GAAc,OAAPA,EAAAX,MAAaC,OAAOE,OACrC,SAACQ,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAAM,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAM7E,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KACzC,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,YAAY,KAAY,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAE/FqB,EAAA,EAAMnB,OAAM8E,QAAA1H,OAAAwC,EAAA,EAAAxC,CAAA,yFAEuC,IAA2C,WAAlF,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,IAAM,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KAG5FqB,EAAA,EAAMlD,QAAO8G,QAAA3H,OAAAwC,EAAA,EAAAxC,CAAA,4JAGwC,kBACH,SAAgD,WADrF,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KACzC,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,YAAY,KAAY,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KAGhGqB,EAAA,EAAMc,YAAW+C,QAAA5H,OAAAwC,EAAA,EAAAxC,CAAA,gFACoC,kBACH,SAAgD,WADrF,SAACe,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KACzC,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,YAAY,KAAY,SAAC3B,GAAc,OAAPA,EAAAX,MAAaqC,KAAKC,WAAW,KAS/FqB,EAAA,EAAMlD,QAAOgH,QAAA7H,OAAAwC,EAAA,EAAAxC,CAAA,4EA+GF,sHAAA8H,GA7FoD,SAAC/G,OACnEgH,EAAUhH,EAAAgH,WACVC,EAAiBjH,EAAAiH,kBACjB3C,EAAetE,EAAAsE,gBACfC,EAASvE,EAAAuE,UACTzB,EAAO9C,EAAA8C,QACP7C,EAASD,EAAAC,UACTiH,EAAclH,EAAAkH,eACdC,EAAanH,EAAAmH,cAGP9H,GAFNW,EAAAoH,WAEcpF,EAAA,WAAiBV,EAAA,IACzB+F,EAoECpI,OAAAqI,EAAA,EAAArI,CAAY,SAACe,OAAEe,EAAQf,EAAAe,SAAEwG,EAAUvH,EAAAuH,WACjCC,EAAuBzG,EAAhByG,QAAEC,EAAc1G,EAAL0G,UACpBC,EAA8BF,EAA5BG,EAAaD,EAAAC,cAAEC,EAAQF,EAAAE,SAE/B,MAAO,CACNH,UAASA,EACTE,cAAaA,EACbC,SAAQA,EACRvE,mBAAoBkE,EAAWM,uBA5EzBJ,EAASJ,EAAAI,UAAEE,EAAaN,EAAAM,cAAEC,EAAQP,EAAAO,SAAEvE,EAAgBgE,EAAAhE,iBAEtDyE,EACLd,GAAcA,IAAe3H,EAAMC,OAAOC,aAAeyH,EAAa3H,EAAMC,OAAOyI,kBAE9E1D,EAAchF,EAAMC,OAAO0I,oBAAsBF,EAEnDG,EAAaH,EAEjBhF,EAAUA,UAAWzD,EAAM6I,iBAAiBC,2BAEvC7D,IACJA,EAAkBjF,EAAMC,OAAO8I,wBAG3B7D,EAMY,UAAZzB,IACHmF,EAAa1D,GANdA,EAAYlF,EAAMC,OAAO+I,SAU1B,IAAMC,EACLrB,GAAuC,KAAlBU,GAAoC,iBAAZ7E,GAA0C,oBAAZA,EAE5E,OACCd,EAAA,cAACW,EAAM,CACN4F,eAAgBD,EAChBxF,QAASA,EACT7C,UAAWA,EACXoD,iBAAkBA,IAAoB,GACrCiF,GACAtG,EAAA,cAACwG,EAAA,EAAU,CAACpJ,MAAO0I,EAAgB7H,UAAU,cAAcL,mBAAmB,GAC5E+H,GAGH3F,EAAA,cAACmC,EAAe,CACfE,YAAyB,UAAZvB,EAAsB,cAAgBuB,EACnDC,gBAAiBA,EACjBC,UAAWA,EACXzB,QAASA,GACI,iBAAZA,GACAd,EAAA,cAACqE,EAAuB,CAAChC,YAAaA,GACrCrC,EAAA,cAACyG,EAAA,EAAY,CAACC,UAAU,EAAMC,gBAAgB,EAAMC,SAAU,SAGnD,UAAZ9F,GACAd,EAAA,cAACyE,EAAgB,KAAEU,GAAgCnF,EAAA,qBAAK6G,IAAK3B,KAE9DlF,EAAA,cAAC8C,EAAK,CACL7E,UAAU,uBACVsE,UAAW0D,GAAc1D,EACzBD,gBAAiBA,EACjBxB,QAASA,EACTgG,wBAAyB,CAAEC,OAAQtB,GAAa,MAEhDG,GAAY5F,EAAA,cAAC4D,EAAQ,CAAC9C,QAASA,GAAU8E,GAC7B,UAAZ9E,GAAuBd,EAAA,cAACF,EAAY,CAAC1C,MAAO0I,EAAgB7H,UAAU,qBC/d5DpC,EAAA,+GCITmL,EAAgB1H,EAAA,EAAO2H,GAAEpK,WAAA,CAAAC,YAAA,gBAAAC,YAAA,aAATuC,CAASvB,MAAAd,OAAAwC,EAAA,EAAAxC,CAAA,mQASzBiK,EAAQ5H,EAAA,EAAO6H,GAAEtK,WAAA,CAAAC,YAAA,QAAAC,YAAA,aAATuC,CAAStC,MAAAC,OAAAwC,EAAA,EAAAxC,CAAA,iDA0BRmK,EAlBuB,SAACpJ,OAAEqJ,EAAMrJ,EAAAqJ,OAC9C,OAAKA,GAA4B,IAAlBA,EAAOC,OAKrBtH,EAAA,cAACgH,EAAa,KACZK,EAAOE,IAAI,SAACC,EAAOC,GAAU,OAC7BzH,EAAA,cAACkH,EAAK,CAACQ,IAAK,SAASD,GACpBzH,EAAA,cAAC2H,EAAA,EAAe,CAACC,KAAMJ,EAAMK,IAAKtJ,SAAS,GACzCiJ,EAH0BM,WALxB,iCCqCMC,EAtC2B,SAAC/J,OAC1C0H,EAAA1H,EAAAiH,yBAAiB,IAAAS,GAAOA,EACxBpD,EAAetE,EAAAsE,gBACfC,EAASvE,EAAAuE,UACTzB,EAAO9C,EAAA8C,QACPuG,EAAMrJ,EAAAqJ,OACNW,EAAYhK,EAAAgK,aACZ7C,EAAanH,EAAAmH,cACbC,EAAUpH,EAAAoH,WAEJC,EAAkCpI,OAAA0B,EAAA,EAAA1B,CAAa,4BAA7CmC,EAASiG,EAAAjG,UAAEF,EAAgBmG,EAAAnG,iBAEnC,OACCc,EAAA,cAAAA,EAAA,cACCA,EAAA,cAACiI,EAAA,EAAI,CAACpB,IAAKzH,EAAU8I,SAAUC,UAAW/I,EAAU+I,UAAWC,QAASlJ,IAExEc,EAAA,cAACqI,EAAA,EAAc,KACdrI,EAAA,cAACsI,EAAA,EAAoBC,SAAQ,KAC3B,SAAAC,GAAgB,OAChBxI,EAAA,cAACyI,EAAA,EAAY,CACZzD,WAAYwD,EAAapL,MACzB6H,mBAAyC,IAAtBA,EACnB3C,gBAAiBA,EACjBC,UAAWA,EACXzB,QAASA,EACToE,eAAgB8C,EAChB7C,cAAenF,EAAA,cAAC0I,EAAA,EAAI,CAACC,SAAUxD,IAC/BC,WATeA,MAalBpF,EAAA,cAACoH,EAAM,CAACC,OAAQA,IAChBrH,EAAA,cAAC4I,EAAA,EAAU,CAACC,KAAK,OAAOC,aAAa,OCtD1BjN,EAAA,oGCSTkN,EAAczJ,EAAA,EAAOsB,OAAM/D,WAAA,CAAAC,YAAA,cAAAC,YAAA,cAAbuC,CAAaE,MAAAvC,OAAAwC,EAAA,EAAAxC,CAAA,8GAAkB,oDAGG,uCAOpD,UAIA,SAXS,SAAAE,GAAS,OAACA,EAAMkE,iBAAmB,GAA1B,IAGjBL,EAAA,EAAMlD,QAAOC,MAAAd,OAAAwC,EAAA,EAAAxC,CAAA,0EAAkB,6DAG0B,aAA5C,SAAAE,GAAS,OAACA,EAAMkE,iBAAmB,GAA1B,MAGtBL,EAAA,EAAMc,YAAW9E,MAAAC,OAAAwC,EAAA,EAAAxC,CAAA,oEAKd+L,EAAkB1J,EAAA,EAAOyD,GAAElG,WAAA,CAAAC,YAAA,kBAAAC,YAAA,cAATuC,CAAS8B,MAAAnE,OAAAwC,EAAA,EAAAxC,CAAA,mLAAoB,oBACH,8EAIgB,wEAQ/D,SAZa,SAACe,GAAc,OAAPA,EAAAX,MAAaI,MAAMa,SAIjC,SAACN,OAAEZ,EAAKY,EAAAZ,MAAEC,EAAKW,EAAAX,MAAO,OAAAD,GAASC,EAAMC,OAAOC,cAKnDyD,EAAA,EAAMlD,QAAOqD,MAAAlE,OAAAwC,EAAA,EAAAxC,CAAA,4GAMVgM,EAAqB3J,EAAA,EAAOuE,EAAChH,WAAA,CAAAC,YAAA,qBAAAC,YAAA,cAARuC,CAAQkC,MAAAvE,OAAAwC,EAAA,EAAAxC,CAAA,+GAQhC,SAJA+D,EAAA,EAAMlD,QAAOyD,MAAAtE,OAAAwC,EAAA,EAAAxC,CAAA,kJA6BDiM,EAfgB,SAAClL,OAAE0H,EAAA1H,EAAAyH,iBAAS,IAAAC,EAAG,GAAEA,EAAEE,EAAQ5H,EAAA4H,SAAEvE,EAAgBrD,EAAAqD,iBAAE2D,EAAUhH,EAAAgH,WACvF,OACChF,EAAA,cAAAA,EAAA,cACCA,EAAA,cAACqI,EAAA,EAAc,KACdrI,EAAA,cAAC+I,EAAW,CAAC1H,iBAAkBA,GAC9BrB,EAAA,cAACgJ,EAAe,CAAC5L,MAAO4H,EAAY8B,wBAAyB,CAAEC,OAAQtB,KACtEG,GAAY5F,EAAA,cAACiJ,EAAkB,KAAErD,IAGnC5F,EAAA,cAAC4I,EAAA,EAAU,CAACC,KAAK,OAAOC,aAAa,OCrE1BjN,EAAA","file":"static/js/cmscontent~other.7f692a7a.chunk.js","sourcesContent":["export const WIDGET_SPACING_HUGE = 80;\r\nexport const WIDGET_SPACING_LARGE = 60;\r\nexport const WIDGET_SPACING_MEDIUM = 50;\r\nexport const WIDGET_SPACING_SMALL = 30;\r\n\r\nexport const TEXT_WIDTH = 720;\r\nexport const TEXT_WIDTH_NARROW = 600;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\n\r\nexport interface ContentTagProps {\r\n\tclassName?: string;\r\n\tcolor?: string;\r\n\tsize?: 'small' | 'large';\r\n\tdisableMobileSize?: boolean;\r\n}\r\n\r\nexport const getContentTagHeight = (size?: 'small' | 'large', isMobile?: boolean) => {\r\n\tlet height = isMobile ? '24px' : '30px';\r\n\tif (size === 'large') {\r\n\t\theight = isMobile ? '40px' : '60px';\r\n\t}\r\n\treturn height;\r\n};\r\n\r\nconst getPadding = (size?: 'small' | 'large', isMobile?: boolean) => {\r\n\tlet padding = '0 12px';\r\n\tif (size === 'large') {\r\n\t\tpadding = isMobile ? '0 30px' : '0 38px';\r\n\t}\r\n\treturn padding;\r\n};\r\n\r\nconst StyledContentTag = styled.span<ContentTagProps>`\r\n\tbackground: ${props => props.color || props.theme.colors.brandPrimary};\r\n\tcolor: ${props => props.theme.colors.white};\r\n\tfont-family: ${props => props.theme.fonts.secondary};\r\n\tfont-size: 11px;\r\n\tfont-weight: 600;\r\n\tline-height: ${props => getContentTagHeight(props.size, !Boolean(props.disableMobileSize))};\r\n\tletter-spacing: 1.4px;\r\n\ttext-transform: uppercase;\r\n\tpadding: ${props => getPadding(props.size, !Boolean(props.disableMobileSize))};\r\n\theight: ${props => getContentTagHeight(props.size, !Boolean(props.disableMobileSize))};\r\n\tborder-radius: 2px;\r\n\tdisplay: inline-block;\r\n\twhite-space: nowrap;\r\n\tmax-width: 185px;\r\n\ttext-overflow: ellipsis;\r\n\toverflow: hidden;\r\n\r\n\t${media.desktop<ContentTagProps>`\r\n\t\tpadding: ${props => getPadding(props.size)};\r\n\t\tfont-size: ${props => (props.size === 'large' ? '14px' : '12px')};\r\n\t\tline-height: ${props => getContentTagHeight(props.size)};\r\n\t\theight: ${props => getContentTagHeight(props.size)};\r\n\t\tletter-spacing: ${props => (props.size === 'large' ? '3px' : '1.5px')};\r\n\t\tmax-width: calc(100% + 75px);\r\n\t`};\r\n`;\r\n\r\nconst ContentTag: React.FC<ContentTagProps & React.HTMLAttributes<HTMLSpanElement>> = ({\r\n\tcolor,\r\n\tsize,\r\n\tdisableMobileSize,\r\n\tclassName,\r\n\tchildren,\r\n}) => {\r\n\treturn (\r\n\t\t<StyledContentTag color={color} size={size} disableMobileSize={disableMobileSize} className={className}>\r\n\t\t\t{children}\r\n\t\t</StyledContentTag>\r\n\t);\r\n};\r\n\r\nexport default ContentTag;\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst StyledHighlightedLink = styled('a')<HighlightedLinkProps>`\r\n\tborder-radius: 17px;\r\n\tfont-weight: 800;\r\n\tfont-size: 13px;\r\n\tline-height: 14px;\r\n\ttext-align: center;\r\n\tpadding: 5px 12px;\r\n\ttext-decoration: none;\r\n\twhite-space: ${props => (props.wrapText ? 'normal' : 'nowrap')};\r\n\tdisplay: inline-block;\r\n\tfont-family: ${props => props.theme.fonts.primary};\r\n\tcursor: pointer;\r\n\tbackground-color: ${props =>\r\n\t\tprops.intense ? props.theme.colors.selectedItemBackground : props.theme.colors.brandPrimaryFeatureBackground};\r\n\tcolor: ${props => (props.intense ? props.theme.colors.brandPrimary : props.theme.colors.linkText)};\r\n\tborder: 1px solid\r\n\t\t${props =>\r\n\t\t\tprops.intense ? props.theme.colors.selectedItemBackground : props.theme.colors.brandPrimaryFeatureBackground};\r\n\r\n\t&:hover {\r\n\t\tborder-color: ${props => props.theme.colors.linkText};\r\n\t\tbackground-color: ${props => props.theme.colors.white};\r\n\t\ttext-decoration: none;\r\n\t}\r\n`;\r\n\r\nexport interface HighlightedLinkProps {\r\n\tintense?: boolean;\r\n\twrapText?: boolean;\r\n}\r\n\r\nconst HighlightedLink: React.FC<HighlightedLinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> = props => {\r\n\treturn <StyledHighlightedLink {...props}>{props.children}</StyledHighlightedLink>;\r\n};\r\n\r\nexport default HighlightedLink;\r\n","import { useSelector } from 'react-redux';\r\nimport { State } from '../reducers';\r\nimport { getHeroMediaSource } from 'utils/media';\r\n\r\nexport function useHeroMedia(presetSuffix: string) {\r\n\tconst { heroImageDesktop, heroImageMobile, heroImageOffsetY, heroMediaType } = useSelector(({ resource }: State) => ({\r\n\t\theroImageDesktop: resource.heroImageDesktop,\r\n\t\theroImageMobile: resource.heroImageMobile,\r\n\t\theroImageOffsetY: resource.heroImageOffsetY,\r\n\t\theroMediaType: resource.heroMediaType,\r\n\t}));\r\n\r\n\treturn {\r\n\t\theroMedia: getHeroMediaSource(heroMediaType, heroImageDesktop, heroImageMobile, presetSuffix),\r\n\t\theroImageOffsetY,\r\n\t};\r\n}\r\n","import * as React from 'react';\r\nimport styled, { ThemeContext } from 'styled-components';\r\nimport { generate } from 'shortid';\r\nimport { media } from 'styleguide/helpers';\r\n\r\nconst DotSeparatorWrapper = styled.div`\r\n\theight: 6px;\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(4)} auto;\r\n\r\n\t${media.tablet`\r\n    margin: ${({ theme }) => theme.grid.gutterInPx(6)} auto;\r\n  `};\r\n\r\n\t${media.desktop`\r\n    margin: ${({ theme }) => theme.grid.gutterInPx(9)} auto;\r\n  `};\r\n\r\n\tsvg {\r\n\t\tdisplay: block;\r\n\t}\r\n`;\r\n\r\ninterface Props {\r\n\tcolor?: string;\r\n}\r\n\r\nconst DotSeparator: React.FC<Props & React.HTMLAttributes<HTMLDivElement>> = ({ color, ...rest }) => {\r\n\tconst theme = React.useContext(ThemeContext);\r\n\r\n\tconst id = generate();\r\n\r\n\treturn (\r\n\t\t<DotSeparatorWrapper {...rest}>\r\n\t\t\t<svg width=\"100%\" height=\"100%\">\r\n\t\t\t\t<defs>\r\n\t\t\t\t\t<pattern id={`polka-dots-${id}`} x=\"0\" y=\"0\" width=\"24\" height=\"24\" patternUnits=\"userSpaceOnUse\">\r\n\t\t\t\t\t\t<circle fill={color ?? theme.colors.brandPrimary} cx=\"3\" cy=\"3\" r=\"3\" />\r\n\t\t\t\t\t</pattern>\r\n\t\t\t\t</defs>\r\n\t\t\t\t<rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill={`url(#polka-dots-${id})`} />\r\n\t\t\t</svg>\r\n\t\t</DotSeparatorWrapper>\r\n\t);\r\n};\r\n\r\nexport default DotSeparator;\r\n","import * as React from 'react';\r\nimport styled, { css, ThemeContext } from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport AimoLogoIcon from 'styleguide/components/Logos/Logo/AimoLogoIcon';\r\nimport ContentTag from 'styleguide/components/Tags/ContentTag/ContentTag';\r\nimport { TEXT_WIDTH, TEXT_WIDTH_NARROW } from 'common/components/Widgets/constants';\r\nimport { FramedHeaderVariants } from './types';\r\nimport DotSeparator from 'styleguide/components/DotSeparator/DotSeparator';\r\nimport { useSelector } from 'react-redux';\r\nimport { State } from '../../reducers';\r\nimport { WithLeadText } from '../../types/leadText';\r\nimport { WithContentFamily } from '../../types/contentFamily';\r\n\r\ninterface HeaderProps {\r\n\tshowContentTag?: boolean;\r\n\tvariant?: FramedHeaderVariants;\r\n\thasContentSubNav: boolean;\r\n}\r\n\r\nconst Header = styled.header<HeaderProps>`\r\n\tbackground: ${props => props.theme.colors.white};\r\n\tpadding: ${({ theme }) => theme.grid.gutterInPx()};\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\r\n\t${props => {\r\n\t\tif (props.variant === 'professional') {\r\n\t\t\treturn css`\r\n\t\t\t\tmargin: -65px auto 0;\r\n\t\t\t\twidth: calc(100% - ${({ theme }) => theme.grid.gutterInPx(2)});\r\n\r\n\t\t\t\t${media.tablet`\r\n          margin: -65px auto 20px;  \r\n        `};\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tbackground: white;\r\n\t\t\t\t\twidth: 88px;\r\n\t\t\t\t\theight: 88px;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: -35px;\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\r\n\t\t\t\t\t${media.tablet`\r\n\t\t\t\t\t\twidth: 140px;\r\n\t\t\t\t\t\theight: 140px;\r\n\t\t\t\t\t\ttop: -53px;\r\n\t\t\t\t\t`};\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}\r\n\r\n\t\tif (props.variant === 'brand' || props.variant === 'imageheader') {\r\n\t\t\treturn css`\r\n\t\t\t\tmargin: 0;\r\n\t\t\t`;\r\n\t\t}\r\n\r\n\t\treturn css`\r\n\t\t\tmargin: ${props.hasContentSubNav ? props.theme.grid.gutterInPx(-3) : props.theme.grid.gutterInPx(-7)} 0 20px;\r\n\t\t\twidth: 100%;\r\n\t\t`;\r\n\t}};\r\n\r\n\t${media.tablet<HeaderProps>`\r\n\t\t${props => {\r\n\t\t\tif (props.variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\tif (props.variant === 'imageheader') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t\t\t\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(1)} auto 0;\r\n\t\t\t\t\twidth: ${({ theme }) => TEXT_WIDTH_NARROW + theme.grid.gutter * 4}px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\r\n\t\t\treturn css`\r\n\t\t\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\t\t\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(-8)} auto 0;\r\n\t\t\t\twidth: ${({ theme }) => TEXT_WIDTH_NARROW + theme.grid.gutter * 4}px;\r\n\t\t\t`;\r\n\t\t}};\r\n  `};\r\n\r\n\t${media.desktop<HeaderProps>`\r\n\t\t${({ variant, theme }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding: ${theme.grid.gutterInPx(6)} ${theme.grid.gutterInPx(6)} 0;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}};\r\n\t`};\r\n\r\n\t${media.desktop1440<HeaderProps>`\r\n\t\t${({ variant, theme }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tpadding: ${theme.grid.gutterInPx(11)} ${theme.grid.gutterInPx(12.5)} 0;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\r\n\t\t\tif (variant === 'event') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\twidth: ${TEXT_WIDTH + theme.grid.gutter * 12}px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\r\n\t\t\treturn css`\r\n\t\t\t\twidth: ${TEXT_WIDTH + theme.grid.gutter * 4}px;\r\n\t\t\t`;\r\n\t\t}};\r\n\t`};\r\n\r\n\t.content-tag {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, calc(-50% - 1px));\r\n\t}\r\n`;\r\n\r\ninterface HeaderContainerProps {\r\n\tborderColor: string;\r\n\tbackgroundColor: string;\r\n\ttextColor: string;\r\n\tvariant?: FramedHeaderVariants;\r\n}\r\n\r\nconst HeaderContainer = styled.div<HeaderContainerProps>`\r\n\tposition: relative;\r\n\r\n\t${({ variant, borderColor, backgroundColor, textColor, theme }) => {\r\n\t\tif (variant === 'brand') {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn css`\r\n\t\t\tborder: 1px solid ${borderColor};\r\n\t\t\tbackground-color: ${variant === 'finlandiacheese' ? 'transparent' : `${backgroundColor}`};\r\n\t\t\tcolor: ${textColor};\r\n\t\t\tpadding: ${variant === 'professional'\r\n\t\t\t\t? `${theme.grid.gutterInPx(6)} ${theme.grid.gutterInPx(4)} ${theme.grid.gutterInPx(4)}`\r\n\t\t\t\t: variant === 'event'\r\n\t\t\t\t? `${theme.grid.gutterInPx(2)} ${theme.grid.gutterInPx(6)} 0`\r\n\t\t\t\t: variant === 'finlandiacheese'\r\n\t\t\t\t? 0\r\n\t\t\t\t: theme.grid.gutterInPx(4)};\r\n\t\t`;\r\n\t}};\r\n\r\n\t${media.desktop<HeaderContainerProps>`\r\n\t\t${({ variant, theme }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\r\n\t\t\treturn css`\r\n\t\t\t\tpadding: ${variant === 'professional'\r\n\t\t\t\t\t? `${theme.grid.gutterInPx(7)} ${theme.grid.gutterInPx(5)} ${theme.grid.gutterInPx(5)}`\r\n\t\t\t\t\t: variant === 'event'\r\n\t\t\t\t\t? `${theme.grid.gutterInPx(3)} ${theme.grid.gutterInPx(7)} 0`\r\n\t\t\t\t\t: variant === 'finlandiacheese'\r\n\t\t\t\t\t? 0\r\n\t\t\t\t\t: theme.grid.gutterInPx(5)};\r\n\t\t\t`;\r\n\t\t}};\r\n\t`};\r\n\r\n\t${props => {\r\n\t\tif (props.variant === 'professional') {\r\n\t\t\treturn css`\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\twidth: 72px;\r\n\t\t\t\t\theight: 36px;\r\n\t\t\t\t\tbackground: white;\r\n\t\t\t\t\tborder-top-left-radius: 72px;\r\n\t\t\t\t\tborder-top-right-radius: 72px;\r\n\t\t\t\t\tborder: 1px solid ${props.borderColor};\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: -37px;\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\r\n\t\t\t\t\t${media.tablet`\r\n\t\t\t\t\t\twidth: 108px;\r\n\t\t\t\t\t\theight: 54px;\r\n\t\t\t\t\t\tborder-top-left-radius: 109px;\r\n\t\t\t\t\t\tborder-top-right-radius: 109px;\r\n\t\t\t\t\t\ttop: -55px;\r\n\t\t\t\t\t`};\r\n\t\t\t\t}\r\n\t\t\t`;\r\n\t\t}\r\n\t\treturn null;\r\n\t}};\r\n\r\n\t.dot-separator {\r\n\t\tmax-width: ${({ theme }) => theme.grid.gutter * 24 + 6}px;\r\n\r\n\t\t${media.tablet`\r\n\t\t\tmax-width: none;\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\ninterface TitleProps {\r\n\ttextColor: string;\r\n\tbackgroundColor?: string;\r\n\tvariant?: FramedHeaderVariants;\r\n}\r\n\r\nconst Title = styled.h1<TitleProps>`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tline-height: 1;\r\n\tmargin: 0 auto ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\tcolor: ${props => props.textColor};\r\n\r\n\t${({ variant, theme, backgroundColor }) => {\r\n\t\tif (variant === 'brand') {\r\n\t\t\treturn css`\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t\tpadding: 0 ${theme.grid.gutterInPx()};\r\n\t\t\t`;\r\n\t\t}\r\n\t\tif (variant === 'finlandiacheese') {\r\n\t\t\treturn css`\r\n\t\t\t\tbackground-color: ${backgroundColor};\r\n\t\t\t\ttext-transform: uppercase;\r\n\t\t\t\tpadding: ${theme.grid.gutterInPx(3)};\r\n\t\t\t`;\r\n\t\t}\r\n\t\treturn css`\r\n\t\t\tfont-size: 24px;\r\n\t\t`;\r\n\t}};\r\n\r\n\t${media.tablet<TitleProps>`\r\n\t\t${({ variant }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tfont-size: 36px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t}};\r\n\t`};\r\n\r\n\t${media.desktop<TitleProps>`\r\n\t\t${({ variant, theme }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tfont-size: 48px;\r\n\t\t\t\t\tmax-width: 740px;\r\n\t\t\t\t\tmargin: 0 auto ${theme.grid.gutterInPx(7)};\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\tif (variant === 'finlandiacheese') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tfont-size: 48px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\treturn css`\r\n\t\t\t\tfont-size: 36px;\r\n\t\t\t`;\r\n\t\t}};\r\n  `};\r\n`;\r\n\r\ninterface LeadTextProps {\r\n\tvariant?: FramedHeaderVariants;\r\n}\r\n\r\nconst LeadText = styled.p<LeadTextProps>`\r\n\tmargin: 0;\r\n\r\n\t${({ variant }) => {\r\n\t\tif (variant === 'brand') {\r\n\t\t\treturn css`\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 1.5;\r\n\t\t\t`;\r\n\t\t}\r\n\t\tif (variant === 'finlandiacheese') {\r\n\t\t\treturn css`\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t`;\r\n\t\t}\r\n\t\treturn css`\r\n\t\t\tfont-size: 21px;\r\n\t\t\tline-height: 1.25;\r\n\t\t`;\r\n\t}};\r\n\r\n\t${media.desktop<LeadTextProps>`\r\n\t\tfont-size: 24px;\r\n\t\t\r\n\t\t${({ variant }) => {\r\n\t\t\tif (variant === 'brand') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tmax-width: 740px;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\tif (variant === 'finlandiacheese') {\r\n\t\t\t\treturn css`\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t`;\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t}};\r\n\r\n  `};\r\n`;\r\n\r\nconst ProfessionalLogoWrapper = styled.div<{ borderColor: string }>`\r\n\twidth: 70px;\r\n\tborder-radius: 50%;\r\n\tpadding-top: 24px;\r\n\tposition: absolute;\r\n\ttop: -35px;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\r\n\t${media.tablet`\r\n\t\twidth: 106px;\r\n\t\ttop: -51px;\r\n\t`};\r\n\r\n\t& > img {\r\n\t\twidth: 38px;\r\n\t\theight: 38px;\r\n\t\ttransform: translate(-2px, -8px);\r\n\r\n\t\t${media.tablet`\r\n\t\t\twidth: 60px;\r\n\t\t\theight: 60px;\r\n\t\t\ttransform: translate(-2px, -4px);\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nconst BrandLogoWrapper = styled.div`\r\n\tbackground-color: ${({ theme }) => theme.colors.white};\r\n\tpadding: ${({ theme }) => theme.grid.gutterInPx(1)} ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\twidth: 200px;\r\n\theight: auto;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmin-height: ${({ theme }) => theme.grid.gutterInPx(13)};\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(-13)} auto ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n\t  width: 280px;\r\n    padding: ${({ theme }) => theme.grid.gutterInPx(3)} ${({ theme }) => theme.grid.gutterInPx(3)};\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\twidth: 376px;\r\n\t\theight: auto;\r\n\t\tmin-height: ${({ theme }) => theme.grid.gutterInPx(18)};\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(-18)} auto ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tmin-height: ${({ theme }) => theme.grid.gutterInPx(22)};\r\n\t\tmargin: ${({ theme }) => theme.grid.gutterInPx(-22)} auto ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t`};\r\n\r\n\timg,\r\n\tsvg {\r\n\t\tflex: 0 1 auto;\r\n\t\tmax-width: 152px;\r\n\t\theight: auto;\r\n\r\n\t\t${media.desktop`\r\n      max-width: 220px;\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\ninterface LeadTextHeaderProps {\r\n\tthemeColor?: string;\r\n\tshowContentFamily?: boolean;\r\n\tbackgroundColor?: string;\r\n\ttextColor?: string;\r\n\tvariant?: FramedHeaderVariants;\r\n\tclassName?: string;\r\n\thighlightImage?: string;\r\n\thighlightIcon?: React.ReactElement<HTMLElement> | null;\r\n\tshowBorder?: boolean;\r\n}\r\n\r\nconst FramedHeader: React.FunctionComponent<LeadTextHeaderProps> = ({\r\n\tthemeColor,\r\n\tshowContentFamily,\r\n\tbackgroundColor,\r\n\ttextColor,\r\n\tvariant,\r\n\tclassName,\r\n\thighlightImage,\r\n\thighlightIcon,\r\n\tshowBorder = true,\r\n}) => {\r\n\tconst theme = React.useContext(ThemeContext);\r\n\tconst { titleHtml, contentFamily, leadText, hasContentSubNav } = useReduxState();\r\n\r\n\tconst usedThemeColor =\r\n\t\tthemeColor && themeColor !== theme.colors.brandPrimary ? themeColor : theme.colors.framedHeaderTitle;\r\n\r\n\tconst borderColor = theme.colors.framedHeaderBorder || usedThemeColor;\r\n\r\n\tlet titleColor = usedThemeColor;\r\n\r\n\tvariant = variant ?? theme.styledVariations.framedHeaderDefaultVariant;\r\n\r\n\tif (!backgroundColor) {\r\n\t\tbackgroundColor = theme.colors.framedHeaderBackground;\r\n\t}\r\n\r\n\tif (!textColor) {\r\n\t\ttextColor = theme.colors.bodyText;\r\n\t} else {\r\n\t\t// If there is textColor override, do not use theme color for title neither\r\n\t\t// as usually in this case themecolor is used as backgroundcolor. Brand variant\r\n\t\t// uses themeColor so don't override in that case.\r\n\t\tif (variant !== 'brand') {\r\n\t\t\ttitleColor = textColor;\r\n\t\t}\r\n\t}\r\n\r\n\tconst shouldShowContentTag =\r\n\t\tshowContentFamily && contentFamily !== '' && variant !== 'professional' && variant !== 'finlandiacheese';\r\n\r\n\treturn (\r\n\t\t<Header\r\n\t\t\tshowContentTag={shouldShowContentTag}\r\n\t\t\tvariant={variant}\r\n\t\t\tclassName={className}\r\n\t\t\thasContentSubNav={hasContentSubNav || false}>\r\n\t\t\t{shouldShowContentTag && (\r\n\t\t\t\t<ContentTag color={usedThemeColor} className=\"content-tag\" disableMobileSize={true}>\r\n\t\t\t\t\t{contentFamily}\r\n\t\t\t\t</ContentTag>\r\n\t\t\t)}\r\n\t\t\t<HeaderContainer\r\n\t\t\t\tborderColor={variant === 'event' ? 'transparent' : borderColor}\r\n\t\t\t\tbackgroundColor={backgroundColor}\r\n\t\t\t\ttextColor={textColor}\r\n\t\t\t\tvariant={variant}>\r\n\t\t\t\t{variant === 'professional' && (\r\n\t\t\t\t\t<ProfessionalLogoWrapper borderColor={borderColor}>\r\n\t\t\t\t\t\t<AimoLogoIcon noBorder={true} disableScaling={true} logoSize={'80%'} />\r\n\t\t\t\t\t</ProfessionalLogoWrapper>\r\n\t\t\t\t)}\r\n\t\t\t\t{variant === 'brand' && (\r\n\t\t\t\t\t<BrandLogoWrapper>{highlightIcon ? highlightIcon : <img src={highlightImage} />}</BrandLogoWrapper>\r\n\t\t\t\t)}\r\n\t\t\t\t<Title\r\n\t\t\t\t\tclassName=\"framed-header__title\"\r\n\t\t\t\t\ttextColor={titleColor || textColor}\r\n\t\t\t\t\tbackgroundColor={backgroundColor}\r\n\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\tdangerouslySetInnerHTML={{ __html: titleHtml || '' }}\r\n\t\t\t\t/>\r\n\t\t\t\t{leadText && <LeadText variant={variant}>{leadText}</LeadText>}\r\n\t\t\t\t{variant === 'brand' && <DotSeparator color={usedThemeColor} className=\"dot-separator\" />}\r\n\t\t\t</HeaderContainer>\r\n\t\t</Header>\r\n\t);\r\n};\r\n\r\nfunction useReduxState() {\r\n\treturn useSelector(({ resource, navigation }: State) => {\r\n\t\tconst { content, titleHtml } = resource;\r\n\t\tconst { contentFamily, leadText } = content as WithLeadText & WithContentFamily;\r\n\r\n\t\treturn {\r\n\t\t\ttitleHtml,\r\n\t\t\tcontentFamily,\r\n\t\t\tleadText,\r\n\t\t\thasContentSubNav: !!navigation.secondaryNavigation,\r\n\t\t};\r\n\t});\r\n}\r\n\r\nexport default FramedHeader;\r\n","import FramedHeader from './FramedHeader';\r\nexport default FramedHeader;\r\n","import * as React from 'react';\r\nimport { NavLinkItemProps } from '../../../components/Navigation/interfaces';\r\nimport HighlightedLink from 'styleguide/components/Links/HighlightedLink/HighlightedLink';\r\nimport styled from 'styled-components';\r\n\r\nconst TopicsWrapper = styled.ul`\r\n\tmargin: 20px 0;\r\n\tpadding: 0;\r\n\tlist-style: none;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n`;\r\n\r\nconst Topic = styled.li`\r\n\tmargin: 3px;\r\n`;\r\n\r\ninterface TopicsProps {\r\n\ttopics?: NavLinkItemProps[];\r\n}\r\n\r\nconst Topics: React.FC<TopicsProps> = ({ topics }) => {\r\n\tif (!topics || topics.length === 0) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<TopicsWrapper>\r\n\t\t\t{topics.map((topic, index) => (\r\n\t\t\t\t<Topic key={`topic-${index}`}>\r\n\t\t\t\t\t<HighlightedLink href={topic.url} intense={true}>\r\n\t\t\t\t\t\t{topic.title}\r\n\t\t\t\t\t</HighlightedLink>\r\n\t\t\t\t</Topic>\r\n\t\t\t))}\r\n\t\t</TopicsWrapper>\r\n\t);\r\n};\r\n\r\nexport default Topics;\r\n","import * as React from 'react';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport Hero from 'styleguide/components/HeroBanners/Hero';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport { ContentThemeContext } from 'common/contexts/ContentThemeContext';\r\nimport { ResourceState } from 'common/components/Resource/reducers/reducers';\r\nimport Topics from './components/Topics';\r\nimport FramedHeader from 'common/components/FramedHeader';\r\nimport { FramedHeaderVariants } from 'common/components/FramedHeader/types';\r\nimport { Icon } from 'utils/import';\r\nimport { useHeroMedia } from '../../hooks/useHeroMedia';\r\n\r\ntype LeadTextResourceState = Pick<ResourceState, 'topics' | 'previewImage'>;\r\n\r\nexport interface LeadTextProps extends LeadTextResourceState {\r\n\tshowContentFamily?: boolean;\r\n\tbackgroundColor?: string;\r\n\ttextColor?: string;\r\n\tvariant?: FramedHeaderVariants;\r\n\thighlightIcon?: ResourceState['highlightIcon'];\r\n\tshowBorder?: boolean;\r\n}\r\n\r\nconst LeadText: React.FC<LeadTextProps> = ({\r\n\tshowContentFamily = true,\r\n\tbackgroundColor,\r\n\ttextColor,\r\n\tvariant,\r\n\ttopics,\r\n\tpreviewImage,\r\n\thighlightIcon,\r\n\tshowBorder,\r\n}) => {\r\n\tconst { heroMedia, heroImageOffsetY } = useHeroMedia('cms-content-default-hero');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Hero src={heroMedia.mediaSrc} mediaType={heroMedia.mediaType} offsetY={heroImageOffsetY} />\r\n\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<ContentThemeContext.Consumer>\r\n\t\t\t\t\t{contentTheme => (\r\n\t\t\t\t\t\t<FramedHeader\r\n\t\t\t\t\t\t\tthemeColor={contentTheme.color}\r\n\t\t\t\t\t\t\tshowContentFamily={showContentFamily === true}\r\n\t\t\t\t\t\t\tbackgroundColor={backgroundColor}\r\n\t\t\t\t\t\t\ttextColor={textColor}\r\n\t\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\t\thighlightImage={previewImage}\r\n\t\t\t\t\t\t\thighlightIcon={<Icon iconName={highlightIcon} />}\r\n\t\t\t\t\t\t\tshowBorder={showBorder}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ContentThemeContext.Consumer>\r\n\t\t\t\t<Topics topics={topics} />\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default LeadText;\r\n","import LeadText from './LeadText';\r\nexport default LeadText;\r\n","import * as React from 'react';\r\nimport { ContentWrapper } from 'common/components/General';\r\nimport WidgetZone from 'common/components/Widgets/WidgetZone';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\ninterface BasicHeaderProps {\r\n\thasContentSubNav?: boolean;\r\n}\r\n\r\nconst BasicHeader = styled.header<BasicHeaderProps>`\r\n\twidth: 100%;\r\n\tmax-width: 720px;\r\n\tmargin: ${props => (props.hasContentSubNav ? 20 : 40)}px auto 0;\r\n\tpadding: 0 10px;\r\n\r\n\t${media.desktop<BasicHeaderProps>`\r\n\t\tmax-width: 600px;\r\n\t\tpadding: 0;\r\n\t\tmargin-top: ${props => (props.hasContentSubNav ? 80 : 100)}px;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tmax-width: 720px;\r\n\t`};\r\n`;\r\n\r\nconst BasicFrontTitle = styled.h1<{ color?: string }>`\r\n\tfont-family: ${({ theme }) => theme.fonts.primary};\r\n\tfont-size: 24px;\r\n\tfont-weight: 600;\r\n\tline-height: 26px;\r\n\tcolor: ${({ color, theme }) => color || theme.colors.brandPrimary};\r\n\tmargin: 0 0 20px;\r\n\ttext-align: left;\r\n\thyphens: manual;\r\n\r\n\t${media.desktop`\r\n  \tfont-size: 36px;\r\n    line-height: 1;\r\n  `};\r\n`;\r\n\r\nconst BasicFrontSubTitle = styled.p`\r\n\tfont-size: 18px;\r\n\tline-height: 24px;\r\n\r\n\t${media.desktop`\r\n  \tfont-size: 24px;\r\n    line-height: 30px;\r\n\t\tmargin: 0;\r\n  `};\r\n`;\r\n\r\ninterface Props {\r\n\ttitleHtml?: string;\r\n\tleadText?: string;\r\n\thasContentSubNav?: boolean;\r\n\tthemeColor?: string;\r\n}\r\n\r\nconst Basic: React.FC<Props> = ({ titleHtml = '', leadText, hasContentSubNav, themeColor }) => {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<ContentWrapper>\r\n\t\t\t\t<BasicHeader hasContentSubNav={hasContentSubNav}>\r\n\t\t\t\t\t<BasicFrontTitle color={themeColor} dangerouslySetInnerHTML={{ __html: titleHtml }} />\r\n\t\t\t\t\t{leadText && <BasicFrontSubTitle>{leadText}</BasicFrontSubTitle>}\r\n\t\t\t\t</BasicHeader>\r\n\r\n\t\t\t\t<WidgetZone name=\"Main\" isFullWidth={true} />\r\n\t\t\t</ContentWrapper>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default Basic;\r\n","import Basic from './Basic';\r\nexport default Basic;\r\n"],"sourceRoot":""}