1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1097,9698],{64231:function(n,r,e){var i=e(7297),t=e(85893),a=e(16829),o=e(59676),c=e(87983);function s(){var n=(0,i.Z)(["\n width: 100%;\n\n grid-column-start: 1;\n grid-column-end: 5;\n "," {\n grid-column-start: 3;\n grid-column-end: 11;\n }\n"]);return s=function(){return n},n}var d=a.Z.div(s(),c.Z.medias.mdUp);r.Z=function(n){var r=n.className,e=n.children;return(0,t.jsx)(o.Z,{className:r,ver:"1",isContained:!0,isLeftPad:[!0,!0,!0,!0,!0],isRightPad:[!0,!0,!0,!0,!0],children:(0,t.jsx)(d,{children:e})})}},29698:function(n,r,e){e.d(r,{Z:function(){return p}});var i=e(26042),t=e(69396),a=e(85893),o=e(7297),c=e(35944),s=e(72679),d=e(16829),u=e(87983);function l(){var n=(0,o.Z)(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]);return l=function(){return n},n}var m=function(n){return(0,c.tZ)(s.LazyLoadImage,(0,t.Z)((0,i.Z)({},n),{visibleByDefault:"eager"===n.loading}))},f=(0,d.Z)(m)(l()),v=function(n){var r,e,i,t=n.image,a=n.alt,o=void 0===a?"":a,s=n.className,d=void 0===s?"":s,l=n.forceCover,v=void 0===l||l,h=n.skipLazyLoad,p=void 0!==h&&h,g="https://fcb.visitfinland.com",Z=t["@link"]?g+t["@link"]:"";if((null===(r=t.metadata)||void 0===r||null===(e=r.mimeType)||void 0===e?void 0:e.includes("video"))||!Z)return null;if("image/svg+xml"===(null===(i=t.metadata)||void 0===i?void 0:i.mimeType))return(0,c.tZ)(m,{className:d,src:Z,alt:o,css:{width:"100%",height:"100%",objectFit:"cover"},loading:p?"eager":"lazy"});var y=[{name:"xlUpW",minWidth:u.Z.breakpoints.xlMinWidth,testId:"xlUp-image-source"},{name:"lgUpW",minWidth:u.Z.breakpoints.lgMinWidth,testId:"lgUp-image-source"},{name:"mdUpW",minWidth:u.Z.breakpoints.mdMinWidth,testId:"mdUp-image-source"},{name:"smUpW",minWidth:u.Z.breakpoints.smMinWidth,testId:"smUp-image-source"},{name:"xsUpW",minWidth:0,testId:"xsUp-image-source"}];return(0,c.BX)("picture",{className:"Image",children:[y.map((function(n){var r,e,i=n.name,a=n.minWidth,o=n.testId,s=null===(r=t.renditions)||void 0===r||null===(e=r[i])||void 0===e?void 0:e.link;return s?(0,c.tZ)("source",{media:"(min-width: ".concat(a,"px)"),srcSet:g+s,"data-testid":o},i):null})),(0,c.tZ)(f,{className:d,src:Z,alt:o,style:v?{width:"100%",height:"100%",objectFit:"cover"}:{},loading:p?"eager":"lazy"})]})},h=e(49092),p=function(n){var r=n.image,e=n.src,o=n.forceCover;return null!=r?(0,a.jsx)(v,(0,t.Z)((0,i.Z)({},n),{image:r,forceCover:o})):n["@link"]?(0,a.jsx)(v,{image:n,forceCover:o}):null!=e?(0,a.jsx)(h.Z,(0,t.Z)((0,i.Z)({},n),{src:e,forceCover:o})):null}},49092:function(n,r,e){var i=e(26042),t=e(69396),a=e(7297),o=e(85893),c=e(72679);function s(){var n=(0,a.Z)(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]);return s=function(){return n},n}var d=(0,e(16829).Z)((function(n){return(0,o.jsx)(c.LazyLoadImage,(0,t.Z)((0,i.Z)({},n),{visibleByDefault:"eager"===n.loading}))}))(s());r.Z=function(n){var r=n.className,e=void 0===r?"":r,i=n.alt,t=void 0===i?"":i,a=n.src,c=n.srcSets,s=n.forceCover,u=n.skipLazyLoad,l=void 0!==u&&u;return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("picture",{className:"Image",children:[(0,o.jsx)(o.Fragment,{children:c&&c.map((function(n){return(0,o.jsx)("source",{media:n.mediaRule,srcSet:n.src},"src-".concat(n.src,"-").concat(n.mediaRule))}))}),!0===s?(0,o.jsx)("img",{style:{width:"100%",height:"100%",objectFit:"cover"},className:e,src:a,alt:t,loading:l?"eager":"lazy"}):(0,o.jsx)(d,{className:e,src:a,alt:t,loading:l?"eager":"lazy"})]})})}},31097:function(n,r,e){e.r(r),e.d(r,{default:function(){return T}});var i=e(26042),t=e(69396),a=e(35944),o=e(48334),c=e(7297),s=e(16829),d=e(70917),u=e(41664),l=e.n(u),m=e(71330),f=e(87983),v=e(29698);function h(){var n=(0,c.Z)(["\n 0% {\n opacity: 0.5\n };\n 100% {\n opacity:1\n };\n"]);return h=function(){return n},n}function p(){var n=(0,c.Z)(["\n animation: "," 0.5s;\n outline: none;\n min-height: ",";\n "," {\n min-height: ",";\n }\n "," {\n min-height: ",";\n }\n "," {\n min-height: ",";\n }\n width: 100%;\n display: flex;\n flex-direction: column;\n :hover {\n text-decoration: none;\n }\n &.mapCard {\n min-height: 0;\n height: 100%;\n "," {\n height: 37.6rem;\n min-height: 37.6rem;\n }\n }\n"]);return p=function(){return n},n}function g(){var n=(0,c.Z)(["\n padding: ",";\n background-color: ",";\n width: calc(100% - 4.8rem);\n border-radius: 0 0 8px 8px;\n align-items: center;\n .h4 {\n ",";\n margin: 0 0 0 0;\n font-weight: 500;\n "," {\n margin: 0 0 0.8rem 0;\n }\n color: ",";\n }\n .h5 {\n ",";\n margin: 0 0 0 0;\n font-weight: 500;\n "," {\n margin: 0 0 0.8rem 0;\n }\n color: ",";\n }\n p {\n margin: 0;\n color: ",";\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n "," {\n padding: ",";\n }\n"]);return g=function(){return n},n}function Z(){var n=(0,c.Z)(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px 8px 8px 0;\n transition: transform 0.5s ease;\n will-change: transform;\n\n :hover {\n backface-visibility: hidden;\n transform: scale(1.05);\n }\n"]);return Z=function(){return n},n}function y(){var n=(0,c.Z)(["\n position: absolute;\n font-family: ",", sans-serif;\n top: 24px;\n left: 24px;\n padding: 6px 8px;\n font-size: 14px;\n line-height: 20px;\n font-weight: 800;\n border-radius: 8px;\n background-color: ",";\n gap: 10px;\n color: ",";\n"]);return y=function(){return n},n}function b(){var n=(0,c.Z)(["\n width: 4.8rem;\n height: 4.8rem;\n border-radius: 8px 0;\n position: absolute;\n bottom: 0;\n right: 0;\n margin: 0;\n background-color: ",";\n z-index: ",";\n svg:not(:root) {\n overflow: visible;\n }\n &.primary:focus {\n border: none;\n box-shadow: none;\n }\n"]);return b=function(){return n},n}function x(){var n=(0,c.Z)(["\n width: 4.8rem;\n height: 4.8rem;\n border-radius: 8px 0;\n position: absolute;\n bottom: 0;\n right: 0;\n margin: 0;\n background-color: ",";\n z-index: ",";\n"]);return x=function(){return n},n}function w(){var n=(0,c.Z)(["\n width: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 8px 8px 8px 0;\n flex-shrink: 1;\n flex-grow: 1;\n aspect-ratio: 3 / 2;\n backface-visibility: hidden;\n .mapCard & {\n aspect-ratio: unset;\n min-height: 0;\n }\n &:hover {\n .like {\n border: 1px ",";\n }\n }\n"]);return w=function(){return n},n}function k(){var n=(0,c.Z)(["\n display: flex;\n padding: 0;\n flex-direction: row;\n ",";\n"]);return k=function(){return n},n}function C(){var n=(0,c.Z)(["\n margin-right: 8px;\n color: ",";\n"]);return C=function(){return n},n}function N(){var n=(0,c.Z)(["\n color: ",";\n"]);return N=function(){return n},n}var I=(0,d.F4)(h()),U=(0,s.Z)(l(),{shouldForwardProp:function(n){return!["numOfCards"].includes(n)}})(p(),I,(function(n){n.numOfCards;return"37.6rem"}),f.Z.medias.smUp,(function(n){return 1===n.numOfCards?"52.8rem":"37.6rem"}),f.Z.medias.mdUp,(function(n){return 1===n.numOfCards?"80.8rem":"37.6rem"}),f.Z.medias.lgUp,(function(n){var r=n.numOfCards;return 1===r?"80.8rem":r>4?"37.6rem":"50.8rem"}),f.Z.medias.smUp),_=(0,s.Z)("div",{shouldForwardProp:function(n){return"numOfCards"!==n}})(g(),f.Z.spacing[16],f.Z.colors.background[700],f.Z.typography.h4,f.Z.medias.smUp,f.Z.colors.black[700],f.Z.typography.h5,f.Z.medias.smUp,f.Z.colors.black[700],f.Z.colors.black[500],f.Z.medias.smUp,(function(n){return n.numOfCards>4?"16":"24"})),j=(0,s.Z)(v.Z)(Z()),W=s.Z.div(y(),f.Z.fonts.family.avenir,f.Z.colors.secondary[500],f.Z.colors.secondary[700]),z=((0,s.Z)(m.default)(b(
1),f.Z.colors.primary[700],f.Z.zIndex.fg1+2),s.Z.div(x(),f.Z.colors.primary[700],f.Z.zIndex.fg1+1),s.Z.div(w(),f.Z.colors.primary[700])),L=(s.Z.div(k(),f.Z.typography.bodyRegular),s.Z.div(C(),f.Z.colors.black[500]),s.Z.div(N(),f.Z.colors.black[700]),e(5427)),T=function(n){var r=n.className,e=n.image,c=n.alt,s=n.name,d=n.ingress,u=n.href,l=n.linkType,m=n.video,f=n.numCards,v=n.placeholderSrc,h=n.i18nTranslations,p=n.isSustainable,g=(0,L.DQ)("Sustainability",h,"common","sustainable"),Z=e||{src:v},y=void 0===f?0:f,b=void 0!==f?s&&(f>4?(0,a.tZ)("div",{className:"h5",children:s}):(0,a.tZ)("div",{className:"h4",children:s})):s&&(0,a.tZ)("div",{className:"h5",children:s}),x=(0,a.tZ)(z,{className:"placeImage",children:Z&&(!m||!m.src||""===(null===m||void 0===m?void 0:m.src))&&(0,a.BX)(a.HY,{children:[(0,a.tZ)(j,(0,t.Z)((0,i.Z)({},Z),{alt:c||Z.alt})),p&&(0,a.tZ)(W,{children:g})]})||m&&(!e||""===(null===e||void 0===e?void 0:e.alt))&&(0,a.tZ)(o.C,{className:"".concat(r,"-video"),videoType:o.Z.Asset,video:m,autoplay:!0})}),w=(0,a.BX)(_,{numOfCards:y,children:[b,d&&(0,a.tZ)("p",{children:d})]});return u&&"internal"===l?(0,a.BX)(U,{href:u,prefetch:!1,className:r,numOfCards:y,children:[x,w]}):u&&"external"===l?(0,a.BX)(U,{target:"_blank",rel:"noreferrer",href:u,className:r,numOfCards:y,children:[x,w]}):(0,a.tZ)("p",{children:(0,L.DQ)("Error",h,"common","error_place_card")})}},48334:function(n,r,e){e.d(r,{Z:function(){return i}});var i,t=e(7297),a=e(35944),o=e(67294),c=e(16829),s=e(29238),d=e.n(s),u=e(70917),l=e(87983),m=e(64231),f=e(51166);function v(){var n=(0,t.Z)(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"]);return v=function(){return n},n}function h(){var n=(0,t.Z)(["\n 0% {\n opacity: 0\n }\n 100% {\n opacity: 1\n }\n"]);return h=function(){return n},n}function p(){var n=(0,t.Z)(["\n width: 100%;\n background-color: black;\n max-height: 70vh;\n animation: "," 0.5s ease-in;\n "," {\n margin-top: max(4rem, calc(4rem - (15vh - 9rem - 4rem)));\n }\n "," {\n margin-top: min(0rem, calc(15vh - 9rem - 4rem));\n }\n"]);return p=function(){return n},n}!function(n){n.Embed="embed",n.Asset="asset",n.Campaign="campaign"}(i||(i={}));var g=c.Z.video(v()),Z=(0,u.F4)(h()),y=c.Z.video(p(),Z,l.Z.medias.lgUp,l.Z.medias.xlUp),b=(0,o.forwardRef)((function(n,r){var e=n.className,t=n.autoplay,c=void 0!==t&&t,s=n.embed,u=n.image,l=void 0===u?"":u,v=n.videoType,h=n.video,p=n.useSlimContainer,Z=void 0!==p&&p,b=n.anchor,x=(0,o.useRef)(null),w=(0,o.useState)(!1),k=w[0],C=w[1],N=Z?m.Z:"div";return(0,f.A)(x,C,{rootMargin:"200% 0px 200% 0px",disabled:!c}),(0,a.BX)(N,{css:{marginBottom:"4rem",height:"100%"},id:b&&b,children:[v===i.Embed&&((null===s||void 0===s?void 0:s.includes("iframe"))?(0,a.tZ)("div",{className:"embed-video",dangerouslySetInnerHTML:{__html:d().sanitize(s,{ADD_TAGS:["iframe"],ADD_ATTR:["allow","autoplay","allowfullscreen","frameborder","scrolling"]})}}):(0,a.tZ)(g,{"data-testid":"videoplayer-embed",title:"video",className:"Video-".concat(e),src:s,playsInline:!0,controls:!0,ref:r,children:(0,a.tZ)("track",{kind:"captions"})})),v===i.Asset&&(0,a.BX)(a.HY,{children:[c&&(0,a.tZ)("div",{ref:x,css:{width:"100%",height:"100%"},children:k?(0,a.tZ)(g,{"data-testid":"videoplayer-asset",title:"video",className:"Video-".concat(e),src:h.src,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"none",ref:r,children:(0,a.tZ)("source",{src:h.src,type:h.mimeType})}):null}),!c&&(0,a.BX)(g,{"data-testid":"videoplayer-asset-control",title:"video",className:"Video-".concat(e),controls:!0,poster:l,playsInline:!0,ref:r,children:[(0,a.tZ)("source",{src:h.src,type:h.mimeType}),(0,a.tZ)("track",{kind:"captions"})]})]}),v===i.Campaign&&(0,a.tZ)(a.HY,{children:c&&(0,a.tZ)("div",{ref:x,children:k?(0,a.tZ)(y,{"data-testid":"videoplayer-asset",title:"video",className:"Video-".concat(e),src:h.src,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"none",controls:!0,ref:r,children:(0,a.tZ)("source",{src:h.src,type:h.mimeType})}):null})})]})}));r.C=b},51166:function(n,r,e){e.d(r,{A:function(){return o},K:function(){return c}});var i=e(99534),t=e(67294),a=e(76577);function o(n,r,e){var i=(0,a.R9)(r),o=(0,a.Gy)(e);(0,t.useEffect)((function(){if(!(null===o||void 0===o?void 0:o.disabled))try{var r=n.current;if(!r)return;
1var e=new IntersectionObserver((function(n){n.forEach((function(n){i(n.isIntersecting)}))}),o);return e.observe(r),function(){return e.unobserve(r)}}catch(t){return i(!0),function(){return i(!1)}}}),[i,o,n])}function c(n,r){var e=null!==r&&void 0!==r?r:{},a=e.once,c=void 0===a||a,s=(0,i.Z)(e,["once"]),d=(0,t.useState)(!1),u=d[0],l=d[1];return o(n,(function(n){return l((function(r){return c&&r||n}))}),s),u}},76577:function(n,r,e){e.d(r,{Gy:function(){return s},R9:function(){return c},uB:function(){return a}});var i=e(29815),t=e(67294),a=t.useLayoutEffect;function o(n){var r=(0,t.useRef)(n);return a((function(){r.current=n}),[n]),r}function c(n){var r=o(n);return(0,t.useCallback)((function(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];var a;return(a=r).current.apply(a,(0,i.Z)(e))}),[r])}function s(n){var r=o(n);return(0,t.useMemo)((function(){return r.current}),[r])}}}]);
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.