https://static-web.grammarly.com/cms/master/_next/static/chunks/615.4e5bb605b7e00562.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[615,1259,3943,6324],{2105:e=>{e.exports={parallaxDesktopContainer:"parallax_parallaxDesktopContainer___Tq7S",parallaxResponsiveContainer:"parallax_parallaxResponsiveContainer__77MdS",slideContainer:"parallax_slideContainer__7MgQY",scrollingColumnContainer:"parallax_scrollingColumnContainer__9gpQg",scrollingCopySlide:"parallax_scrollingCopySlide__NVxXi",fixedColumnContainer:"parallax_fixedColumnContainer__f_X2j",slideAsset:"parallax_slideAsset__Mc9Jr",activeSlideAsset:"parallax_activeSlideAsset__IWLoS"}},11760:e=>{e.exports={content:"single-column_content__Fz1wK",singleCol1080:"single-column_singleCol1080__3Rmtx",singleCol1280:"single-column_singleCol1280__cWuxI",alignLeft:"single-column_alignLeft__jkir1",alignRight:"single-column_alignRight__BdfD2",alignDefault:"single-column_alignDefault__pCuYD",alignCenterTextLeft:"single-column_alignCenterTextLeft__jB6HU"}},15485:e=>{e.exports={pageSection:"page-section_pageSection__gl7hH",pageSectionCompact:"page-section_pageSectionCompact__rBUfv",pageSectionClearPadding:"page-section_pageSectionClearPadding__ND9M1"}},30615:(e,t,a)=>{"use strict";a.r(t),a.d(t,{SectionGroup:()=>V,SectionGroupContent:()=>Q,SectionGroupForTabs:()=>O});var n=a(23798),r=a(21462),l=a(69692),i=a(46001),s=a.n(i),o=a(34710),d=a(35187),c=a(81047),u=a(86913),g=a(28019),x=a(98558),m=a(83943),p=a(28925),h=a(8311),C=a(80540),_=a(51457),v=a.n(_),f=a(83793),j=a.n(f);let S=e=>{let{className:t,children:a,background:l,heading:i,sysStructure:_,sectionGroupSwoosh:f,backgroundType:S}=e,k=(0,m.k)(_),{isH1Section:N,isReducedHeroPadding:y}=(0,r.useContext)(c.P),b=(0,r.useContext)(h.Ed),A=(0,p.dA)(b,null==l?void 0:l.color),{className:G,backgroundImage:T}=(0,C.d)(f);return(0,n.jsx)("div",{id:k,className:s()(g.Wy,...A,t,"keychainGradient"===S&&j().gradientKeychainBackground,"gridBackground"===S&&j().gridBackground,"cloudBackground"===S&&j().cloudBackground,"cloudToWhiteBackground"===S&&j().cloudToWhiteBackground,"gradientGridBackground"===S&&j().gradientGridBackground),children:(0,n.jsxs)("div",{className:s()(G,v().container,y&&v().reducedHero),style:{backgroundImage:T},children:[i&&(0,n.jsx)(d.S,{value:{titleStyle:"T1"},children:(0,n.jsxs)(u.j,{children:[(0,n.jsx)(o.FeatureHighlight,{structure:i,titleTagOverride:N?"h1":"h2"}),(0,n.jsx)(x.Xl,{multiplier:2})]})}),a]})})};var k=a(47523),N=a(97561);let y=e=>{let{className:t,children:a,background:l,heading:i,sectionGroupSwoosh:x}=e,{isH1Section:m}=(0,r.useContext)(c.P),_=(0,r.useContext)(h.Ed),v=(0,p.dA)(_,null==l?void 0:l.color),{className:f,backgroundImage:j}=(0,C.d)(x);return(0,n.jsx)("div",{className:s()(g.Wy,...v,t),children:(0,n.jsxs)("div",{className:s()(f),style:{backgroundImage:j},children:[i&&(0,n.jsx)(d.S,{value:{titleStyle:"T1"},children:(0,n.jsxs)(u.j,{children:[(0,n.jsx)(o.FeatureHighlight,{structure:i,titleTagOverride:m?"h1":"h2"}),(0,n.jsx)(N.Xl,{multiplier:7})]})}),a]})})};var b=a(61259),A=a(59296),G=a(375),T=a(79665),I=a(32635),B=a(27227),P=a(24505),R=a(87443),w=a(22747),X=a(2105),H=a.n(X);let D=r.forwardRef((e,t)=>{let{id:a,content:l,slideSectionInternalName:i}=e,{pageId:s,slug:o,isSectionScrollTrackingEnabled:d}=(0,r.useContext)(R.N),c=(0,r.useCallback)(()=>{d&&w.a2.sectionScroll(i,s,o)}

