|
- (self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[9344],{"./stories/_global/scripts/lorem.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>lorem2,v:()=>lorem1});var lorem1="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus magni, vel! Enim fuga modi natus pariatur quibusdam repudiandae rerum! Ad adipisci asperiores at atque dolorem doloremque itaque quaerat temporibus voluptatum?",lorem2="Consectetur adipisicing elit. Alias aliquid doloribus earum eius error ex minus natus nesciunt, porro praesentium provident quo sunt unde. Eligendi facere illum natus odio, tempora voluptatum? Ea enim iste modi odio optio quis sed temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur dolore doloribus explicabo facere illum ipsam, magnam recusandae sit voluptatibus voluptatum?"},"./stories/atoms/blockquote/BlockquoteComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>createBlockquote});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),blockquote=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(blockquote.Z,options);blockquote.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createBlockquote=function createBlockquote(_ref){var _ref$quote=_ref.quote,quote=void 0===_ref$quote?"Ein Unternehmen zu gründen, ähnelt dem Kuchenbacken: Du brauchst alle nötigen Zutaten und jede einzelne davon in der genau passenden Menge.":_ref$quote,_ref$author=_ref.author,author=void 0===_ref$author?"Max Mustermann, Unternehmer":_ref$author,_ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,blockquote=(0,helpers.az)("blockquote");return blockquote.dataset.quoteType=type,"string"==typeof quote?(0,helpers.az)("p",[],quote,blockquote):quote.map((function(p){(0,helpers.az)("p",[],p,blockquote)})),(0,helpers.az)("p",["author"],author,blockquote),blockquote}},"./stories/components/infobox/InfoboxComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>createInfobox});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),infobox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobox.Z,options);infobox.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),BlockquoteComponent=__webpack_require__("./stories/atoms/blockquote/BlockquoteComponent.js"),createInfobox=function createInfobox(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,_ref$full=_ref.full,full=void 0!==_ref$full&&_ref$full,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Dachzeile":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Dies ist eine Zwischenheadline mit der Maximalbefüllung von 80 Zeichen.":_ref$headline,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"pictogram-tl_dr":_ref$icon,_ref$text=_ref.text,text=void 0===_ref$text?"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.":_ref$text,_ref$ul=_ref.ul,ul=void 0===_ref$ul?"List Styles werden über externe Klasse Richtext geladen":_ref$ul,_ref$ol=_ref.ol,ol=void 0===_ref$ol?"Lorem ipsum dolor sit":_ref$ol,infobox=(0,helpers.az)("div",["infobox",type]),content=(0,helpers.az)("div",["infobox--content"],null,infobox);if(!0===full&&((0,helpers.az)("p",["kicker"],kicker,content),(0,helpers.az)("div",["like-h2"],headline,content)),(0,helpers.az)("p",[],text,content),!0===full){var ulEl=(0,helpers.az)("ul",[],null,content);(0,helpers.az)("li",[],ul,ulEl);var button,olEl=(0,helpers.az)("ol",[],null,content);(0,helpers.az)("li",[],ol,olEl),content.appendChild((0,BlockquoteComponent.k)({author:""})),button="secondary"===type?(0,ButtonComponent.a)({color:"primary",label:"Label"}):(0,ButtonComponent.a)({color:"secondary",label:"Label"}),content.appendChild(button),(0,helpers.az)("div",["icon-box",icon],null,infobox)}return infobox}},"./stories/components/magazine-article/MagazineArticleComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>createMagazineArticle});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),magazine_article=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(magazine_article.Z,options);magazine_article.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),lorem=__webpack_require__("./stories/_global/scripts/lorem.js"),GalleryComponent=__webpack_require__("./stories/components/gallery/GalleryComponent.js"),AnchorLinksComponent=__webpack_require__("./stories/components/anchor-links/AnchorLinksComponent.js"),BlockquoteComponent=__webpack_require__("./stories/atoms/blockquote/BlockquoteComponent.js"),ContactComponent=__webpack_require__("./stories/components/contact/ContactComponent.js"),PrintShareComponent=__webpack_require__("./stories/components/print-share/PrintShareComponent.js"),InfoboxComponent=__webpack_require__("./stories/components/infobox/InfoboxComponent.js"),EventsComponent=__webpack_require__("./stories/sections/events/EventsComponent.js"),CardSliderComponent=__webpack_require__("./stories/sections/card-slider/CardSliderComponent.js"),createMagazineArticle=function createMagazineArticle(_ref){var _ref$addArticleCompon=_ref.addArticleComponents,addArticleComponents=void 0===_ref$addArticleCompon||_ref$addArticleCompon,_ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Titelthema":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"5 Beispiele, wie sich Unternehmen für ihr Umfeld engagieren":_ref$headline,article=(0,helpers.az)("article",["col","magazine-article"]);if(addArticleComponents){(0,helpers.az)("p",["kicker"],kicker,article),(0,helpers.az)("h1",[],headline,article),(0,helpers.az)("p",["author-date"],"von Martina Mustermann | 15.02.2025",article),article.appendChild((0,AnchorLinksComponent.A)({titles:["Lorem ipsum dolor sit","Consectetur adipisicing elit"]}));var richText=(0,helpers.az)("div",["richtext"],null,article);(0,helpers.az)("p",["initial"],lorem.v,richText),(0,helpers.az)("p",[],lorem.t,richText),(0,helpers.az)("h2",[],"Lorem ipsum dolor sit",richText),(0,helpers.az)("p",[],lorem.v,richText),article.appendChild((0,CardSliderComponent.Q)({})),article.appendChild((0,GalleryComponent.N)({galleryType:"masonry"})),article.appendChild((0,InfoboxComponent.B)({content:lorem.t}));var imageBox=(0,helpers.az)("figure",["image-box","off-grid"],null,article);(0,helpers.Bi)("./dummy/placeholder-3-2.svg",420,280,"Image off grid",[],imageBox),(0,helpers.az)("figcaption",[],"Bildunterschrift lorem ipsum dolor sit amet ipsum",imageBox),(0,helpers.az)("p",[],lorem.t+" "+lorem.v+" "+lorem.t,article),(0,helpers.az)("p",[],lorem.t,article),(0,helpers.az)("h2",[],"Consectetur adipisicing elit",article),(0,helpers.az)("p",[],lorem.t,article),article.appendChild((0,EventsComponent.u)({})),article.appendChild((0,BlockquoteComponent.k)({})),article.appendChild((0,ContactComponent.r)({})),article.appendChild((0,PrintShareComponent.a)({}))}return article}},"./node_modules/core-js/internals/check-correctness-of-iteration.js":(module,__unused_webpack_exports,__webpack_require__)=>{var ITERATOR=__webpack_require__("./node_modules/core-js/internals/well-known-symbol.js")("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}module.exports=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/atoms/blockquote/blockquote.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./stories/assets/img/quote.svg"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_assets_img_quote_svg__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,'blockquote{border-left:6px solid var(--theme-color-secondary);margin:2em 0;padding-left:1.2em;font-style:italic}blockquote .author{font-style:normal;font-size:var(--font-size-small);line-height:1.2}.magazine-article blockquote,blockquote[data-quote-type=magazine]{border-left:0;font-weight:300;font-style:normal;margin:calc(var(--section-margin)*.6) 0;padding:0 20px 0 40px}@media(max-width: 767px){.magazine-article blockquote,blockquote[data-quote-type=magazine]{padding:0 0 0 20px}}.magazine-article blockquote p:not(.author),.magazine-article blockquote div.text,blockquote[data-quote-type=magazine] p:not(.author),blockquote[data-quote-type=magazine] div.text{line-height:1.3;font-size:var(--font-size-h2)}.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px}@media(max-width: 767px){.magazine-article blockquote p:not(.author):first-child:before,.magazine-article blockquote div.text:first-child:before,blockquote[data-quote-type=magazine] p:not(.author):first-child:before,blockquote[data-quote-type=magazine] div.text:first-child:before{margin-left:-20px}}.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{content:"";position:relative;display:block;width:30px;height:30px;background-image:url('+___CSS_LOADER_URL_REPLACEMENT_0___+');background-size:100%;margin:2px 0 2px -40px;transform:rotate(180deg)}@media(max-width: 767px){.magazine-article blockquote p:not(.author):last-child:after,.magazine-article blockquote div.text:last-child:after,.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] p:not(.author):last-child:after,blockquote[data-quote-type=magazine] div.text:last-child:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{margin-left:-20px}}.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{position:relative;font-weight:400;text-align:right;margin-right:-20px;margin-top:36px;font-family:"Source Sans Pro",sans-serif;font-size:18px}.magazine-article blockquote .author:before,.magazine-article blockquote h4:before,blockquote[data-quote-type=magazine] .author:before,blockquote[data-quote-type=magazine] h4:before{content:"— ";position:relative;top:-1px;margin-right:2px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{position:absolute;top:-36px;left:0}@media(max-width: 767px){.magazine-article blockquote .author,.magazine-article blockquote h4,blockquote[data-quote-type=magazine] .author,blockquote[data-quote-type=magazine] h4{margin-right:0;padding-left:30px;font-size:16px;font-weight:500;margin-top:32px}.magazine-article blockquote .author:after,.magazine-article blockquote h4:after,blockquote[data-quote-type=magazine] .author:after,blockquote[data-quote-type=magazine] h4:after{top:-30px}}',"",{version:3,sources:["webpack://./stories/atoms/blockquote/blockquote.scss"],names:[],mappings:"AAAA,WAAA,kDACE,CAAA,YACA,CAAA,kBACA,CAAA,iBACA,CAAA,mBAEA,iBACE,CAAA,gCACA,CAAA,eACA,CAAA,kEAIJ,aACE,CAAA,eACA,CAAA,iBACA,CAAA,uCACA,CAAA,qBACA,CAAA,yBAEA,kEAPF,kBAQI,CAAA,CAAA,oLAGF,eACE,CAAA,6BACA,CAAA,gQAEA,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,yBAEA,gQAVF,iBAWI,CAAA,CAAA,0aAKN,UACE,CAAA,iBACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,wDACA,CAAA,oBACA,CAAA,sBACA,CAAA,wBACA,CAAA,yBAEA,0aAXF,iBAYI,CAAA,CAAA,0JAIJ,iBACE,CAAA,eACA,CAAA,gBACA,CAAA,kBACA,CAAA,eACA,CAAA,wCACA,CAAA,cACA,CAAA,sLAEA,YACE,CAAA,iBACA,CAAA,QACA,CAAA,gBACA,CAAA,kLAGF,iBACE,CAAA,SACA,CAAA,MACA,CAAA,yBAGF,0JAtBF,cAuBI,CAAA,iBACA,CAAA,cACA,CAAA,eACA,CAAA,eACA,CAAA,kLAEA,SACE,CAAA",sourcesContent:['blockquote {\n border-left: 6px solid var(--theme-color-secondary);\n margin: 2em 0;\n padding-left: 1.2em;\n font-style: italic;\n\n .author {\n font-style: normal;\n font-size: var(--font-size-small);\n line-height: 1.2;\n }\n}\n\n.magazine-article blockquote, blockquote[data-quote-type=\'magazine\'] {\n border-left: 0;\n font-weight: 300;\n font-style: normal;\n margin: calc(var(--section-margin) * 0.6) 0;\n padding: 0 20px 0 40px;\n\n @media(max-width: 767px) {\n padding: 0 0 0 20px;\n }\n\n p:not(.author), div.text {\n line-height: 1.3;\n font-size: var(--font-size-h2);\n\n &:first-child:before {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n }\n\n p:not(.author):last-child:after, div.text:last-child:after, .author:after, h4:after {\n content: "";\n position: relative;\n display: block;\n width: 30px;\n height: 30px;\n background-image: url(\'../../assets/img/quote.svg\');\n background-size: 100%;\n margin: 2px 0 2px -40px;\n transform: rotate(180deg);\n\n @media(max-width: 767px) {\n margin-left: -20px;\n }\n }\n\n .author, h4 {\n position: relative;\n font-weight: 400;\n text-align: right;\n margin-right: -20px;\n margin-top: 36px;\n font-family: "Source Sans Pro", sans-serif;\n font-size: 18px;\n\n &:before {\n content: "— ";\n position: relative;\n top: -1px;\n margin-right: 2px;\n }\n\n &:after {\n position: absolute;\n top: -36px;\n left: 0;\n }\n\n @media(max-width: 767px) {\n margin-right: 0;\n padding-left: 30px;\n font-size: 16px;\n font-weight: 500;\n margin-top: 32px;\n\n &:after {\n top: -30px;\n }\n }\n }\n}'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.infobox{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.infobox,.richtext div.strong,article.col div.strong{position:relative;margin:calc(3% + 26px) 0;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);border-radius:calc(4*(var(--border-radius-xs)));overflow:hidden}@media(max-width: 767px){.infobox,.richtext div.strong,article.col div.strong{border-radius:calc(2*(var(--border-radius-xs)));padding-top:calc(2*var(--content-box-padding));padding-bottom:calc(2*var(--content-box-padding))}}.infobox:after,.richtext div.strong:after,article.col div.strong:after{content:"";display:block;width:100%;height:var(--border-width);background:var(--theme-color-secondary);position:absolute;left:0;bottom:0}.infobox.success,.richtext div.strong.success,article.col div.strong.success{background-color:var(--theme-color-success-dimmed)}.infobox.success:after,.richtext div.strong.success:after,article.col div.strong.success:after{background:var(--theme-color-success)}.infobox.error,.richtext div.strong.error,article.col div.strong.error{background-color:var(--theme-color-error-dimmed)}.infobox.error:after,.richtext div.strong.error:after,article.col div.strong.error:after{background:var(--theme-color-error)}.infobox.warning,.richtext div.strong.warning,article.col div.strong.warning{background-color:var(--theme-color-warning-dimmed)}.infobox.warning:after,.richtext div.strong.warning:after,article.col div.strong.warning:after{background:var(--theme-color-warning)}.infobox.secondary,.richtext div.strong.secondary,article.col div.strong.secondary{background-color:var(--theme-color-primary-dimmed-04)}.infobox.secondary:after,.richtext div.strong.secondary:after,article.col div.strong.secondary:after{background:var(--theme-color-primary)}.infobox.secondary blockquote,.richtext div.strong.secondary blockquote,article.col div.strong.secondary blockquote{border-left-color:var(--theme-color-primary)}.infobox.secondary .icon-box,.richtext div.strong.secondary .icon-box,article.col div.strong.secondary .icon-box{color:var(--theme-color-primary)}.infobox>*:first-child,.richtext div.strong>*:first-child,article.col div.strong>*:first-child{margin-top:-0.4em}.infobox>*:last-child,.richtext div.strong>*:last-child,article.col div.strong>*:last-child{margin-bottom:-0.4em}.infobox:first-child,.richtext div.strong:first-child,article.col div.strong:first-child{margin-top:0}.infobox:last-child,.richtext div.strong:last-child,article.col div.strong:last-child{margin-bottom:0}.infobox .infobox--content,.richtext div.strong .infobox--content,article.col div.strong .infobox--content{flex:1}.infobox .icon-box,.richtext div.strong .icon-box,article.col div.strong .icon-box{flex-shrink:0;margin-top:-15px;width:76px;height:76px;font-size:76px;line-height:76px;font-family:"Pictograms",sans-serif;color:var(--theme-color-secondary)}@media(max-width: 767px){.infobox .icon-box,.richtext div.strong .icon-box,article.col div.strong .icon-box{position:absolute;right:15px;top:15px;margin-top:0}}@media(max-width: 767px){.infobox h2,.infobox .like-h2,.richtext div.strong h2,.richtext div.strong .like-h2,article.col div.strong h2,article.col div.strong .like-h2{padding-right:90px}}@media(max-width: 767px){.infobox p.kicker,.richtext div.strong p.kicker,article.col div.strong p.kicker{padding-right:90px}}.snippingTool{margin:calc(3% + 26px) 50px;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);width:652px}.snippingTool .topicSnippingTool{margin:10px 0}.snippingTool .snippingToolLink{font-size:var(--font-size-xs);margin:5px 0 0}.snippingTool .snippingToolTitle{margin:0}.snippingTool .snippingToolDescription{font-size:var(--font-size-xs)}',"",{version:3,sources:["webpack://./stories/components/infobox/infobox.scss"],names:[],mappings:"AAIA,SACE,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,QAAA,CAGF,qDAGE,iBAAA,CACA,wBAAA,CACA,oDAAA,CACA,kCAAA,CACA,+CAAA,CACA,eAAA,CACA,yBATF,qDAUI,+CAAA,CACA,8CAAA,CACA,iDAAA,CAAA,CAGF,uEACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,0BAAA,CACA,uCAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CAGF,6EACE,kDAAA,CACA,+FACE,qCAAA,CAIJ,uEACE,gDAAA,CACA,yFACE,mCAAA,CAIJ,6EACE,kDAAA,CACA,+FACE,qCAAA,CAIJ,mFACE,qDAAA,CACA,qGACE,qCAAA,CAEF,oHACE,4CAAA,CAEF,iHACE,gCAAA,CAIJ,+FACE,iBAAA,CAGF,4FACE,oBAAA,CAGF,yFACE,YAAA,CAGF,sFACE,eAAA,CAEF,2GACE,MAAA,CAEF,mFACE,aAAA,CACA,gBAAA,CACA,UAAA,CACA,WAAA,CACA,cAAA,CACA,gBAAA,CACA,mCAAA,CACA,kCAAA,CACA,yBATF,mFAUI,iBAAA,CACA,UAAA,CACA,QAAA,CACA,YAAA,CAAA,CAIF,yBADF,8IAEI,kBAAA,CAAA,CAIF,yBADF,gFAEI,kBAAA,CAAA,CAKN,cACE,2BAAA,CACA,oDAAA,CACA,kCAAA,CACA,WAAA,CAEA,iCACE,aAAA,CAGF,gCACE,6BAAA,CACA,cAAA,CAGF,iCACE,QAAA,CAGF,uCACE,6BAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n\n.infobox {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 60px;\n}\n\n.infobox,\n.richtext div.strong,\narticle.col div.strong {\n position: relative;\n margin: calc(3% + 26px) 0;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n border-radius: calc(4 * (var(--border-radius-xs)));\n overflow: hidden;\n @media (max-width: 767px) {\n border-radius: calc(2 * (var(--border-radius-xs)));\n padding-top: calc(2 * var(--content-box-padding));\n padding-bottom: calc(2 * var(--content-box-padding));\n }\n\n &:after {\n content: \"\";\n display: block;\n width: 100%;\n height: var(--border-width);\n background: var(--theme-color-secondary);\n position: absolute;\n left: 0;\n bottom: 0;\n }\n\n &.success {\n background-color: var(--theme-color-success-dimmed);\n &:after {\n background: var(--theme-color-success);\n }\n }\n\n &.error {\n background-color: var(--theme-color-error-dimmed);\n &:after {\n background: var(--theme-color-error);\n }\n }\n\n &.warning {\n background-color: var(--theme-color-warning-dimmed);\n &:after {\n background: var(--theme-color-warning);\n }\n }\n\n &.secondary {\n background-color: var(--theme-color-primary-dimmed-04);\n &:after {\n background: var(--theme-color-primary);\n }\n blockquote {\n border-left-color: var(--theme-color-primary);\n }\n .icon-box {\n color: var(--theme-color-primary);\n }\n }\n\n > *:first-child {\n margin-top: -0.4em;\n }\n\n > *:last-child {\n margin-bottom: -0.4em;\n }\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n .infobox--content {\n flex: 1;\n }\n .icon-box {\n flex-shrink: 0;\n margin-top: -15px;\n width: 76px;\n height: 76px;\n font-size: 76px;\n line-height: 76px;\n font-family: \"Pictograms\", sans-serif;\n color: var(--theme-color-secondary);\n @media (max-width: 767px) {\n position: absolute;\n right: 15px;\n top: 15px;\n margin-top: 0;\n }\n }\n h2, .like-h2 {\n @media (max-width: 767px) {\n padding-right: 90px;\n }\n }\n p.kicker {\n @media (max-width: 767px) {\n padding-right: 90px;\n }\n }\n}\n\n.snippingTool {\n margin: calc(3% + 26px) 50px;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n width: 652px;\n\n .topicSnippingTool {\n margin: 10px 0;\n }\n\n .snippingToolLink {\n font-size: var(--font-size-xs);\n margin: 5px 0 0;\n }\n\n .snippingToolTitle {\n margin: 0;\n }\n\n .snippingToolDescription {\n font-size: var(--font-size-xs);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/magazine-article/magazine-article.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".magazine-article article.col,.magazine-article.col{position:relative;z-index:1;width:880px;max-width:66.6667%;background-color:#fff;margin:0 auto;padding-bottom:0}@media(max-width: 1199px){.magazine-article article.col,.magazine-article.col{max-width:83.3333%}}@media(max-width: 999px){.magazine-article article.col,.magazine-article.col{box-shadow:0 0 0 10px #fff}}@media(max-width: 767px){.magazine-article article.col,.magazine-article.col{max-width:100%;box-shadow:0 -4px 0 2px #fff}}.magazine-article article.col .print-share,.magazine-article.col .print-share{margin-bottom:0}.magazine-article article.col .print-share .bookmarks.show-bookmarks,.magazine-article.col .print-share .bookmarks.show-bookmarks{margin-bottom:1em}.magazine-article article.col .author-date,.magazine-article.col .author-date{margin:-18px 0 30px 0}@media(max-width: 999px){.magazine-article article.col .author-date,.magazine-article.col .author-date{margin-top:-8px}}@media(max-width: 767px){.magazine-article article.col .author-date,.magazine-article.col .author-date{font-size:18px;margin-top:-4px}}.magazine-article article.col .image-box img,.magazine-article.col .image-box img{max-width:100%}@media(min-width: 568px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{float:left;margin:.3em 20px 1em 0;width:calc(50% - 10px)}}@media(min-width: 768px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 40px 1em calc(-12.5% - 5px);width:calc(50% - 20px)}}@media(min-width: 768px)and (max-width: 1199px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 30px 1em calc(-10% - 3px);width:calc(50% - 15px)}}@media(min-width: 768px)and (max-width: 999px){.magazine-article article.col .image-box.off-grid,.magazine-article.col .image-box.off-grid{margin:.3em 20px 1em calc(-10% - 2px);width:calc(50% - 10px)}}.magazine-article article.col .image-box.off-grid~*:not(p),.magazine-article.col .image-box.off-grid~*:not(p){clear:left}.magazine-article article.col .image-box.portrait,.magazine-article.col .image-box.portrait{display:flex;justify-content:center;flex-flow:column}.magazine-article article.col .image-box.portrait img,.magazine-article article.col .image-box.portrait figcaption,.magazine-article.col .image-box.portrait img,.magazine-article.col .image-box.portrait figcaption{align-self:center}","",{version:3,sources:["webpack://./stories/components/magazine-article/magazine-article.scss"],names:[],mappings:"AAGA,oDACE,iBAAA,CACA,SAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CACA,aAAA,CACA,gBAAA,CAEA,0BATF,oDAUI,kBAAA,CAAA,CAEF,yBAZF,oDAaI,0BAAA,CAAA,CAEF,yBAfF,oDAgBI,cAAA,CACA,4BAAA,CAAA,CAGF,8EACE,eAAA,CAGF,kIACE,iBAAA,CAGF,8EACE,qBAAA,CACA,yBAFF,8EAGI,eAAA,CAAA,CAEF,yBALF,8EAMI,cAAA,CACA,eAAA,CAAA,CAKF,kFACE,cAAA,CAIA,yBADF,4FAEI,UAAA,CACA,sBAAA,CACA,sBAAA,CAAA,CAGF,yBAPF,4FAQI,uCAAA,CACA,sBAAA,CAAA,CAEA,gDAXJ,4FAYM,qCAAA,CACA,sBAAA,CAAA,CAGF,+CAhBJ,4FAiBM,qCAAA,CACA,sBAAA,CAAA,CAIJ,8GACE,UAAA,CAIJ,4FACE,YAAA,CACA,sBAAA,CACA,gBAAA,CACA,sNACE,iBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.magazine-article article.col, .magazine-article.col {\n position: relative;\n z-index: 1;\n width: 880px;\n max-width: 66.6667%;\n background-color: #fff;\n margin: 0 auto;\n padding-bottom: 0;\n\n @media(max-width: 1199px) {\n max-width: 83.3333%;\n }\n @media(max-width: 999px) {\n box-shadow: 0 0 0 10px white;\n }\n @media(max-width: 767px) {\n max-width: 100%;\n box-shadow: 0 -4px 0 2px white;\n }\n\n .print-share {\n margin-bottom: 0;\n }\n\n .print-share .bookmarks.show-bookmarks {\n margin-bottom: 1em;\n }\n\n .author-date {\n margin: -18px 0 30px 0;\n @media(max-width: 999px) {\n margin-top: -8px;\n }\n @media(max-width: 767px) {\n font-size: 18px;\n margin-top: -4px;\n }\n }\n\n .image-box {\n img {\n max-width: 100%;\n }\n\n &.off-grid{\n @media(min-width: 568px) {\n float: left;\n margin: 0.3em 20px 1em 0;\n width: calc(50% - 10px);\n }\n\n @media(min-width: 768px) {\n margin: 0.3em 40px 1em calc(-12.5% - 5px);\n width: calc(50% - 20px);\n\n @media(max-width: 1199px) {\n margin: 0.3em 30px 1em calc(-10% - 3px);\n width: calc(50% - 15px);\n }\n\n @media(max-width: 999px) {\n margin: 0.3em 20px 1em calc(-10% - 2px);\n width: calc(50% - 10px);\n }\n }\n\n ~ *:not(p) {\n clear: left;\n }\n }\n\n &.portrait{\n display: flex;\n justify-content: center;\n flex-flow: column;\n img, figcaption{\n align-self: center;\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/assets/img/quote.svg":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__.p+"static/media/quote.ed16cf43.svg"}}]);
|
