1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[480],{3127:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/stories/[slug]",function(){return t(8470)}])},5467:function(n,e,t){"use strict";var o=t(3288),i=t(2466),r=t(6260);t(5601),t(9739),t(9384);let l=n=>{let{alt:e,src:t,srcset:l,sizes:a,...c}=n,s=(0,i.useMemo)(()=>a&&Object.values(a).length>0?Object.values(a)[0]:t,[a,t]);return(0,o.jsx)(r.Z,{...c,children:(0,o.jsx)("img",{"data-srcset":null==l?void 0:l.join(","),"data-src":t,"data-sizes":"auto",src:s,alt:e,className:"lazyload"},t)})};e.Z=l},8665:function(n,e,t){"use strict";var o=t(3463),i=t(2473),r=t(6008),l=t(2637);function a(){let n=(0,o.Z)(["\n justify-content: flex-start;\n "]);return a=function(){return n},n}function c(){let n=(0,o.Z)(["\n width: 100%;\n position: relative;\n\n .imageSource {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n font-size: 14px;\n margin-top: 4px;\n\n ","\n\n .sourceTitle {\n }\n\n a {\n display: flex;\n color: ",";\n text-decoration: underline;\n margin-left: 8px;\n\n svg {\n fill: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n"]);return c=function(){return n},n}let s=i.ZP.div.withConfig({componentId:"sc-c25945c7-0"})(c(),l.Z.lg(a()),r.ZP.colors.blue300);e.Z=s},7740:function(n,e,t){"use strict";var o=t(3288);t(2466);var i=t(5467),r=t(8665),l=t(6111);let a=n=>{let{image:e,source_link:t,source:a,...c}=n;return(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(i.Z,{...e,...c}),(a||t)&&(0,o.jsxs)("div",{className:"imageSource",children:[a&&(0,o.jsx)("div",{className:"sourceTitle",children:a}),t&&t.url&&t.text&&(0,o.jsx)(l.Z,{href:t.url,children:t.text})]})]})};e.Z=a},8561:function(n,e,t){"use strict";t.d(e,{g:function(){return l}});var o=t(2466),i=t(4019);let r=n=>(0,o.useMemo)(()=>"shade_light"===n?i.z4.light:"medium-theme"===n?i.z4.medium:"shade_dark"===n?i.z4.dark:i.z4.overwrite,[n]),l=n=>"shade_light"!==n.theme&&"shade_dark"!==n.theme?n.theme:null;e.Z=r},3861:function(n,e,t){"use strict";var o=t(3463),i=t(2473),r=t(1425),l=t(6008),a=t(8665),c=t(6260),s=t(8362);function u(){let n=(0,o.Z)(["\n opacity: ",";\n "]);return u=function(){return n},n}function d(){let n=(0,o.Z)(["\n opacity: ",";\n "]);return d=function(){return n},n}function h(){let n=(0,o.Z)(["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;
1\n align-items: center;\n\n .video-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n\n &:hover {\n .video-play-btn {\n ","\n\n opacity: 1;\n }\n\n .video-rewind-btn,\n .video-forward-btn {\n ","\n\n opacity: 1;\n }\n }\n }\n\n .video-wrap-inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n > div:first-of-type {\n pointer-events: none;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n > div > div > div {\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n video {\n width: auto !important;\n height: auto !important;\n max-width: 100%;\n max-height: 100%;\n }\n\n .video-duration {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 32px;\n background-color: rgba(0, 0, 0, 0.5);\n\n .time-played,\n .time-total {\n position: absolute;\n top: 8px;\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 150% */\n letter-spacing: 0.2px;\n }\n\n .time-played {\n left: 20px;\n }\n\n .time-total {\n right: 20px;\n }\n\n &-bar {\n position: absolute;\n top: 15px;\n left: 66px;\n right: 66px;\n width: calc(100% - 136px);\n height: 2px;\n display: block;\n background: ",";\n transform: scaleX(1);\n transform-origin: left center;\n }\n\n &-bar-bg {\n position: absolute;\n top: 15px;\n left: 66px;\n right: 66px;\n width: calc(100% - 136px);\n height: 2px;\n display: block;\n background: ",";\n opacity: 0.25;\n }\n }\n\n "," {\n position: relative;\n width: 100%;\n height: 100%;\n\n "," {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n }\n\n .player .vp-video-wrapper video {\n object-fit: cover;\n }\n\n .video-play-btn {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: ",";\n transition: opacity 0.4s;\n cursor: pointer;\n z-index: 1;\n height: 60px;\n width: 60px;\n border-radius: 100%;\n\n button {\n padding: 0;\n height: 100%;\n width: 100%;\n border-radius: 100%;\n overflow: hidden;\n background-color: ",";\n color: ",";\n justify-content: center;\n border: none;\n\n &:hover {\n "," svg {\n transform: scale(1.1);\n }\n }\n }\n\n "," {\n display: flex;\n height: 32px;\n width: 32px;\n margin-left: 0;\n\n &:after {\n content: none;\n }\n\n svg {\n height: 100%;\n width: 100%;\n }\n }\n }\n\n .video-rewind-btn,\n .video-forward-btn {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 48px;\n height: 48px;\n border-radius: 100%;\n color: ",";\n background: ",";\n cursor: pointer;\n opacity: ",";\n transition: opacity 0.4s;\n\n "," svg {\n fill: none;\n }\n }\n\n .video-rewind-btn {\n margin-left: -80px;\n }\n\n .video-forward-btn {\n margin-left: 80px;\n }\n\n .video-caption {\n position: absolute;\n bottom: 0;\n z-index: 1;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n padding: 7px 12px 9px;\n color: ",";\n background: rgba(10, 14, 15, 0.75);\n }\n\n .video-subtitles {\n position: absolute;\n bottom: 50px;\n left: 20px;\n right: 20px;\n display: flex;\n justify-content: center;\n\n &-inner {\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n .sub-word {\n position: relative;\n display: inline-block;\n color: ",";\n font-size: 16px;\n line-height: 1.5;\n padding: 0;\n margin: 0 2px;\n\n span {\n position: relative;\n z-index: 1;\n }\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: -2px;\n right: -2px;\n bottom: 0;\n display: block;\n background-color: rgba(0, 0, 0, 0.5);\n }\n }\n }\n }\n"]);return h=function(){return n},n}let g=i.ZP.div.withConfig({componentId:"sc-76ea3dbd-0"})(h(),r.Z.lg(u(),n=>n.playing?0:1),r.Z.lg(d(),n=>n.playing?0:1),l.ZP.colors.white,l.ZP.colors.white,l.ZP.colors.white,a.Z,c.Z,n=>n.playing?0:1,l.ZP.colors.white,l.ZP.colors.blue300,s.Z,s.Z,l.ZP.colors.white,l.ZP.colors.blue300,n=>n.playing?0:1,s.Z,l.ZP.colors.white,l.ZP.colors.white);e.Z=g},6e3:function(n,e,t){"use strict";var o=t(3288);t(2466);var i=t(8302),r=t(5467),l=t(3094),a=t(3487),c=t(6008);let s={orange:{bg:c.ZP.colors.orange200,text:c.ZP.colors.blue300},yellow:{bg:c.ZP.colors.yellow200,text:c.ZP.colors.blue300},blue:{bg:c.ZP.colors.brightBlue300,text:c.ZP.colors.blue300},dark_blue:{bg:c.ZP.colors.blue300,text:c.ZP.colors.white}},u=n=>{let{title:e,slug:t,header_image:c,theme:u}=n;return(0,o.jsx)(i.Z,{theme:s[u?u.replace("color_",""):"dark_blue"],children:(0,o.jsxs)(l.Z,{href:t,children:[c&&(0,o.jsx)(r.Z,{..."image"in c?c.image:c}),(0,o.jsxs)("div",{className:"title",children:[(0,o.jsxs)("div",{className:"storycard-tag",children:[(0,o.jsx)(a.Z,{name:"storycards_tag",size:20}),"Story"]}),e&&(0,o.jsx)("h3",{children:e}),(0,o.jsxs)("div",{className:"arrow",children:[(0,o.jsx)(a.Z,{name:"arrow_right",size:32}),(0,o.jsx)(a.Z,{name:"arrow_right",className:"arrow-hover",size:32})]})]})]})})};e.Z=u},1582:function(n,e,t){"use strict";t.d(e,{ww:function(){return r},aG:function(){return l},ZP:function(){return ed},np:function(){return ea}});var o,i,r,l,a=t(3288),c=t(2466),s=t(3463),u=t(2473),d=t(2637),h=t(6008),g=t(1425);function p(){let n=(0,s.Z)(["\n 0% {\n opacity: 0;\n transform: translateX(460px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n"]);return p=function(){return n},n}function m(){let n=(0,s.Z)(["\n min-height: 100vh;\n "]);return m=function(){return n},n}function f(){let n=(0,s.Z)(["\n padding: 20px 0;\n height: auto;\n "]);return f=function(){return n},n}function x(){let n=(0,s.Z)(["\n margin: 0;\n padding: 0;\n "]);return x=function(){return n},n}function b(){let n=(0,s.Z)(["\n width: 375px;\n height: auto;\n aspect-ratio: 375 / 636;\n opacity: 0;\n animation: "," 1s cubic-bezier(.39,.65,.13,.99) forwards;\n animation-delay: 0.9s;
1\n\n &:nth-child(1) {\n animation-delay: 0s;\n }\n\n &:nth-child(2) {\n animation-delay: 0.15s;\n }\n\n &:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n &:nth-child(4) {\n animation-delay: 0.45s;\n }\n\n &:nth-child(5) {\n animation-delay: 0.6s;\n }\n\n &:nth-child(6) {\n animation-delay: 0.75s;\n }\n "]);return b=function(){return n},n}function w(){let n=(0,s.Z)(["\n border-radius: 17px;\n transition: opacity 0.5s, transform 1s cubic-bezier(0.19,1,0.22,1);\n opacity: ",";\n "]);return w=function(){return n},n}function v(){let n=(0,s.Z)(["\n transform: translateX(","px) scale(1.05);\n "]);return v=function(){return n},n}function Z(){let n=(0,s.Z)(["\n bottom: auto;\n top: calc(50% + 380px);\n "]);return Z=function(){return n},n}function y(){let n=(0,s.Z)(["\n background-color: ",";\n "]);return y=function(){return n},n}function k(){let n=(0,s.Z)(["@media(max-height: 765px) {\n background-color: ",";\n "]);return k=function(){return n},n}function P(){let n=(0,s.Z)(["\n display: flex;\n "]);return P=function(){return n},n}function z(){let n=(0,s.Z)(["\n top: 40px;\n right: 40px;\n // height: 60px;\n // width: 60px;\n "]);return z=function(){return n},n}function j(){let n=(0,s.Z)(["\n top: calc(50% - 400px);\n "]);return j=function(){return n},n}function _(){let n=(0,s.Z)(["\n background-color: ",";\n "]);return _=function(){return n},n}function C(){let n=(0,s.Z)(["@media(max-height: 765px) {\n background-color: ",";\n "]);return C=function(){return n},n}function S(){let n=(0,s.Z)(["\n position: relative;\n z-index: 3;\n display: flex;\n align-items: center;\n min-height: var(--app-height);\n background-color: ",";\n\n ","\n\n .swiper {\n padding: 0;\n height: var(--app-height);\n width: 100%;\n transition: opacity 1s ease;\n opacity: ",";\n\n ","\n }\n\n .swiper-wrapper {\n ","\n }\n\n .swiper-slide {\n width: 100vw;\n height: 100%;\n\n ","\n\n .swiper-slide-inner {\n width: 100%;\n height: 100%;\n overflow: hidden;\n opacity: ",";\n\n ","\n }\n }\n\n .swiper-slide-active {\n .swiper-slide-inner {\n opacity: 1;\n\n ","\n }\n }\n\n .swiper-controls {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 45px;\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n gap: 24px;\n\n ","\n\n .swiper-pagination {\n position: relative;\n top: auto;\n bottom: auto;\n left: auto;\n transform: none;\n margin-left: 40px;\n margin-right: 40px;\n }\n\n .swiper-pagination-bullet {\n background-color: ",';\n width: 10px;\n height: 10px;\n border-radius: 30%;\n content: "','";\n\n ',"\n\n ","}\n }\n \n .swiper-button-prev,\n .swiper-button-next {\n position: relative;\n top: 0;\n margin-top: 0;\n left: auto;\n right: auto;\n transform: none;\n display: none;\n width: auto;\n height: auto;\n\n ","\n\n &:after {\n content: none;\n }\n }\n\n .swiper-button-prev {\n transform: scaleX(-1);\n }\n }\n\n .sw-close-btn {\n position: absolute;\n top: 20px;\n right: 20px;\n z-index: 1;\n min-height: auto;\n //height: 45px;\n //width: 45px;\n\n ","\n }\n \n \n .sw-nav {\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n z-index: 1;\n pointer-events: none;\n \n ","\n }\n\n .sw-pagination {\n width: 100%;\n height: 100%;\n \n &-inner {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n top: auto;\n bottom: auto;\n text-align: center;\n }\n \n .swiper-pagination-bullet {\n background-color: ",";\n ","\n\n ","}\n \n width: 6px;\n height: 6px;\n border-radius: 6px;\n display: inline-block;\n transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out, background-color 0.25s ease-in-out,\n width 0.25s ease-in-out;\n opacity: 0.3;\n }\n \n .swiper-pagination-bullet-active {\n opacity: 1;\n width: 28px;\n }\n \n .swiper-pagination-bullet-active-next,\n .swiper-pagination-bullet-active-prev {\n opacity: 0.6;\n }\n \n .swiper-pagination-bullet-active-next-next,\n .swiper-pagination-bullet-active-prev-prev {\n opacity: 0.3;\n }\n }\n"]);return S=function(){return n},n}let L=(0,u.F4)(p()),I=u.ZP.div.withConfig({componentId:"sc-4074b417-0"})(S(),h.ZP.colors.black,d.Z.lg(m()),n=>n.swiperReady?1:0,d.Z.lg(f()),d.Z.lg(x()),d.Z.md(b(),L),n=>n.swiperReady?1:0,d.Z.md(w(),n=>n.swiperReady?.5:0),d.Z.md(v(),n=>n.swiperReady?0:461),d.Z.lg(Z()),h.ZP.colors.white,n=>n.paginationStyle,g.Z.lg(y(),n=>n.paginationStyle===r.light?h.ZP.colors.white:h.ZP.colors.black),(0,u.iv)(k(),n=>n.paginationStyle===r.light?h.ZP.colors.white:h.ZP.colors.black),d.Z.lg(P()),d.Z.lg(z()),d.Z.lg(j()),h.ZP.colors.white,g.Z.lg(_(),n=>n.paginationStyle===r.light?h.ZP.colors.black:h.ZP.colors.white),(0,u.iv)(C(),n=>n.paginationStyle===r.light?h.ZP.colors.black:h.ZP.colors.white));var M=t(230),A=t(8082),N=t(1395),q=t(9738),B=t(9866),T=t(4648);function J(){let n=(0,s.Z)(["\n height: 100%;\n "]);return J=function(){return n},n}function E(){let n=(0,s.Z)(["\n position: relative;\n width: 100%;\n height: var(--app-height);\n\n ","\n"]);return E=function(){return n},n}let R=u.ZP.div.withConfig({componentId:"sc-6af71a49-0"})(E(),d.Z.lg(J()));var X=t(6731),O=t.n(X),Y=t(8569),V=t.n(Y);let F=V()(()=>Promise.all([t.e(5905),t.e(3792)]).then(t.bind(t,3792)),{loadableGenerated:{webpack:()=>[3792]},ssr:!1}),G=n=>{let{title:e,theme:t,image:o,video:i,url:l,active:c,playVideoOnHover:s}=n;return(0,a.jsx)(R,{active:c,children:l?(0,a.jsx)(O(),{href:l,scroll:!1,title:"Lees het verhaal: ".concat(e),"aria-label":"Lees het verhaal: ".concat(e),children:(0,a.jsx)(F,{title:e,theme:t,image:o,video:i,url:l,active:c,playVideoOnHover:s,paginationStyle:r.light})}):(0,a.jsx)(F,{title:e,theme:t,image:o,video:i,url:l,active:c,playVideoOnHover:s,paginationStyle:r.light})})};var H=t(6260),U=t(3743),D=t(8362),W=t(8302);function K(){let n=(0,s.Z)(["\n display: flex;\n flex-direction: column;\n justify-content: center;
1\n align-items: center;\n background: ",";\n color: ",";\n height: var(--app-height);\n max-height: 100%;\n\n h5 {\n font-family: ",";\n text-transform: none;\n text-align: center;\n font-size: 34px;\n font-style: normal;\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 20px;\n }\n\n h6 {\n font-family: ",";\n text-transform: none;\n text-align: center;\n font-size: 28px;\n font-style: normal;\n font-weight: 700;\n line-height: 1.2;\n margin: 30px 0 14px;\n opacity: 0.9;\n }\n\n p {\n font-weight: 300;\n font-size: 14px;\n line-height: 1.3;\n opacity: 0.9;\n text-align: center;\n }\n\n "," {\n a {\n padding: 12px;\n width: calc(100% - 24px);\n height: calc(100% - 24px);\n }\n\n .title {\n padding: 14px 7px 8px 11px;\n\n h3 {\n font-size: 16px;\n width: calc(100% - 18px);\n }\n }\n\n "," {\n width: 18px;\n height: 18px;\n }\n\n .storycard-tag {\n top: -12px;\n padding: 2px 7px 1px 5px;\n font-size: 10px;\n letter-spacing: 0.111px;\n\n "," {\n width: 11px;\n height: 11px;\n }\n }\n\n .arrow {\n left: -5px;\n }\n\n .arrow-hover {\n clip-path: circle(120% at -180% 50%);\n\n &:after {\n width: 28px;\n height: 26px;\n }\n }\n\n a:hover {\n .title {\n .arrow-hover {\n clip-path: circle(120% at 60% 50%);\n }\n }\n }\n }\n\n .vertical-spacer {\n height: 100%;\n }\n\n .closer-content {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex: 1;\n width: 100%;\n max-width: 270px;\n z-index: 1;\n }\n\n .closer-bg {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n color: ",";\n\n "," {\n width: 100%;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n }\n\n .closer-share-credits {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: auto;\n }\n\n .closer-tags {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n padding-top: 64px;\n margin-bottom: 10px;\n }\n\n .closer-share-preview {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: center;\n width: 100%;\n text-align: center;\n max-width: 220px;\n flex: 1;\n\n "," {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &-title {\n position: relative;\n z-index: 3;\n font-weight: 600;\n font-size: 24px;\n line-height: 1;\n margin-bottom: 4px;\n }\n\n &-subtitle {\n position: relative;\n z-index: 3;\n font-size: 14px;\n line-height: 20px;\n font-weight: 400;\n }\n }\n\n .share-bar {\n "," {\n gap: 10px;\n\n "," {\n width: 100%;\n height: 100%;\n\n svg {\n width: auto;\n height: 100%;\n }\n }\n\n a {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n height: 48px;\n width: 48px;\n border-radius: 100%;\n border: 1px solid ",";\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n\n "," {\n color: ",";\n }\n }\n }\n }\n }\n\n .closer-credits {\n position: relative;\n z-index: 1;\n width: 220px;\n margin: 0 auto;\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n font-weight: 400;\n color: ",";\n }\n\n .closer-related {\n position: relative;\n z-index: 1;\n margin-top: auto;\n width: calc(100% - 36px);\n padding: 16px 18px 40px;\n\n &-title {\n font-weight: 500;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 4px;\n color: ",";\n }\n }\n"]);return K=function(){return n},n}let Q=u.ZP.div.withConfig({componentId:"sc-cc29dfa2-0"})(K(),h.ZP.colors.blue300,h.ZP.colors.white,h.ZP.fonts.default,h.ZP.fonts.default,W.Z,D.Z,D.Z,h.ZP.colors.black,D.Z,H.Z,U.Z,D.Z,h.ZP.colors.white,h.ZP.colors.white,h.ZP.colors.blue300,h.ZP.colors.white,D.Z,h.ZP.colors.blue300,h.ZP.colors.white,h.ZP.colors.white);var $=t(7361);let nn=(n,e,t)=>{switch(n){case"facebook":return"https://www.facebook.com/sharer/sharer.php?u=".concat(e).concat(t?"&t=".concat(t):"");case"twitter":return"http://www.twitter.com/share?url=".concat(e).concat(t?"&text=".concat(t):"");case"linkedin":return"https://www.linkedin.com/sharing/share-offsite/?url=".concat("https://watersnoodmuseum.nl").concat(e);case"whatsapp":return"https://wa.me/?text=Ga naar ".concat("https://watersnoodmuseum.nl").concat(e," en lees alles over ").concat(t);case"mail":return"mailto:?subject=".concat(t," op Watersnoodmuseum&body=Ga naar ").concat(e," en lees alles over ").concat(t);default:return e}};var ne=t(6e3);let nt=n=>{let{shareTitle:e,relatedStory:t,active:o}=n,{t:i}=(0,A.Z)("common"),r=(0,N.useRouter)();return(0,a.jsxs)(Q,{children:[(0,a.jsx)("div",{className:"vertical-spacer"}),(0,a.jsxs)("div",{className:"closer-content",children:[(0,a.jsx)("h5",{children:i("stories.see_also")}),(0,a.jsx)("div",{className:"closer-share-preview",children:(0,a.jsx)(ne.Z,{...t})}),(0,a.jsx)("h6",{children:i("stories.share_story")}),(0,a.jsx)("div",{className:"share-bar",children:(0,a.jsx)($.Z,{socialUrls:[nn("facebook",r.asPath,e),nn("twitter",r.asPath,e),nn("whatsapp",r.asPath,e),nn("linkedin",r.asPath,e)]})})]}),(0,a.jsx)("div",{className:"vertical-spacer"})]})};var no=t(4019);function ni(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return ni=function(){return n},n}function nr(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nr=function(){return n},n}function nl(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nl=function(){return n},n}function na(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return na=function(){return n},n}function nc(){let n=(0,s.Z)(["\n position: relative;\n display: flex;\n justify-content: flex-start;
1\n align-items: center;\n height: var(--app-height);\n max-height: 100%;\n padding: 20px;\n\n .quoteBg {\n position: absolute;\n top: -55px;\n color: ",";\n opacity: 0.5;\n }\n\n figure {\n position: relative;\n margin: 0;\n }\n\n blockquote {\n margin: 0;\n\n p {\n font-size: 34px;\n font-style: normal;\n font-weight: 300;\n line-height: 1.2;\n margin-bottom: 24px;\n }\n\n transition: opacity 1s ease, transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateX(","px);\n }\n\n figcaption {\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 24px;\n transition: opacity 0.75s 1.25s ease, transform 1s 1.25s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateX(","px);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"]);return nc=function(){return n},n}let ns=u.ZP.div.withConfig({componentId:"sc-3eccb3dc-0"})(nc(),h.ZP.colors.white,n=>n.hasActived?1:0,n=>n.hasActived?0:100,n=>n.hasActived?1:0,n=>n.hasActived?0:-20,n=>
1n.themeColorMode===no.z4.light&&(0,u.iv)(ni(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white),n=>n.themeColorMode===no.z4.medium&&(0,u.iv)(nr(),n=>null!==n.theme?ea[n.theme].backgroundColorMedium:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white),n=>n.themeColorMode===no.z4.dark&&(0,u.iv)(nl(),n=>null!==n.theme?ea[n.theme].backgroundColor:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].color:h.ZP.colors.white),n=>n.themeColorMode===no.z4.overwrite&&(0,u.iv)(na(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white));var nu=t(8561),nd=t(3487);let nh=n=>{let{title:e,quoteBy:t,theme:o,parentTheme:i,active:r}=n,[l,s]=(0,c.useState)(!1);(0,c.useEffect)(()=>{r&&s(!0)},[r]);let u=(0,nu.Z)(o);return(0,a.jsx)(ns,{hasActived:l,theme:o&&u===no.z4.overwrite?o:i,themeColorMode:u,children:(0,a.jsxs)("figure",{children:[(0,a.jsx)(nd.Z,{className:"quoteBg",name:"quote",size:100}),(0,a.jsx)("blockquote",{children:(0,a.jsxs)("p",{children:['"',e,'"']})}),t&&(0,a.jsxs)("figcaption",{children:["â ",t]})]})})};var ng=t(7943);function np(){let n=(0,s.Z)(["\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n"]);return np=function(){return n},n}function nm(){let n=(0,s.Z)(["\n animation: "," 1.25s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n "]);return nm=function(){return n},n}function nf(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nf=function(){return n},n}function nx(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nx=function(){return n},n}function nb(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nb=function(){return n},n}function nw(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nw=function(){return n},n}function nv(){let n=(0,s.Z)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n height: var(--app-height);\n max-height: calc(100% - 80px);\n padding: 20px 20px 60px;\n transition: background-color 0.5s;\n\n h4 {\n font-family: ",";\n font-size: 34px;\n font-style: normal;\n font-weight: 700;\n line-height: 1.2;\n margin: 60px 0 0;\n text-transform: none;\n\n transition: opacity 1s 0.25s ease, transform 1.5s 0.25s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateX(","px);\n }\n\n .answers {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n "," {\n margin-bottom: 15px;\n opacity: 0;\n\n ","\n\n &:hover {\n button {\n transform: scale(1.05);\n\n "," {\n background-color: ",";\n }\n }\n }\n\n &:nth-child(1) {\n animation-delay: 1.5s;\n }\n &:nth-child(2) {\n animation-delay: 2s;\n }\n &:nth-child(3) {\n animation-delay: 2.5s;\n }\n &:nth-child(4) {\n animation-delay: 3s;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &.chosen {\n button {\n "," {\n background-color: ",";\n }\n }\n }\n\n &.chosen-correct {\n button {\n "," {\n background-color: ",";\n }\n }\n }\n\n &.not-chosen {\n opacity: ",";\n }\n\n button {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n box-sizing: border-box;\n color: ",";\n background-color: ",";\n border-color: ",";\n width: 100%;\n transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);\n padding: 0 10px 0 20px;\n min-height: 56px;\n white-space: normal;\n text-align: left;\n\n .btn-text {\n display: flex;\n align-items: center;\n padding: 5px 0;\n min-height: 45px;\n }\n\n "," {\n border-radius: 35px;\n transition: background-color 0.35s ease;\n background-color: ",";\n }\n }\n }\n }\n\n .result {\n h4,\n p {\n font-size: 18px;\n font-style: normal;\n line-height: 1.5;\n }\n\n h4 {\n font-size: 24px;\n font-weight: 700;\n }\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"]);return nv=function(){return n},n}let nZ=(0,u.F4)(np()),ny=u.ZP.div.withConfig({componentId:"sc-81f4110d-0"})(nv(),h.ZP.fonts.default,n=>n.hasActived?1:0,n=>n.hasActived?0:100,ng.Z,n=>n.hasActived&&(0,u.iv)(nm(),nZ),D.Z,h.ZP.colors.answer_correct,D.Z,h.ZP.colors.answer_incorrect,D.Z,h.ZP.colors.answer_correct,n=>n.hasActived?.2:0,h.ZP.colors.blue300,h.ZP.colors.white,h.ZP.colors.white,D.Z,n=>ea[n.theme].backgroundColorMedium,n=>
1n.themeColorMode===no.z4.light&&(0,u.iv)(nf(),n=>n.theme?(n.questionAnswered,ea[n.theme].backgroundColorLight):h.ZP.colors.black,n=>n.theme?(n.questionAnswered,ea[n.theme].colorLight):h.ZP.colors.white),n=>n.themeColorMode===no.z4.medium&&(0,u.iv)(nx(),n=>n.theme?n.questionAnswered?ea[n.theme].backgroundColorLight:ea[n.theme].backgroundColorMedium:h.ZP.colors.black,n=>n.theme?n.questionAnswered?ea[n.theme].colorLight:ea[n.theme].color:h.ZP.colors.white),n=>n.themeColorMode===no.z4.dark&&(0,u.iv)(nb(),n=>n.theme?n.questionAnswered?ea[n.theme].backgroundColorLight:ea[n.theme].backgroundColor:h.ZP.colors.black,n=>n.theme?n.questionAnswered?ea[n.theme].colorLight:ea[n.theme].color:h.ZP.colors.white),n=>n.themeColorMode===no.z4.overwrite&&(0,u.iv)(nw(),n=>n.theme?n.questionAnswered?h.ZP.colors.white:ea[n.theme].backgroundColor:h.ZP.colors.black,n=>n.theme?n.questionAnswered?h.ZP.colors.black:ea[n.theme].color:h.ZP.colors.white));var nk=t(7750);let nP=n=>{let{title:e,result:t,answers:o,theme:i,parentTheme:r,active:l}=n,{t:s}=(0,A.Z)("common"),[u,d]=(0,c.useState)(-1),[h,g]=(0,c.useState)(!1),p=(n,e)=>-1===u||u!==e?"arrow_right":u===e&&n.is_correct_answer?"check":u!==e||n.is_correct_answer?void 0:"close";(0,c.useEffect)(()=>{l&&g(!0)},[l]);let m=(0,nu.Z)(i);return(0,a.jsxs)(ny,{hasActived:h,questionAnswered:u>=0,theme:i&&m===no.z4.overwrite?i:r,themeColorMode:m,children:[u>=0?(0,a.jsxs)("div",{className:"result",children:[(0,a.jsxs)("h4",{children:[s("stories.right_answer"),":"]}),(0,a.jsx)("p",{children:t})]}):(0,a.jsx)("h4",{children:e}),(0,a.jsx)("div",{className:"answers",children:o&&o.map((n,e)=>(0,a.jsx)(nk.Z,{className:u>-1?u===e?n.is_correct_answer?"chosen-correct":"chosen":"not-chosen":"",click:()=>{d(e)},text:n.title,icon:p(n,e)},"".concat(n.title,"-").concat(e)))})]})};var nz=t(7740),nj=t(8665);function n_(){let n=(0,s.Z)(["\n top: 20px;\n "]);return n_=function(){return n},n}function nC(){let n=(0,s.Z)(["\n top: 50px;\n transform: translateY(","px);\n\n ","\n "]);return nC=function(){return n},n}function nS(){let n=(0,s.Z)(["\n bottom: 20px;\n transform: translateY(","px);\n "]);return nS=function(){return n},n}function nL(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nL=function(){return n},n}function nI(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nI=function(){return n},n}function nM(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nM=function(){return n},n}function nA(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return nA=function(){return n},n}function nN(){let n=(0,s.Z)(["\n height: 100%;\n\n "," {\n position: relative;\n width: ","%;\n height: 100%;\n left: ","%;\n\n "," {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n transition: filter 0.75s ease;\n filter: blur(","px);\n }\n }\n\n .title {\n font-family: ",";\n text-transform: none;\n position: absolute;\n left: 20px;\n right: 20px;\n padding: 20px 16px 20px;\n margin: 0;\n z-index: 1;\n font-weight: 400;\n border-radius: 10px;\n line-height: 1.2;\n letter-spacing: 0.2px;\n transition: opacity 0.75s 0.5s ease, transform 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n\n ","\n\n ","\n\n ","\n\n ",";\n\n ",";\n\n ","\n\n ","\n\n ","\n\n ","\n }\n"]);return nN=function(){return n},n}let nq=u.ZP.div.withConfig({componentId:"sc-f5e81caf-0"})(nN(),nj.Z,n=>n.isSingle?100:200,n=>n.isSingle?0:n.isLeft?0:-100,H.Z,n=>n.hasActived?0:10,h.ZP.fonts.default,n=>n.hasActived?1:0,n=>n.titleSize===no.Jj.md&&"\n font-size: 16px;\n ",n=>n.titleSize===no.Jj.lg&&"\n font-size: 18px;\n ",n=>n.titleSize===no.Jj.xl&&"\n font-size: 20px;\n ",n=>n.textTop&&(0,u.iv)(nC(),n=>n.hasActived?0:-20,d.Z.lg(n_())),n=>!n.textTop&&(0,u.iv)(nS(),n=>n.hasActived?0:20),n=>
1n.themeColorMode===no.z4.light&&(0,u.iv)(nL(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white),n=>n.themeColorMode===no.z4.medium&&(0,u.iv)(nI(),n=>null!==n.theme?ea[n.theme].backgroundColorMedium:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].color:h.ZP.colors.white),n=>n.themeColorMode===no.z4.dark&&(0,u.iv)(nM(),n=>null!==n.theme?ea[n.theme].backgroundColor:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].color:h.ZP.colors.white),n=>n.themeColorMode===no.z4.overwrite&&(0,u.iv)(nA(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white)),nB=n=>{let{theme:e,parentTheme:t,title:o,image:i,titleSize:r,isLeft:s,isSingle:u,textTop:d,active:h}=n,[g,p]=(0,c.useState)(!1);(0,c.useEffect)(()=>{h&&p(!0)},[h]);let m=(0,c.useMemo)(()=>o?Math.max(16,40-Math.round(.15*o.length)):32,[o]),f=e===l.undefined&&t?l.shade_light:e,x=(0,nu.Z)(f);return(0,a.jsxs)(nq,{hasActived:g,fontSize:m,textTop:d,isLeft:s,isSingle:u,theme:f&&x===no.z4.overwrite?f:t,themeColorMode:x,titleSize:r,children:[i&&(0,a.jsx)(nz.Z,{...i}),o&&(0,a.jsx)("h3",{className:"title",children:o})]})};var nT=t(3861),nJ=t(3532);function nE(){let n=(0,s.Z)(["\n font-size: 18px;\n line-height: 1.5;\n "]);return nE=function(){return n},n}function nR(){let n=(0,s.Z)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n padding: 0;\n\n .video-caption {\n left: 20px;\n }\n\n "," {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n "," {\n border-radius: 0;\n height: 100%;\n width: 100%;\n }\n\n img {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: filter 1.75s ease, transform 5s cubic-bezier(0.19, 1, 0.22, 1);\n filter: blur(","px);\n transform: scale(",");\n }\n }\n\n "," {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n video {\n object-fit: cover;\n width: 100% !important;\n height: 100% !important;\n }\n\n .video-wrap {\n height: 100%;\n width: 100%;\n }\n }\n "]);return nR=function(){return n},n}function nX(){let n=(0,s.Z)(["\n "," {\n border-radius: 8px;\n }\n\n "," {\n position: relative;\n\n video {\n border-radius: 8px;\n }\n\n .video-wrap {\n width: calc(100% - 40px);\n }\n\n .video-wrap-inner {\n border-radius: 8px;\n overflow: hidden;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 101%;\n height: 101%;\n background-color: ",";\n display: block;\n z-index: 1;\n transform: scaleX(",");\n transform-origin: right center;\n transition: transform 1.5s 0.25s cubic-bezier(0.65, 0, 0.22, 1);\n }\n }\n }\n "]);return nX=function(){return n},n}function nO(){let n=(0,s.Z)(["\n flex-direction: column;\n padding: 0;\n\n .textImage-content {\n margin-bottom: auto;\n\n h3 {\n padding: 0 20px;\n }\n\n .textImage-content-text {\n padding: 0 20px;\n\n p {\n font-size: 17px;\n font-style: normal;\n font-weight: 300;\n line-height: 1.45;\n }\n }\n }\n\n "," {\n height: auto;\n margin-top: auto;\n margin-bottom: 24px;\n\n .video-duration {\n display: none;\n }\n\n .video-wrap {\n aspect-ratio: 1;\n }\n\n .video-wrap-inner {\n border-radius: 0;\n\n video {\n border-radius: 0;\n }\n }\n }\n "]);return nO=function(){return n},n}function nY(){let n=(0,s.Z)(["\n "," {\n .video-duration {\n background: ",";\n\n &-bar {\n background: ",";\n }\n }\n\n .video-wrap-inner {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return nY=function(){return n},n}function nV(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n ","\n\n .textImage-content {\n color: ",";\n }\n "]);return nV=function(){return n},n}function nF(){let n=(0,s.Z)(["\n "," {\n .video-duration {\n background: ",";\n\n &-bar {\n background: ",";\n }\n }\n\n .video-wrap-inner {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return nF=function(){return n},n}function nG(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n ","\n\n .textImage-content {\n color: ",";\n }\n "]);return nG=function(){return n},n}function nH(){let n=(0,s.Z)(["\n "," {\n .video-duration {\n background: ",";\n\n &-bar {\n background: ",";\n }\n }\n\n .video-wrap-inner {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return nH=function(){return n},n}function nU(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n ","\n\n .textImage-content {\n color: ",";\n }\n "]);return nU=function(){return n},n}function nD(){let n=(0,s.Z)(["\n "," {\n .video-duration {\n background: ",";\n\n &-bar {\n background: ",";\n }\n }\n\n .video-wrap-inner {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return nD=function(){return n},n}function nW(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n ","\n "]);return nW=function(){return n},n}function nK(){let n=(0,s.Z)(["\n position: relative;\n display: flex;\n justify-content: center;
1\n align-items: center;\n height: var(--app-height);\n max-height: 100%;\n padding: ",";\n\n .video-wrap {\n width: ",";\n height: ",";\n }\n\n video {\n object-fit: contain;\n }\n\n .video-wrap-inner {\n position: relative;\n }\n\n .video-caption {\n position: absolute;\n bottom: 0;\n z-index: 1;\n color: ",";\n padding: 5px 8px;\n font-size: ","px;\n background-color: ",";\n border-radius: 4px 4px 0 0;\n }\n\n .imageSource {\n position: absolute;\n bottom: 0;\n z-index: 1;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n padding: 7px 12px 9px;\n color: ",";\n background: rgba(10, 14, 15, 0.75);\n border-radius: 4px 4px 0 0;\n }\n\n .textImage-content {\n width: 100%;\n\n h3 {\n font-family: ",";\n text-transform: none;\n font-size: 24px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 6px;\n transition: opacity 1s ease, transform 1.25s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateY(","px);\n }\n\n max-width: 540px;\n font-size: 16px;\n line-height: 1.5;\n margin-bottom: 40px;\n padding: 0;\n\n ","\n\n .textImage-content-text {\n transition: opacity 1s 0.25s ease, transform 1.25s 0.25s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateY(","px);\n\n p {\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n }\n }\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"]);return nK=function(){return n},n}let nQ=u.ZP.div.withConfig({componentId:"sc-605f6422-0"})(nK(),n=>n.fullscreen?"0":"0 20px",n=>n.center?"auto":"100%",n=>n.center?"auto":"100%",h.ZP.colors.white,h.ZP.fontSizes.xs,h.ZP.colors.black,h.ZP.colors.white,h.ZP.fonts.default,n=>n.hasActived?1:0,n=>n.hasActived?0:10,d.Z.lg(nE()),n=>n.hasActived?1:0,n=>n.hasActived?0:10,n=>n.fullscreen&&(0,u.iv)(nR(),nj.Z,H.Z,n=>n.hasActived?0:10,n=>n.hasActived?1.001:1.4,nT.Z),n=>!n.fullscreen&&(0,u.iv)(nX(),nj.Z,nT.Z,h.ZP.colors.black,n=>n.hasActived?0:1),n=>!n.fullscreen&&n.hasContent&&(0,u.iv)(nO(),nT.Z),n=>
1n.themeColorMode===no.z4.light&&(0,u.iv)(nV(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white,n=>!n.fullscreen&&(0,u.iv)(nY(),nT.Z,n=>(0,nJ.m4)(ea[n.theme].colorLight,.5),n=>ea[n.theme].colorLight,n=>ea[n.theme].backgroundColorMedium),n=>ea[n.theme].colorLight),n=>n.themeColorMode===no.z4.medium&&(0,u.iv)(nG(),n=>null!==n.theme?ea[n.theme].backgroundColorMedium:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white,n=>!n.fullscreen&&(0,u.iv)(nF(),nT.Z,n=>(0,nJ.m4)(ea[n.theme].colorLight,.5),n=>ea[n.theme].colorLight,n=>ea[n.theme].backgroundColorLight),n=>ea[n.theme].colorLight),n=>n.themeColorMode===no.z4.dark&&(0,u.iv)(nU(),n=>null!==n.theme?ea[n.theme].backgroundColor:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].color:h.ZP.colors.white,n=>!n.fullscreen&&(0,u.iv)(nH(),nT.Z,n=>(0,nJ.m4)(ea[n.theme].color,.5),n=>ea[n.theme].color,n=>ea[n.theme].backgroundColor),n=>ea[n.theme].color),n=>n.themeColorMode===no.z4.overwrite&&(0,u.iv)(nW(),n=>null!==n.theme?ea[n.theme].backgroundColorLight:h.ZP.colors.black,n=>null!==n.theme?ea[n.theme].colorLight:h.ZP.colors.white,n=>!n.fullscreen&&(0,u.iv)(nD(),nT.Z,n=>(0,nJ.m4)(ea[n.theme].colorLight,.5),n=>ea[n.theme].colorLight,n=>ea[n.theme].backgroundColorLight)));var n$=t(1162);function n0(){let n=(0,s.Z)(["\n top: 35px;\n "]);return n0=function(){return n},n}function n1(){let n=(0,s.Z)(["\n position: absolute;\n top: 20px;\n left: 20px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;
1\n align-items: center;\n cursor: pointer;\n transition: 0.35s background-color;\n\n ","\n\n &:hover {\n background-color: ",";\n }\n\n "," {\n width: 25px;\n margin: 0 auto;\n color: ",";\n\n svg {\n width: 100%;\n }\n }\n"]);return n1=function(){return n},n}let n2=u.ZP.button.withConfig({componentId:"sc-bd90758f-0"})(n1(),h.ZP.colors.blue300,d.Z.lg(n0()),h.ZP.colors.black,D.Z,h.ZP.colors.white),n4=n=>{let{}=n,e=(0,q.sJ)(B.Hz),t=(0,q.Zl)(B.Hz);return(0,a.jsx)(n2,{className:"mute-btn",onClick:()=>{t(n=>!n)},children:(0,a.jsx)(nd.Z,{name:e?"unmute":"mute",size:24})})},n5=V()(()=>Promise.all([t.e(5905),t.e(2942)]).then(t.bind(t,2942)),{loadableGenerated:{webpack:()=>[2942]},ssr:!1}),n6=n=>{let{theme:e,parentTheme:t,image:o,video:i,fullscreen:r,title:l,content:s,active:u,paginationStyle:d}=n;if(!o&&!i)return null;let[h,g]=(0,c.useState)(!1),[p,m]=(0,c.useState)(!1);(0,c.useEffect)(()=>{u&&m(!0)},[u]),(0,c.useEffect)(()=>{i&&h&&!u&&g(!1)},[u,i,h]);let f=(0,nu.Z)(e);return(0,a.jsxs)(nQ,{hasActived:p,themeColorMode:f,theme:e&&f===no.z4.overwrite?e:t,playing:h,hasContent:!!s||!!l,fullscreen:r,center:!!(i&&i.video&&i.video.indexOf("player.vimeo.com")>=0),children:[o&&(0,a.jsx)(nz.Z,{...o}),i&&i.video&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n5,{...i,progressBarBottom:!!s||!!l,autoPlay:!1,playingState:h,playerStateUpdated:n=>{g(n)}}),(0,a.jsx)(n4,{})]}),(l||s)&&!r&&(0,a.jsxs)("div",{className:"textImage-content",children:[l&&(0,a.jsx)("h3",{children:l}),s&&(0,a.jsx)("div",{className:"textImage-content-text",children:(0,n$.ZP)(s)})]})]})},n3=n=>({title:n.title,subTitle:n.subtitle,image:n.image,content:n.content?n.content:"",imagePadding:n.image_padding,isIcon:n.is_icon,alignImageBottom:n.align_image_bottom,titleSize:"medium"===n.title_size?no.Jj.lg:"small"===n.title_size?no.Jj.md:no.Jj.xl,theme:n.theme,paginationStyle:void 0}),n8=n=>({title:n.content,image:n.image,isLeft:n.is_left,isSingle:n.is_single,textTop:n.text_top,titleSize:"medium"===n.title_size?no.Jj.lg:"small"===n.title_size?no.Jj.md:no.Jj.xl,theme:null!==n.theme?n.theme:l.undefined,paginationStyle:n.pagination_style}),n7=n=>{var e,t,o,i,r;return{video:{video:n.source_url.options.url,autoPlay:n.should_autoplay,poster:(null===(e=n.image)||void 0===e?void 0:null===(t=e.image)||void 0===t?void 0:t.sizes)&&"object"==typeof(null===(o=n.image)||void 0===o?void 0:null===(i=o.image)||void 0===i?void 0:i.sizes)?n.image.image.sizes["720w"]:null===(r=n.image)||void 0===r?void 0:r.image.src,caption:n.image?n.image.source:void 0},title:n.title?n.title:null,content:n.content?n.content:null,fullscreen:n.is_fullscreen,paginationStyle:n.pagination_style,theme:n.theme}},n9=n=>{var e,t,o,i,r;return{video:{video:n.source_url.uri,autoPlay:n.should_autoplay,poster:(null===(e=n.image)||void 0===e?void 0:null===(t=e.image)||void 0===t?void 0:t.sizes)&&"object"==typeof(null===(o=n.image)||void 0===o?void 0:null===(i=o.image)||void 0===i?void 0:i.sizes)?n.image.image.sizes["720w"]:null===(r=n.image)||void 0===r?void 0:r.image.src,caption:n.image?n.image.source:void 0},fullscreen:!0,paginationStyle:n.pagination_style,theme:n.theme}},en=n=>({...n,title:n.question,result:n.result,answers:n.answers}),ee=n=>({...n,title:n.quote,quoteBy:n.author}),et=n=>({...n}),eo=n=>({image:n.image,fullscreen:!0,theme:n.theme,paginationStyle:n.pagination_style});var ei=t(1627),er=t(3231),el=t(6434);T.ZP.use([T.s5,T.N1,T.W_,T.tl]),(o=r||(r={})).dark="dark",o.light="light",(i=l||(l={})).blue="dark_blue",i.bright_blue="blue",i.orange="orange",i.yellow="yellow",i.light_theme="light-theme",i.medium_theme="medium-theme",i.dark_theme="dark-theme",i.dark="dark",i.light="light",i.shade_dark="shade_dark",i.shade_light="shade_light",i.undefined="undefined";let ea={[l.blue]:{color:h.wL.white,colorLight:h.wL.blue300,backgroundColor:h.wL.blue200,backgroundColorMedium:h.wL.brightBlue100,backgroundColorLight:h.wL.blue100},[l.bright_blue]:{color:h.wL.blue300,colorLight:h.wL.blue300,backgroundColor:h.wL.brightBlue300,backgroundColorMedium:h.wL.brightBlue100,backgroundColorLight:h.wL.brightBlue100},[l.orange]:{color:h.wL.blue300,colorLight:h.wL.blue300,backgroundColor:h.wL.orange200,backgroundColorMedium:h.wL.orange100,backgroundColorLight:h.wL.orange100},[l.yellow]:{color:h.wL.blue300,colorLight:h.wL.blue300,backgroundColor:h.wL.yellow200,backgroundColorMedium:h.wL.yellow100,backgroundColorLight:h.wL.yellow100}},ec={[l.blue]:{light:r.dark,dark:r.dark},[l.bright_blue]:{light:r.dark,dark:r.dark},[l.orange]:{light:r.dark,dark:r.light},[l.yellow]:{light:r.dark,dark:r.dark},[l.dark]:{light:r.dark,dark:r.dark},[l.light]:{light:r.light,dark:r.light}},es={cover:{transformation:et,component:G},closer:{transformation:n=>
1n,component:nt},slide_quote:{transformation:ee,component:nh},slide_question:{transformation:en,component:nP},slide_fullscreen_video:{transformation:n9,component:n6},slide_fullscreen_image:{transformation:eo,component:n6},slide_fullscreen_image_text:{transformation:n8,component:nB},fullscreen_image_slide:{transformation:n=>n,component:n6},slide_video_and_text:{transformation:n7,component:n6},slide_image_and_text:{transformation:n3,component:no.ZP},slide_text:{transformation:n3,component:no.ZP}},eu=n=>{let{slides:e}=n,{t}=(0,A.Z)("common"),o=(0,N.useRouter)(),[i,r]=(0,c.useState)(!1),[s,u]=(0,c.useState)(0),d=(0,q.sJ)(B.SY),h=(0,er.useSearchParams)(),g=(0,c.useRef)(null),[p,m]=(0,q.FV)(B.Du);(0,c.useEffect)(()=>((0,ei.Qp)(g.current),()=>{(0,ei.tP)()}),[]);let f=e[0].theme,x=(0,c.useMemo)(()=>({id:"storycardSlider",spaceBetween:d?0:30,slidesPerView:"auto",centeredSlides:!0,loop:!1,speed:750,init:!1,onAfterInit:n=>{r(!0)},onSlideChange:n=>{u(n.realIndex)},grabCursor:!0,threshold:1,a11y:{enabled:!0,prevSlideMessage:"Vorige storycard",nextSlideMessage:"Volgende storycard"},keyboard:{enabled:!0},navigation:{nextEl:".swiper-button-next.storycards-detail-nav",prevEl:".swiper-button-prev.storycards-detail-nav",clickable:!1},pagination:{el:".sw-pagination-inner"}}),[d]),b=()=>{let n=h.get("referer");null!==n?m({mode:"default",target:"/".concat(decodeURIComponent(n))}):o.back()},w=(n,t)=>t?n===no.z4.light?ec[t].light:n===no.z4.dark?ec[t].dark:ec[t].light:n===no.z4.light?ec[e[0].theme].light:n===no.z4.dark?ec[e[0].theme].dark:e[0].theme?ec[e[0].theme].light:ec[l.yellow].light,v=(0,c.useMemo)(()=>e.map(n=>n.paginationStyle?n.paginationStyle:w(n.theme,(0,nu.g)(n))),[e]),Z=(0,c.useMemo)(()=>e.map(n=>{if("story-closer"!==n.id)return n;{let e=h.get("referer");return n.content.relatedStory.slug=n.content.relatedStory.slug.includes("?referer")?n.content.relatedStory.slug:"".concat(n.content.relatedStory.slug,"?referer=").concat(encodeURIComponent(e||"")),n}}),[e]);return(0,a.jsxs)(I,{swiperReady:i,ref:g,paginationStyle:v[s],children:[(0,a.jsx)(M.tq,{...x,children:Z&&Z.map((n,e)=>{let{id:t,type:o,paginationStyle:i,content:r}=n;if(es[o]&&es[o].component){let n=es[o].component,t=es[o].transformation({...r});return(0,a.jsx)(M.o5,{children:(0,a.jsx)("div",{className:"swiper-slide-inner",children:(0,a.jsx)(n,{active:e===s,...t,parentTheme:f})})},"slide-".concat(e))}})}),(0,a.jsxs)("div",{className:"swiper-controls",children:[(0,a.jsx)(el.Z,{className:"swiper-button-prev prevButton storycards-detail-nav",screenReaderText:t("a11y.prev_slide"),icon:"arrow_right",variant:"secondary"}),(0,a.jsx)(el.Z,{className:"swiper-button-next nextButton storycards-detail-nav",screenReaderText:t("a11y.next_slide"),icon:"arrow_right",variant:"secondary"})]}),(0,a.jsx)("div",{className:"sw-nav",children:(0,a.jsx)("div",{className:"sw-pagination",children:(0,a.jsx)("div",{className:"sw-pagination-inner"})})}),(0,a.jsx)(el.Z,{className:"sw-close-btn",screenReaderText:"".concat(t("a11y.close")," story"),icon:"close",round:!0,click:b})]})};var ed=eu},4019:function(n,e,t){"use strict";t.d(e,{z4:function(){return l},Jj:function(){return r},ZP:function(){return N}});var o,i,r,l,a=t(3288),c=t(2466),s=t(3463),u=t(2473),d=t(8665),h=t(2637),g=t(6008),p=t(6260),m=t(1582);function f(){let n=(0,s.Z)(["\n border-radius: 17px;\n "]);return f=function(){return n},n}function x(){let n=(0,s.Z)(["\n font-size: 18px;\n line-height: 1.5;\n "]);return x=function(){return n},n}function b(){let n=(0,s.Z)(["\n margin-bottom: auto;\n margin-top: auto;\n "]);return b=function(){return n},n}function w(){let n=(0,s.Z)(["\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 101%;\n height: 101%;\n background-color: ",";\n display: block;\n z-index: 1;\n transform: scaleX(",");\n transform-origin: right center;\n // transition: transform 2s cubic-bezier(0.19,1,0.22,1);\n transition: transform 1.5s 0.25s cubic-bezier(0.65, 0, 0.22, 1);\n }\n\n img {\n transition: transform 10s 0.25s cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale(",");\n }\n "]);return w=function(){return n},n}function v(){let n=(0,s.Z)(["\n width: auto;\n height: 100%;\n margin: 0 auto;\n aspect-ratio: 1;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n background-color: ",";\n width: 100%;\n height: 100%;\n display: block;\n border-radius: 100%;\n opacity: 0.5;\n transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale(",");\n }\n\n img {\n width: 90%;\n transition: transform 1.5s 0.25s cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale(",");\n }\n "]);return v=function(){return n},n}function Z(){let n=(0,s.Z)(["\n margin-bottom: -20px;\n "]);return Z=function(){return n},n}function y(){let n=(0,s.Z)(["\n margin-top: ","px;\n margin-left: -22px;\n width: calc(100% + 44px);\n\n "," {\n border-radius: 0;\n }\n\n .sourceTitle {\n padding: 0 20px;\n }\n "]);return y=function(){return n},n}function k(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return k=function(){return n},n}function P(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return P=function(){return n},n}function z(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n "," {\n .sourceTitle {\n color: ",";\n }\n "," {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return z=function(){return n},n}function j(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n\n "," {\n "," {\n &:after {\n background-color: ",";\n }\n }\n }\n "]);return j=function(){return n},n}function _(){let n=(0,s.Z)(["\n background-color: ",";\n color: ",";\n "]);return _=function(){return n},n}function C(){let n=(0,s.Z)(["\n position: relative;\n display: flex;\n justify-content: center;
1\n align-items: flex-start;\n height: var(--app-height);\n max-height: calc(100% - 40px);\n padding: 20px;\n\n ","\n\n .textImage-title,\n .textImage-subTitle,\n .textImage-content {\n color: inherit;\n }\n\n .textImage-title {\n font-family: ",";\n text-transform: none;\n margin-bottom: 10px;\n margin-top: 0;\n line-height: 1.2;\n\n ","\n\n ","\n\n ","\n }\n\n .textImage-subTitle {\n opacity: 0.7;\n font-size: 16px;\n line-height: 1.5;\n display: block;\n }\n\n .textImage-subTitle + .textImage-title {\n margin-top: 8px;\n }\n\n .textImage-content {\n width: 100%;\n max-width: 540px;\n font-size: 16px;\n line-height: 1.5;\n padding: 0;\n display: flex;\n flex-direction: ",";\n\n justify-content: ",";\n height: 100%;\n\n ","\n\n &-text {\n padding: 20px 0;\n\n ","\n }\n }\n\n "," + .textImage-content-text {\n padding-bottom: 20px;\n }\n\n .textImage-content-text {\n transition: opacity 1s ease;\n opacity: ",";\n }\n\n .textImage-text {\n transition: opacity 1s 0.25s ease, transform 1.25s 0.25s cubic-bezier(0.19, 1, 0.22, 1);\n opacity: ",";\n transform: translateY(","px);\n }\n\n ul {\n padding-left: 16px;\n }\n\n blockquote {\n margin: 0;\n }\n\n "," {\n margin-bottom: ","px;\n margin-top: ","px;\n overflow: hidden;\n\n "," {\n position: relative;\n\n ","\n\n ","\n }\n\n ","\n\n ","\n\n .imageSource {\n padding: 6px 0 0;\n }\n\n .sourceTitle {\n font-size: 12px;\n color: ",";\n opacity: 0.5;\n }\n }\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n"]);return C=function(){return n},n}let S=u.ZP.div.withConfig({componentId:"sc-62af4889-0"})(C(),h.Z.lg(f()),g.ZP.fonts.default,n=>n.titleSize===r.md&&"\n font-size: 26px;\n ",n=>n.titleSize===r.lg&&"\n font-size: 30px;\n ",n=>n.titleSize===r.xl&&"\n font-size: 34px;\n ",n=>n.alignImageBottom?"column-reverse":"column",n=>n.hasImage?n.alignImageBottom?"center":"flex-start":"center",h.Z.lg(x()),n=>n.alignImageBottom&&n.hasImage&&(0,u.iv)(b()),d.Z,n=>n.hasActivated?1:0,n=>n.hasActivated?1:0,n=>n.hasActivated?0:10,d.Z,n=>n.alignImageBottom?0:26,n=>n.alignImageBottom?6:0,p.Z,n=>!n.isIcon&&(0,u.iv)(w(),n=>m.np[n.theme].backgroundColorMedium,n=>n.hasActivated?0:1,n=>n.hasActivated?1.2:1.01),n=>n.isIcon&&(0,u.iv)(v(),n=>m.np[n.theme].backgroundColorLight,n=>n.hasActivated?1:0,n=>n.hasActivated?1:0),n=>!n.imagePadding&&n.alignImageBottom&&(0,u.iv)(Z()),n=>!n.imagePadding&&!n.isIcon&&(0,u.iv)(y(),n=>n.alignImageBottom?0:-22,p.Z),g.ZP.colors.black,n=>
1n.themeColorMode===l.light&&(0,u.iv)(k(),n=>null!==n.theme?m.np[n.theme].backgroundColorLight:g.ZP.colors.black,n=>null!==n.theme?m.np[n.theme].colorLight:g.ZP.colors.white),n=>n.themeColorMode===l.medium&&(0,u.iv)(P(),n=>null!==n.theme?m.np[n.theme].backgroundColorMedium:g.ZP.colors.black,n=>null!==n.theme?m.np[n.theme].color:g.ZP.colors.white),n=>n.themeColorMode===l.dark&&(0,u.iv)(z(),n=>null!==n.theme?m.np[n.theme].backgroundColor:g.ZP.colors.black,n=>null!==n.theme?m.np[n.theme].color:g.ZP.colors.white,d.Z,n=>null!==n.theme?m.np[n.theme].color:g.ZP.colors.white,p.Z,n=>m.np[n.theme].backgroundColor),n=>n.themeColorMode===l.overwrite&&(0,u.iv)(j(),n=>null!==n.theme?m.np[n.theme].backgroundColorLight:g.ZP.colors.black,n=>null!==n.theme?m.np[n.theme].colorLight:g.ZP.colors.white,d.Z,p.Z,g.ZP.colors.white),n=>n.isIcon&&(0,u.iv)(_(),n=>null!==n.theme?m.np[n.theme].backgroundColor:g.ZP.colors.black,n=>null!==n.theme?m.np[n.theme].color:g.ZP.colors.white));var L=t(7740),I=t(1162),M=t(8561);(o=r||(r={}))[o.md=0]="md",o[o.lg=1]="lg",o[o.xl=2]="xl",(i=l||(l={})).light="light-theme",i.medium="medium-theme",i.dark="dark-theme",i.overwrite="overwrite";let A=n=>{let{theme:e,parentTheme:t,title:o,subTitle:i,image:r,imagePadding:s,alignImageBottom:u,isIcon:d,content:h,titleSize:g,active:p,paginationStyle:m}=n,[f,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{p&&x(!0)},[p]);let b=(0,M.Z)(e);return(0,a.jsx)(S,{alignImageBottom:u,isIcon:d,themeColorMode:b,hasActivated:f,hasImage:!!r,imagePadding:s,theme:e&&b===l.overwrite?e:t,titleSize:g,children:(0,a.jsxs)("div",{className:"textImage-content",children:[r&&(0,a.jsx)(L.Z,{...r}),(0,a.jsxs)("div",{className:"textImage-content-text",children:[i&&(0,a.jsx)("span",{className:"textImage-subTitle",children:i}),o&&(0,a.jsx)("h3",{className:"textImage-title",children:o}),h&&(0,a.jsx)("div",{className:"textImage-text",children:(0,I.ZP)(h)})]})]})})};var N=A},71:function(n,e){"use strict";let t=(n,e)=>{if(!n)return e?"?":"";let{nid:t,rid:o}=n,i=t&&o?"?nid=".concat(t,"&rid=").concat(o):"";return i};e.Z=t},8470:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSP:function(){return m},default:function(){return f}});var o=t(3288);t(2466);var i=t(1582),r=t(4019);let l=n=>({slides:[{id:"story-cover",type:"cover",content:{title:n.title,titleSize:r.Jj.lg,image:n.header_image?n.header_image.image:null,video:n.video_url?n.video_url.uri:null,theme:n.theme},theme:n.theme,paginationStyle:i.ww.dark},...n.slides.map(n=>({...n,paginationStyle:"dark"===n.content.theme||"shade_dark"===n.content.theme?i.ww.dark:i.ww.light,theme:n.content.theme})),{id:"story-closer",type:"closer",content:{shareTitle:n.title,relatedStory:n.related_story?{title:n.related_story.title,titleSize:r.Jj.lg,header_image:n.related_story.image.image?n.related_story.image.image:null,video:n.related_story.video_url?n.related_story.video_url.uri:null,theme:n.related_story.theme,slug:n.related_story.slug,paginationStyle:i.ww.dark}:{title:n.title,titleSize:r.Jj.lg,header_image:n.header_image?n.header_image.image:null,video:n.video_url?n.video_url.uri:null,theme:n.theme,slug:n.slug,paginationStyle:i.ww.dark}},theme:n.theme,paginationStyle:i.ww.dark}]});var a=t(2783),c=t(432),s=t(71);let u={refetchOnWindowFocus:!1,staleTime:6e4},d={nl:"stories",en:"stories",de:"stories"},h=n=>{let{slug:e,locale:t,query:o}=n;return(0,c.Z)("".concat(d[t],"/").concat(e).concat((0,s.Z)(o)),t,void 0,l)},g=n=>(0,a.useQuery)(n.queryKey,()=>h(n),u),p=n=>{let{data:e}=g(n);return e&&e.type===c.h.OK&&e.pageData?(0,o.jsx)(i.ZP,{...e.pageData}):null};var m=!0,f=p}},function(n){n.O(0,[8006,4648,8302,3532,746,9774,2888,179],function(){return n(n.s=3127)}),_N_E=n.O()}]);
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.