1,[d,s,i,o]);return(0,P.k)(t,c,.5),(0,n.jsx)("div",{ref:t,id:a,className:H().scrollingCopySlide,children:(0,n.jsx)(k.XJ,{structure:l})})}),E=e=>{let{scrollingSlideId:t,content:a,isActive:r}=e;return(0,n.jsx)("div",{className:s()(H().slideAsset,r&&H().activeSlideAsset),"aria-hidden":!r,"aria-describedby":t,children:(0,n.jsx)(k.XJ,{structure:a})})},F="scrollingSlide-",L=e=>{let{containerInternalName:t,content:a,activeSlideIndex:l,setActiveSlideIndex:i}=e,s=(0,r.useRef)(null),o=a.map(e=>e.fields.internalName),d=a.map(e=>e.fields.leftColumnContent),c=a.map(e=>e.fields.rightColumnContent),u=(0,r.useRef)([]);u.current=c.map((e,t)=>{var a;return null!=(a=u.current[t])?a:r.createRef()});let g=(0,r.useCallback)(()=>{var e;let t=null==(e=s.current)?void 0:e.getBoundingClientRect().top,a=Number.MAX_SAFE_INTEGER,n=-1;u.current.forEach((e,r)=>{var l;let i=null==(l=e.current)?void 0:l.getBoundingClientRect().top;if(t&&i&&i<window.innerHeight-200){let e=Math.abs(t-i);e<a&&(a=e,n=r)}}),n>-1&&i(n)},[i]);return(0,r.useEffect)(()=>{g();let e=((e,t)=>{let a=!1;return()=>{a||(a=!0,setTimeout(()=>{e(),a=!1},500))}})(g,0);return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[g]),(0,n.jsxs)("div",{className:H().parallaxDesktopContainer,children:[(0,n.jsx)("div",{className:H().scrollingColumnContainer,children:d.map((e,t)=>(0,n.jsx)(D,{ref:u.current[t],id:"".concat(F).concat(t),content:e,slideSectionInternalName:o[t]},t))}),(0,n.jsx)("div",{ref:s,className:H().fixedColumnContainer,children:c.map((e,a)=>(0,n.jsx)(G.qd,{value:{containerName:t,index:a},children:(0,n.jsx)(E,{scrollingSlideId:"".concat(F).concat(a),content:e,isActive:l===a})},a))})]})},M=e=>{let{containerInternalName:t,content:a,setActiveSlideIndex:r}=e;return(0,n.jsx)("div",{className:H().parallaxResponsiveContainer,children:a.map((e,a)=>(0,n.jsx)(G.qd,{value:{containerName:t,index:a},children:(0,n.jsx)(W,{slideIndex:a,setActiveSlideIndex:r,content:e})},a))})},W=e=>{let{slideIndex:t,setActiveSlideIndex:a,content:l}=e,i=(0,r.useRef)(null),{pageId:s,slug:o,isSectionScrollTrackingEnabled:d}=(0,r.useContext)(R.N),c=(0,r.useCallback)(()=>{d&&w.a2.sectionScroll(l.fields.internalName,s,o)},[l.fields.internalName,d,s,o]);return(0,P.k)(i,c,.5),(0,P.l)(i,()=>{a(t)},void 0,1),(0,n.jsxs)("div",{ref:i,className:H().slideContainer,children:[(0,n.jsx)(k.XJ,{structure:l.fields.leftColumnContent}),(0,n.jsx)(k.XJ,{structure:l.fields.rightColumnContent})]})},J=e=>{let{className:t,structure:a}=e,l=(0,I.Ub)("(max-width: ".concat(b.f.small,")")),{isMobile:i}=(0,I.th)(),[s,o]=(0,r.useState)(-1),{sys:c,fields:{internalName:u,background:g,heading:x,rows:p=[]}}=a,h=p.filter(A.yU).filter(e=>!!e.fields.leftColumnContent&&!!e.fields.rightColumnContent);return(0,n.jsx)(G.YP,{value:{containerName:u,activeSlideIndex:s},children:(0,n.jsx)(m.d,{internalName:u,sysStructure:c,className:t,heading:x,background:g,overrideOnFirstEnterViewport:B.l,children:(0,n.jsx)(T.ZQ.Provider,{value:T.Wp,children:(0,n.jsx)(d.S,{value:{titleStyle:"HL"},children:i||l?(0,n.jsx)(M,{containerInternalName:u,content:h,setActiveSlideIndex:o}):(0,n.jsx)(L,{containerInternalName:u,content:h,activeSlideIndex:s,setActiveSlideIndex:o})})})})})},Q=e=>{var t;let{structure:a}=e,{fields:{heading:i,rows:s}}=a,{isHero:o,indexInPage:d}=(0,r.useContext)(c.P),[u,...g]=s||[];return(0,n.jsxs)(l.J.Provider,{value:!0,children:[(0,n.jsx)(k.pR,{isHero:o,isH1Section:o&&!(null==i||null==(t=i.fields)?void 0:t.title),isGrouped:!0,hasGroupHeading:!!i,structure:u,startIndexInPage:d}),(0,n.jsx)(k.pR,{isGrouped:!0,hasGroupHeading:!!i,structure:g,startIndexInPage:d&&d+1})]})},V=e=>{let{className:t,structure:a}=e,{sys:l,fields:{internalName:i,heading:s,parallax:o,background:d,backgroundType:u}}=a,{sectionGroupSwoosh:g}=(0,r.useContext)(c.P);return o?(0,n.jsx)(J,{structure:a}):(0,n.jsx)(S,{internalName:i,sysStructure:l,className:t,heading:s,background:d,backgroundType:u,sectionGroupSwoosh:g,children:(0,n.jsx)(Q,{structure:a})})},O=e=>{let{className:t,structure:a}=e,{fields:{heading:l,background:i}}=a,{sectionGroupSwoosh:s}=(0,r.useContext)(c.P);return(0,n.jsx)(y,{className:t,heading:l,background:i,sectionGroupSwoosh:s,children:(0,n.jsx)(Q,{structure:a})})}},51457:e=>{e.exports={container:"group_container__GQJxd",reducedHero:"group_reducedHero__z5bXB"}},59449:(e,t,a)=>{"use strict";a.d(t,{f:()=>l,p:()=>r});var n=a(21462);let r={horizontal:"default",vertical:"default"},l=n.createContext(r)},61259:(e,t,a)=>{"use strict";a.d(t,{f:()=>n});let n={xxsmall:"375px",xsmall:"512px",small:"768px",medium:"1080px",large:"1280px",xlarge:"1440px"}},69692:(e,t,a)=>{"use strict";a.d(t,{J:()=>r,f:()=>l});var n=a(21462);let r=n.createContext(!1),l=()=>(0,n.useContext)(r)},81951:e=>{e.exports={container:"grammarly-coda_container__ewp2D",gridShape:"grammarly-coda_gridShape__Truxt",grammarlySpacer:"grammarly-coda_grammarlySpacer__2GF1k",grammarlyShapeIcon:"grammarly-coda_grammarlyShapeIcon__IJhSQ",codaSpacer:"grammarly-coda_codaSpacer__7gCBF",codaShapeIcon:"grammarly-coda_codaShapeIcon__GX_wJ"}},83943:(e,t,a)=>{"use strict";a.d(t,{d:()=>D,k:()=>H});var n=a(23798),r=a(21462),l=a(46001),i=a.n(l),s=a(34710),o=a(35187),d=a(86913),c=a(28019),u=a(98558),g=a(87443),x=a(69692),m=a(8311),p=a(28925),h=a(32635),C=a(91715),_=a(81047),v=a(59449),f=a(47499),j=a(24505),S=a(22747),k=a(15485),N=a.n(k),y=a(10030),b=a.n(y),A=a(71595),G=a(42574),T=a(69834),I=a(81951),B=a.n(I);let P=()=>{let e=(0,T.A)();return(0,n.jsx)("img",{src:"".concat((0,G.Xn)("background-asset/coda-grammarly/grid.svg")),alt:e.formatMessage({id:"backgroundAsset.gridShape.altText",description:"Alt text for the decorative grid SVG in the Grammarly + Coda partnership background.",defaultMessage:"Grid shape"}),className:B().gridShape})},R=()=>{let e=(0,T.A)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{src:"".concat((0,G.Xn)("background-asset/coda-grammarly/coda.svg")),alt:e.formatMessage({id:"backgroundAsset.codaShape.altText",description:'Alt text for the Coda logo SVG in the partnership background. "Coda" is a brand name — do not translate.',defaultMessage:"Coda shape"}),className:B().codaShapeIcon}),(0,n.jsx)("div",{className:B().codaSpacer})]})},w=()=>{let e=(0,T.A)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:B().grammarlySpacer}),(0,n.jsx)("img",{src:"".concat((0,G.Xn)("background-asset/coda-grammarly/grammarly.svg")),alt:e.formatMessage({id:"backgroundAsset.grammarlyShape.altText",description:'Alt text for the Grammarly logo SVG in the partnership background. "Grammarly" is a brand name — do not translate.',defaultMessage:"Grammarly shape"}),className:B().grammarlyShapeIcon})]})},X={grammarlyCoda:()=>({top:w,background:P,bottom:R})},H=e=>{var t,a;let n=null==e?void 0:e.id,r=null==e||null==(a=e.contentType)||null==(t=a.sys)?void 0:t.id;return n&&r?"".concat(r,"_").concat(n):void 0},D=e=>{var t,a;let{internalName:l,sysStructure:k,className:y,children:G,background:T,heading:I,alignment:B,isRemovedVerticalPadding:P,isCompactToolLayout:R=!1,overrideOnFirstEnterViewport:w,overrideFirstEnterViewportThreshold:D,backgroundAssetType:E}=e,F=(0,r.useRef)(null),L=H(k),{pageId:M,slug:W,isSectionScrollTrackingEnabled:J}=(0,r.useContext)(g.N),Q=(0,r.useContext)(x.J),{isHero:V}=(0,r.useContext)(_.P),{pageWidth:O}=(0,f.ec)(),U=(0,r.useContext)(m.Ed),q=(0,p.dA)(U,null==T?void 0:T.color),{isMobile:z}=(0,h.th)(),Y=(0,C.i)(),K=I?{...I,fields:{...I.fields,description:Y&&z?void 0:I.fields.description}}:void 0,Z=I?{...I,fields:{internalName:I.fields.internalName,description:I.fields.description}}:void 0,$=(0,r.useCallback)(()=>{w?w():J&&S.a2.sectionScroll(l,M,W)},[l,J,w,M,W]);(0,j.k)(F,$,null!=D?D:.5);let ee=!!E,{top:et,background:ea,bottom:en}=(e=>e&&X[e]?(0,X[e])():{top:A.D,background:A.D,bottom:A.D})(E);return(0,n.jsxs)("div",{className:i()("1280"===O?b().pagePaddingContainer1280:b().pagePaddingContainer1080,...q,{[b().pageWithBackgroun

1dAsset]:ee}),"data-component-id":l,children:[(0,n.jsx)(ea,{}),(0,n.jsxs)("div",{ref:F,id:L,className:i()(b().pageContentContainer,c.Wy,{[b().pageContentWidth1080Container]:"1280"!==O,[b().pageContentWidth1280Container]:"1280"===O,[b().pageWithBackgroundAsset]:ee,[N().pageSectionClearPadding]:P,[N().pageSectionCompact]:Q&&!P,[N().pageSection]:!Q&&!P},y),children:[(0,n.jsx)(et,{}),K&&(0,n.jsx)(o.S,{value:{titleStyle:"T1"},children:(0,n.jsx)(v.f.Provider,{value:null!=(t=null==B?void 0:B.fields)?t:v.p,children:(0,n.jsxs)(d.j,{children:[(0,n.jsx)(s.FeatureHighlight,{structure:K,titleTagOverride:V?"h1":"h2",isCompactToolLayout:R}),(0,n.jsx)(u.Xl,{multiplier:2})]})})}),G,Y&&z&&(null==Z?void 0:Z.fields.description)&&(0,n.jsx)(o.S,{value:{titleStyle:"T1"},children:(0,n.jsx)(v.f.Provider,{value:null!=(a=null==B?void 0:B.fields)?a:v.p,children:(0,n.jsxs)(d.j,{children:[(0,n.jsx)(u.Xl,{multiplier:2}),(0,n.jsx)(s.FeatureHighlight,{structure:Z})]})})}),(0,n.jsx)(en,{})]})]})}},86913:(e,t,a)=>{"use strict";a.d(t,{j:()=>g});var n=a(23798),r=a(46001),l=a.n(r),i=a(21462),s=a(59449),o=a(47499),d=a(11760),c=a.n(d);let u={left:c().alignLeft,right:c().alignRight,default:c().alignDefault,centerContentLeftAlignText:c().alignCenterTextLeft},g=e=>{let{children:t,className:a}=e,{horizontal:r}=(0,i.useContext)(s.f),{pageWidth:d}=(0,o.ec)();

1return(0,n.jsx)("div",{className:l()(c().content,a,"1280"===d?c().singleCol1280:c().singleCol1080,u[r]),children:t})}},91715:(e,t,a)=>{"use strict";a.d(t,{g:()=>r,i:()=>l});var n=a(21462);let r=(0,n.createContext)(!1),l=()=>(0,n.useContext)(r)}}]);