(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[422,45891],{845891:function(e,i,t){"use strict";t.r(i),t.d(i,{OpenAsPageThick:function(){return o}});var n=t(552322);let o=(0,t(164448).defineIcon)({className:"openAsPageThick",viewBox:"0 0 14 14",svg:(0,n.jsx)("polygon",{points:"9.13029 3.66667 3.66667 9.13029 3.66667 7 2 7 2 12 7 12 7 10.3333 4.82065 10.3333 10.3333 4.82065 10.3333 7 12 7 12 2 7 2 7 3.66667"})})},366790:function(e,i,t){"use strict";t.d(i,{Y:function(){return l}});var n=t(552322),o=t(183428),s=t(845891),a=t(536084);function l(e){let{children:i,disableZoom:t}=e,l=(0,o.YB)();return(0,n.jsxs)("figcaption",{className:a.figcaption,children:[(0,n.jsx)("div",{children:i}),!t&&(0,n.jsx)("div",{className:a.lightboxButtonWrap,children:(0,n.jsx)("button",{className:a.lightboxButton,"aria-label":l.formatMessage({id:"caption.lightBoxButton",defaultMessage:"View image in a Lightbox"}),children:(0,n.jsx)(s.OpenAsPageThick,{style:{width:12,height:12,fill:"var(--color-text-medium)"}})})})]})}},295683:function(e,i,t){"use strict";t.d(i,{s:function(){return r}});var n=t(552322),o=t(509020),s=t(333782),a=t(631718),l=t(758429);function r(e){var i,t;let{alt:r="",asset:d,loading:c,priority:u=!1,loop:h}=e;return(null===(t=d.fields)||void 0===t?void 0:null===(i=t.file)||void 0===i?void 0:i.url)?(0,a.nD)(d)?(0,n.jsx)(s.n,{height:600,width:960,src:d.fields.file.url,autoPlay:"lazy",preload:"none",muted:!0,playsInline:!0,loop:h,className:l.video}):d.fields.file.details.image?(0,n.jsx)(o.E,{loading:c,priority:u,src:d.fields.file.url,alt:d.fields.description||r,width:d.fields.file.details.image.width,height:d.fields.file.details.image.height,className:l.image}):null:null}},437742:function(e,i,t){"use strict";t.d(i,{e:function(){return x}});var n=t(552322),o=t(72779),s=t.n(o),a=t(202784),l=t(928316),r=t(30698),d=t(183428),c=t(944046),u=t(603131),h=t(425491),p=t(333782),f=t(524917),g=t(631718),m=t(961268),v=t(636723);function x(e){let{asset:i,format:t,caption:o,children:s}=e,[r,c]=(0,a.useState)({isOpen:!1,isVisible:!1}),u=(0,d.YB)(),h=(0,a.createRef)(),p=u.formatMessage({defaultMessage:"Open lightbox",id:"lightBox.trigger.text"});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{role:"button",className:v.lightboxTrigger,ref:h,onClick:e=>{e.stopPropagation(),c(e=>({...e,isOpen:!0,isVisible:!0}))},"aria-label":p,children:s}),r.isOpen&&(0,l.createPortal)((0,n.jsx)(_,{asset:i,format:t,caption:o,componentState:r,setComponentState:c}),document.body)]})}function _(e){let{asset:i,format:t,caption:o,componentState:l,setComponentState:r}=e;(0,a.useEffect)(()=>{let e=e=>b(l,r),i=e=>{"Escape"===e.key&&b(l,r)},t=e=>b(l,r);return window.addEventListener("click",e),window.addEventListener("keydown",i),window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("click",e),window.removeEventListener("keydown",i),window.removeEventListener("scroll",t)}});let{isVisible:d}=l;return(0,n.jsxs)("div",{className:s()(v.lightbox,{[f.rK]:d,[f.JD]:!d}),children:[(0,n.jsx)("div",{className:v.close,children:(0,n.jsx)(c.h,{title:"Close",onClick:()=>b(l,r),children:(0,n.jsx)(u.x,{})})}),(0,n.jsx)("div",{className:s()(v.content,{[f.id]:d,[f.g3]:!d}),onClick:()=>b(l,r),children:(0,n.jsx)(y,{asset:i,caption:o,format:t,componentState:l,setComponentState:r})})]})}function y(e){let{asset:i,format:t,caption:o,componentState:s,setComponentState:a}=e,l=(0,m.b)();if("unstyled"!==t)return(0,n.jsx)("div",{className:v.screenshotPadding,onClick:()=>b(s,a),children:(0,n.jsx)("div",{className:v.screenshotWrap,onClick:e=>{e.stopPropagation()},children:(0,n.jsx)(h.P,{isVideo:i.isVideo,alt:o,width:960,height:600,src:i.src})})});if(i.isVideo)return(0,n.jsx)(p.n,{src:i.src,height:i.height,width:i.width,playsInline:!0,muted:i.loop,autoPlay:i.loop,loop:i.loop});{let e=(0,r.D)(i.src,l),t=(0,g.Fh)(e),s=i.width/2;return(0,n.jsx)("div",{className:v.imageWrap,style:{maxWidth:s>700?s:700},children:(0,n.jsx)("img",{className:v.image,src:t,alt:o,onClick:e=>{e.stopPropagation()}})})}}function b(e,i){e.isVisible&&(i(e=>({...e,isVisible:!1})),setTimeout(()=>{i(e=>({...e,isOpen:!1}))},250))}},400422:function(e,i,t){"use strict";t.d(i,{A:function(){return c}});var n=t(552322),o=t(366790),s=t(295683),a=t(437742),l=t(425491),r=t(631718),d=t(820695);function c(e){let{mediaWithCaptionFields:i}=e;if(!i.media||!i.media.fields.file)return null;let t=i.media.fields.file,{disableZoom:o,description:s}=i,l="video/mp4"===i.media.fields.file.contentType,r="Desktop App"===i.presentation,d={src:t.url,width:t.details.image?t.details.image.width:960,height:t.details.image?t.details.image.height:600,isVideo:l,alt:i.media.fields.title||"",loop:i.loop};return o?(0,n.jsx)(u,{mediaWithCaptionFields:i}):(0,n.jsx)(a.e,{asset:d,caption:s,format:r?"desktop":"unstyled",children:(0,n.jsx)(u,{mediaWithCaptionFields:i})})}function u(e){let{mediaWithCaptionFields:i}=e,{description:t,hideCaption:s,disableZoom:a}=i;return(0,n.jsxs)("figure",{className:d.figure,children:[(0,n.jsx)("div",{className:d.media,children:(0,n.jsx)(h,{mediaWithCaptionFields:i})}),t&&!s&&(0,n.jsx)(o.Y,{disableZoom:a,children:t})]})}function h(e){var i,t,o;let{mediaWithCaptionFields:a}=e;if(!(null===(i=a.media)||void 0===i?void 0:i.fields.file))return null;let c=(0,r.nD)(a.media);switch(a.presentation){case"Desktop App":return(0,n.jsx)(l.P,{isVideo:c,autoPlay:"lazy",alt:a.description||"",width:960,height:600,src:a.media.fields.file.url});case"Shadow":return(0,n.jsx)(l.P,{isVideo:c,autoPlay:"lazy",alt:a.description||"",width:(null===(t=a.media.fields.file.details.image)||void 0===t?void 0:t.width)||960,height:(null===(o=a.media.fields.file.details.image)||void 0===o?void 0:o.height)||600,src:a.media.fields.file.url});case"Border":return(0,n.jsx)("div",{className:d.keylineBorder,children:(0,n.jsx)(s.s,{asset:a.media,alt:a.description||"",loop:a.loop})});case"Rounded":return(0,n.jsx)("div",{className:d.rounded,children:(0,n.jsx)(s.s,{asset:a.media,alt:a.description||"",loop:a.loop})});case"Rounded Border":return(0,n.jsxs)("div",{className:d.keylineRoundedBorderWrap,children:[(0,n.jsx)(s.s,{asset:a.media,alt:a.description||"",loop:a.loop}),(0,n.jsx)("div",{className:d.keylineRoundedBorder})]});default:return(0,n.jsx)(s.s,{asset:a.media,alt:a.description||"",loop:a.loop})}}},425491:function(e,i,t){"use strict";t.d(i,{P:function(){return v}});var n=t(552322),o=t(72779),s=t.n(o),a=t(202784),l=t(30698),r=t(183428),d=t(240926),c=t(509020),u=t(333782),h=t(524917),p=t(961268),f=t(709527),g=t(741463),m=t(880227);function v(e){let{isVideo:i,autoPlay:t,id:o,width:r,height:c,src:u,alt:f,ctaType:v,ctaOnlyOnHover:y,disableFadeIn:b,forceSmallBorderRadius:j,imageLoading:w,priority:k,quality:N,shadow:B="level-300",href:M,hrefOnClick:P,borderColor:C,customLabel:W,className:A}=e,R=(0,p.b)(),V=(0,g.Fg)(),T=(0,l.D)(u,R),E=T.split(".").pop(),O=i||["gif"].includes(E),[L,D]=(0,a.useState)(O),z=(0,n.jsx)(x,{id:o,isVideo:i,autoPlay:t,width:r,height:c,src:u,alt:f,imageLoading:w,callback:e=>D(!0),priority:k,quality:N,className:A}),F=(0,n.jsxs)("div",{className:s()(m.roundedMedia,{[m.darkMode]:V.isDarkMode,[m.highlightBorder]:"highlight"===C}),style:{[(0,d.Ay)("--rounded-media-border-radius")]:j?"var(--border-radius-400)":"var(--border-radius-700)",[(0,d.Ay)("--rounded-media-shadow")]:`var(--shadow-${B})`,maxWidth:r,maxHeight:c},children:[v&&(0,n.jsx)(_,{type:v,ctaOnlyOnHover:y,customLabel:W}),(0,n.jsx)("div",{className:s()({"animation--paused":!L,"animation--running":L,[h.rK]:!O&&"lazy"===w,[h.Ix]:O||!0===b||"eager"===w}),children:z},T)]});return M?(0,n.jsx)("a",{target:"_blank",href:M,onClick:e=>{null==P||P(e)},children:F}):F}function x(e){let{isVideo:i,autoPlay:t=!0,id:o,width:s,height:a,src:l,alt:r,imageLoading:d,priority:h,quality:p,callback:g,className:m}=e,v=(0,f.T)();return i?(0,n.jsx)(u.n,{width:s,height:a,src:l,autoPlay:!v&&t,className:m,preload:v?void 0:"none",playsInline:!0,muted:!0}):(0,n.jsx)("div",{id:o,children:(0,n.jsx)(c.E,{width:s,height:a,src:l,alt:r||"",layout:"responsive",loading:d,onLoad:g,priority:h,quality:p,className:m})})}function _(e){var i,t;let{type:o,ctaOnlyOnHover:a,customLabel:l}=e,d=(0,r.YB)(),c=l??(i=d,t=o,({viewCustomer:{label:i.formatMessage({id:"frontRoundedMedia.callToAction.viewCustomer",defaultMessage:"View customer"})},livePreview:{label:i.formatMessage({id:"frontRoundedMedia.callToAction.livePreview",defaultMessage:"Click to try live preview"})},viewTemplate:{label:i.formatMessage({id:"frontRoundedMedia.callToAction.viewTemplate",defaultMessage:"View template"})}})[t]).label;return(0,n.jsx)("div",{className:s()(m.overlay,{[m.ctaAlwaysVisible]:!a}),children:(0,n.jsx)("button",{className:m.overlayButton,children:c})})}},333782:function(e,i,t){"use strict";t.d(i,{n:function(){return x}});var n=t(552322),o=t(72779),s=t.n(o),a=t(97729),l=t.n(a),r=t(202784),d=t(30698),c=t(983839),u=t(240926),h=t(509020),p=t(631718),f=t(197858),g=t(961268),m=t(334801),v=t(964405);let x=(0,r.forwardRef)(function(e,i){let{src:t,poster:o,className:a,autoPlay:x,controls:_=!1,height:y=1080,width:b=1920,preload:j,playsInline:w,...k}=e,N=(0,g.b)(),B=t?(0,d.D)(t,N):void 0,M=o?(0,d.D)(o,N):void 0,P=M&&(0,c.r)(M)?(0,p.Fh)(M):function(e,i,t){if(t)return(0,h.N)({src:t,alt:"",width:e,height:i,quality:90}).props.src}(b,y,M),C=(0,r.useRef)(null),W=(0,m.q)(i,C),A=(0,r.useRef)(!1),R=(0,r.useCallback)(async e=>{if(!A.current&&e.some(e=>{let{isIntersecting:i}=e;return i})){A.current=!0;try{var i;await (null===(i=C.current)||void 0===i?void 0:i.play())}catch(e){}}},[]);(0,f.x)("lazy"===x?C:null,R);let V=y&&b?`${b} / ${y}`:void 0;return(0,n.jsxs)(n.Fragment,{children:["auto"===j?(0,n.jsxs)(l(),{children:[(0,n.jsx)("link",{rel:"preload",as:"image",href:P}),(0,n.jsx)("link",{rel:"preload",as:"video",href:B})]}):null,(0,n.jsx)("video",{...k,autoPlay:!0===x||"eager"===x||void 0,src:B,className:s()(v.video,{[v.videoAspectRatio]:!!V},a),poster:P,style:{[(0,u.Ay)("--video-aspect-ratio")]:V},ref:W,width:b,height:y,preload:j,controls:_,playsInline:w})]})})},197858:function(e,i,t){"use strict";t.d(i,{S:function(){return a},x:function(){return l}});var n=t(572811),o=t(595609);function s(e,i){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!e)return;let n=new IntersectionObserver(i,t);return n.observe(e),()=>{n.unobserve(e)}}function a(e,i){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=(0,n.r)(t);(0,o.L)(()=>s(e,i,a),[e,i,a])}function l(e,i){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=(0,n.r)(t);(0,o.L)(()=>s(null==e?void 0:e.current,i,a),[i,a,e])}},709527:function(e,i,t){"use strict";t.d(i,{T:function(){return o}});var n=t(271701);function o(){return(0,n.a)("(prefers-reduced-motion)")}},536084:function(e){e.exports={figcaption:"caption_figcaption__nkQ4J",lightboxButtonWrap:"caption_lightboxButtonWrap__tDGsz",lightboxButton:"caption_lightboxButton__drWUP"}},758429:function(e){e.exports={image:"contentfulAsset_image__cZ0Nl",video:"contentfulAsset_video__OyfPY"}},636723:function(e){e.exports={lightboxTrigger:"lightbox_lightboxTrigger__pXsqp",lightbox:"lightbox_lightbox__1cMu_",close:"lightbox_close__OAT9M",content:"lightbox_content__R93A_",imageWrap:"lightbox_imageWrap__dCOhg",image:"lightbox_image__cjvss",screenshotPadding:"lightbox_screenshotPadding__mvyPW",screenshotWrap:"lightbox_screenshotWrap__kWER6"}},820695:function(e){e.exports={figure:"mediaWithCaption_figure__Q6RPs",media:"mediaWithCaption_media__TLfag",keylineBorder:"mediaWithCaption_keylineBorder__xVse0",rounded:"mediaWithCaption_rounded__Qzxy_",keylineRoundedBorderWrap:"mediaWithCaption_keylineRoundedBorderWrap__p7HBt",keylineRoundedBorder:"mediaWithCaption_keylineRoundedBorder__p9eHA"}},880227:function(e){e.exports={roundedMedia:"roundedMedia_roundedMedia__3rMbX",darkMode:"roundedMedia_darkMode__O1KnR",highlightBorder:"roundedMedia_highlightBorder__cc1XE",overlay:"roundedMedia_overlay__2_vcG",overlayButton:"roundedMedia_overlayButton__YVUr5",ctaAlwaysVisible:"roundedMedia_ctaAlwaysVisible__x9k71"}},964405:function(e){e.exports={video:"Video_video__KYz0l",videoAspectRatio:"Video_videoAspectRatio__qVTeE"}}}]);