(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6693],{56693:function(e,t,n){"use strict";n.d(t,{Z:function(){return FlexibleRows}});var l=n(85893),i=n(27924),o=n(93967),c=n.n(o),s=n(92673),r=n(30587),a=n(60899),h=n(84293),d=n(65970),m=n(94521),u=n(44199),x=n(55733),v=n(90497),f=n.n(v),b=n(25675),p=n.n(b);function ChatUnfurlAnimation(){return(0,l.jsx)(m.Z,{children:(0,l.jsxs)("div",{className:f().backgroundGradient,children:[(0,l.jsxs)("div",{className:c()(f().myBubble,"text-thd-color-violet-50 bg-thd-color-white thd-shadow h-20% w-[85%] rounded-[1em] self-end relative mb-[6%]"),children:[(0,l.jsx)("svg",{viewBox:"0 0 435 75",children:(0,l.jsxs)("text",{className:"text-[1.15em]",fill:"currentColor",x:"0",y:"16",children:[(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"Can you show me how to require two-factor"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"authentication for my team?"})]})}),(0,l.jsx)("svg",{className:c()(f().myBubbleTriangle,"absolute top-[35%] text-thd-color-white w-[6%]"),viewBox:"0 0 30 30",children:(0,l.jsx)("polygon",{fill:"currentColor",points:"0,0 15,15 0,30"})})]}),(0,l.jsxs)("div",{className:c()(f().theirBubbleWrapper,"relative"),children:[(0,l.jsxs)("div",{className:c()(f().theirBubble,"text-thd-color-white bg-thd-color-violet-90 thd-shadow h-[36%] w-[85%] rounded-[1em]"),children:[(0,l.jsx)("svg",{viewBox:"0 0 435 125",children:(0,l.jsxs)("text",{className:"text-[1.15em]",fill:"currentColor",x:"0",y:"16",children:[(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"Of course! Here’s a short walkthrough of"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"6%",children:"the steps you’ll need to take:"}),(0,l.jsx)("tspan",{className:"text-thd-color-violet-40",dy:"1.5em",x:"6%",children:"loom.com/share/28u2o923"})]})}),(0,l.jsxs)("div",{className:"mx-auto overflow-hidden relative rounded-[.5em] w-[88%]",children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(x.Lv,"/home/screen.webp"),type:"image/webp"}),(0,l.jsx)(p(),{alt:"",className:c()(f().theirBubbleUnfurl,"w-full"),src:"".concat(x.Lv,"/home/screen.jpg"),height:"512",width:"860"})]}),(0,l.jsxs)("svg",{className:c()(f().playButton,"absolute left-0 h-full opacity-0 top-0 w-full"),fill:"none",height:"256",viewBox:"0 0 430 256",width:"430",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("rect",{fill:"#3B394E",height:"84.6259",rx:"42.3129",width:"84.6259",x:"175.029",y:"82.3706"}),(0,l.jsx)("path",{d:"M206.212 111.619V137.746C206.212 139.739 208.503 140.949 210.268 139.865L231.711 126.801C233.344 125.818 233.344 123.548 231.711 122.539L210.268 109.501C208.503 108.417 206.212 109.627 206.212 111.619Z",fill:"white"}),(0,l.jsx)("rect",{height:"90.1934",rx:"45.0967",stroke:"#3B394E",strokeOpacity:"0.3",strokeWidth:"5.56749",width:"90.1934",x:"172.246",y:"79.5869"})]})]}),(0,l.jsxs)("svg",{className:f().cursor,fill:"none",height:"22",viewBox:"0 0 21 22",width:"21",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"m4.7149 16.698c-.37961-.4799-.84075-1.461-1.66145-2.652-.46516-.6736-1.61868-1.9421-1.9622-2.5864-.298076-.5694-.265997-.8247-.195154-1.2965.125644-.83943.986444-1.49306 1.904724-1.40484.69372.0655 1.28185.52397 1.81116.95704.31946.26065.71243.7672.94902 1.0533.21787.262.27134.3702.50392.6803.30743.4104.40367.6136.28604.1618-.0949-.663-.24995-1.79515-.47451-2.7963-.17109-.75921-.21253-.87817-.3756-1.46095-.17243-.62021-.26065-1.05462-.42238-1.71225-.11228-.46516-.31411-1.41551-.36891-1.95017-.07619-.73115-.11629-1.92344.35287-2.47147.36758-.42906 1.211-.558715 1.73363-.294059.68437.346189 1.07333 1.340659 1.25111 1.737639.31946.71378.51728 1.53849.68971 2.62117.21921 1.37809.62288 3.29083.63624 3.69316.03208-.49322-.09089-1.5318-.00534-2.00497.07752-.42906.43842-.92763.89022-1.06263.3823-.11362.83-.15506 1.2244-.07352.4183.08554.8594.38495 1.0238.66699.4839.83407.4933 2.53829.5133 2.4474.115-.50258.0949-1.64274.3796-2.11725.1871-.31278.6643-.59481.9183-.64026.393-.0695.8755-.09089 1.2885-.01069.3328.0655.7833.46114.9049.65095.2914.45981.4572 1.76037.5066 2.21616.0201.18847.0989-.52396.3917-.98377.5426-.85412 2.4634-1.01986 2.5369.85412.0334.87417.0267.83407.0267 1.4222 0 .691-.016 1.1067-.0534 1.6066-.0415.5347-.1564 1.743-.3235 2.3285-.1149.4023-.4959 1.3072-.8715 1.8499 0 0-1.4355 1.6708-1.5919 2.4234-.1578.7512-.1056.7565-.1364 1.2898-.0307.532.1618 1.2324.1618 1.2324s-1.072.139-1.6495.0468c-.5226-.0842-1.1695-1.1241-1.3366-1.4423-.2299-.4384-.7205-.3542-.9116-.0307-.3007.5119-.9477 1.4302-1.4048 1.4877-.8929.1123-2.7455.0414-4.19576.0267 0 0 .24728-1.3513-.30342-1.8151-.40768-.3462-1.10942-1.048-1.52913-1.4169z",fill:"#fff",fillRule:"evenodd"}),(0,l.jsxs)("g",{stroke:"#000",strokeLinecap:"round",strokeWidth:"1.00249",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"m4.7149 16.698c-.37961-.4799-.84075-1.461-1.66145-2.652-.46516-.6736-1.61868-1.9421-1.9622-2.5864-.298076-.5694-.265997-.8247-.195154-1.2965.125644-.83943.986444-1.49306 1.904724-1.40484.69372.0655 1.28185.52397 1.81116.95704.31946.26065.71243.7672.94902 1.0533.21787.262.27134.3702.50392.6803.30743.4104.40367.6136.28604.1618-.0949-.663-.24995-1.79515-.47451-2.7963-.17109-.75921-.21253-.87817-.3756-1.46095-.17243-.62021-.26065-1.05462-.42238-1.71225-.11228-.46516-.31411-1.41551-.36891-1.95017-.07619-.73115-.11629-1.92344.35287-2.47147.36758-.42906 1.211-.558715 1.73363-.294059.68437.346189 1.07333 1.340659 1.25111 1.737639.31946.71378.51728 1.53849.68971 2.62117.21921 1.37809.62288 3.29083.63624 3.69316.03208-.49322-.09089-1.5318-.00534-2.00497.07752-.42906.43842-.92763.89022-1.06263.3823-.11362.83-.15506 1.2244-.07352.4183.08554.8594.38495 1.0238.66699.4839.83407.4933 2.53829.5133 2.4474.115-.50258.0949-1.64274.3796-2.11725.1871-.31278.6643-.59481.9183-.64026.393-.0695.8755-.09089 1.2885-.01069.3328.0655.7833.46114.9049.65095.2914.45981.4572 1.76037.5066 2.21616.0201.18847.0989-.52396.3917-.98377.5426-.85412 2.4634-1.01986 2.5369.85412.0334.87417.0267.83407.0267 1.4222 0 .691-.016 1.1067-.0534 1.6066-.0415.5347-.1564 1.743-.3235 2.3285-.1149.4023-.4959 1.3072-.8715 1.8499 0 0-1.4355 1.6708-1.5919 2.4234-.1578.7512-.1056.7565-.1364 1.2898-.0307.532.1618 1.2324.1618 1.2324s-1.072.139-1.6495.0468c-.5226-.0842-1.1695-1.1241-1.3366-1.4423-.2299-.4384-.7205-.3542-.9116-.0307-.3007.5119-.9477 1.4302-1.4048 1.4877-.8929.1123-2.7455.0414-4.19576.0267 0 0 .24728-1.3513-.30342-1.8151-.40768-.3462-1.10942-1.048-1.52913-1.4169z",fillRule:"evenodd",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"m15.7221 17.1718v-4.6235"}),(0,l.jsx)("path",{d:"m13.0279 17.1874-.0214-4.6422"}),(0,l.jsx)("path",{d:"m10.3598 12.5875.0281 4.5794"})]})]}),(0,l.jsxs)("div",{className:"absolute aspect-square bottom-[7%] left-[8%] overflow-hidden rounded-full w-20%",children:[(0,l.jsx)(u.Z,{autoPlay:!0,className:c()(f().theirBubbleUnfurl,"rounded-full"),height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/bubbs/ayana-sm.mp4"),type:"video/mp4"}],width:"648"}),(0,l.jsx)(p(),{alt:"",className:c()(f().staticBubb,"absolute rounded-full top-0"),src:"".concat(x.Lv,"/bubbs/ayana-sm.jpg"),height:"200",width:"200"})]})]}),(0,l.jsx)("svg",{className:c()(f().theirBubbleTriangle,"absolute top-[28%] text-thd-color-violet-90 w-[6%] rotate-180"),viewBox:"0 0 30 30",children:(0,l.jsx)("polygon",{fill:"currentColor",points:"0,0 15,15 0,30"})})]}),(0,l.jsx)("div",{className:c()(f().integrations,"absolute top-0 left-0 w-full h-full flex items-center justify-center translate-y-16 opacity-0"),children:(0,l.jsx)(p(),{alt:"Integrations with Google, Slack, Salesforce, Figma and Jira",className:"w-70% h-70%",src:"".concat(x.Lv,"/home/integrations.svg"),height:"490",width:"505"})})]})})}var j=n(13919),_=n.n(j);function CommentsConversationAnimation(){return(0,l.jsxs)(m.Z,{children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(x.Lv,"/home/visual-studio-code.webp"),type:"image/webp"}),(0,l.jsx)(p(),{alt:"Background code in Visual Studio code editor",className:"aspect-square object-cover w-full",src:"".concat(x.Lv,"/home/visual-studio-code.jpg"),loading:"lazy",width:700,height:700})]}),(0,l.jsx)("div",{className:"absolute bottom-0 bg-gradient-to-t from-thd-color-violet-80 opacity-50 to-thd-color-violet-0 h-1/3 w-full"}),(0,l.jsx)("div",{className:_().bubb,children:(0,l.jsx)(u.Z,{autoPlay:!0,className:_().cam,height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/home/hero-bubb.mp4"),type:"video/mp4"}],width:"648"})}),(0,l.jsxs)("div",{className:_().timeline,children:[(0,l.jsx)("span",{className:"h-full overflow-hidden rounded-full translate-x-0 w-full",children:(0,l.jsx)("span",{className:_().timelineFill})}),(0,l.jsx)("span",{className:c()(_().timelineEmoji,_().emoji1),style:{left:"10%"},children:(0,l.jsx)("svg",{viewBox:"0 0 30 30",children:(0,l.jsx)("text",{x:"3",y:"23",children:"\uD83D\uDC4D"})})}),(0,l.jsxs)("span",{className:c()(_().timelineComment,_().comment1),style:{left:"25%"},children:[(0,l.jsx)("span",{className:_().timelineAvatarWrapper,children:(0,l.jsx)("img",{alt:"Jai",className:"h-full w-full rounded-full",height:"28",src:"".concat(x.Lv,"/bubbs/jai-sm.jpg"),width:"28"})}),(0,l.jsx)("span",{className:_().timelineText,children:(0,l.jsx)("svg",{viewBox:"0 0 90 15",children:(0,l.jsx)("text",{fill:"currentColor",x:"0",y:"13",children:"Great point!"})})})]}),(0,l.jsxs)("span",{className:c()(_().timelineComment,_().comment2),style:{left:"60%"},children:[(0,l.jsx)("span",{className:_().timelineAvatarWrapper,children:(0,l.jsx)("img",{alt:"Jai",className:"h-full w-full rounded-full",height:"28",src:"".concat(x.Lv,"/bubbs/jai-sm.jpg"),width:"28"})}),(0,l.jsx)("span",{className:_().timelineText,children:(0,l.jsx)("svg",{viewBox:"0 0 150 15",children:(0,l.jsx)("text",{fill:"currentColor",x:"0",y:"13",children:"Yes! Really love this."})})})]})]})]})}var g=n(20699),C=n(20434),w=n(91585),y=n(11108),N=n.n(y);function FlexibleRow(e){var t=e.row,n=e.i,o=t.icon,m=t.image,v=t.mediaType,f=t.ctaStyle,b=t.rowBackground,j=t.videoUrl,_=t.loom,y=t.pinched,A=t.eyebrow,M=t.ratio,B=(0,r.ZP)("(min-width: 1280px)"),z=n%2!=0,R=b?b+"-10":"",S="thd-container-plate px-fluid-base  md:px-fluid-md lg:px-fluid-lg thd-rounded-int py-fluid-md";return(0,l.jsx)("div",{className:"".concat(B?"":"".concat((0,s.b)(R).bg," thd-rounded-int")," transition-colors duration-300 ease-in-out"),children:(0,l.jsx)("div",{className:"\n          ".concat(R&&!y?c()((0,s.b)(R).bg,S):""," ").concat(y?"xl:py-12 ".concat(S):""," "),children:(0,l.jsxs)("div",{className:c()(N()[z?"odd-row":"even-row"],"grid md:items-center gap-y-xl md:grid-cols-2"),children:[(0,l.jsxs)("div",{className:"".concat(z?"":"md:order-1"," h-full flex items-center"),children:["image"===v&&(0,l.jsx)(p(),{src:(0,C.ZP)(m).url(),alt:m.altText,width:1e3,height:1200,className:"thd-rounded-int w-full h-full object-cover"}),"video"===v&&(0,l.jsx)(u.Z,{className:"thd-rounded-int ".concat(M?M+" w-full h-full":""),autoPlay:!0,loop:!0,muted:!0,playsInline:!0,sources:[{src:"".concat(x.Lv,"/").concat(j,".webm"),type:"video/webm"},{src:"".concat(x.Lv,"/").concat(j,".mp4"),type:"video/mp4"}]}),"loom"===v&&(0,l.jsx)(w.Z,{className:"overflow-hidden thd-rounded-int my-auto",hideElements:!0,loom:_}),"animation"===v&&(0,l.jsxs)(l.Fragment,{children:["commentsConversation"===t.customAnimation&&(0,l.jsx)(CommentsConversationAnimation,{}),"chatUnfurl"===t.customAnimation&&(0,l.jsx)(ChatUnfurlAnimation,{}),"recordScreen"===t.customAnimation&&(0,l.jsx)(g.Z,{})]})]}),(0,l.jsx)("div",{className:c()(B&&R&&(0,s.b)(R).bg,"thd-rounded-int flex  md:min-h-[87%] items-center ".concat(z?"md:rounded-l-none":"md:rounded-r-none")),children:(0,l.jsxs)("div",{className:"w-full md:px-48 2xl:px-64 h-full flex flex-col justify-center",children:[A&&(0,l.jsx)("p",{className:"text-xs mb-md font-medium uppercase ".concat((0,s.b)(R).bodyText),children:A}),o.chip&&!o.iconRef?(0,l.jsx)("p",{className:c()((0,s.b)(R).bodyText,"thd-overline mb-md"),children:o.chip}):(0,l.jsx)(l.Fragment,{children:(null==o?void 0:o.chip)&&(null==o?void 0:o.iconRef)?(0,l.jsx)(a.Z,{cStyle:"overline",className:"mb-md",logo:(0,l.jsx)(h.Z,{background:!1,className:(null==o?void 0:o.chip)&&"mr-sm",item:o,iconBg:!1,themeColor:R||"violet-90"}),tag:null==o?void 0:o.chip,themeColor:R||"violet-10"}):(0,l.jsx)(l.Fragment,{children:(null==o?void 0:o.iconRef)&&(0,l.jsx)(h.Z,{className:c()((null==o?void 0:o.chip)&&"mr-sm","mb-md flex items-center justify-center"),item:o,showIcons:"hideOnMobile"})})}),(0,l.jsx)(i.Z,{bFont:"md",bLineLength:"2xl",className:"w-full mx-auto ",gap:"mb-md",hAlign:"start",hFont:"sm",hLevel:"h3",hLineLength:"md",hLineLengthStart:"md",header:o,cta:"button"===f&&o.cta,themeColor:R,vAlign:"center",nested:!0}),"link"===f&&(0,l.jsxs)(d.Z,{className:c()(R?(0,s.b)(R).iconAccent:"text-thd-color-violet-80","font-bold mt-lg flex items-center xl:text-18"),href:o.cta.link,children:[o.cta.copy||"Try now",(0,l.jsx)(h.Z,{className:"h-content w-content mr-0 ml-[0.5ch] flex items-center",iconBg:!1,iconColor:"currentColor",item:"arrow-right",scaleIcons:"inline"})]})]})})]})})})}function FlexibleRows(e){var t=e.header,n=e.rows,o=e.reverseOrder,c=void 0!==o&&o;return n?(0,l.jsxs)("section",{className:"max-w-screen-3xl mx-auto  px-fluid-base 3xl:p-0",children:[t&&(0,l.jsx)(i.Z,{bFont:"lg",bLineLength:"3xl",gap:"mb-md md:mb-lg",hAlign:"center-end",hFont:"lg",hLineLength:"lg",header:t,vAlign:"center"}),(0,l.jsx)("div",{className:"pb-fluid-sm lg:px-fluid-md",children:(0,l.jsx)("div",{className:"flex flex-col gap-fluid-md mx-auto",children:n.map(function(e,t){return(0,l.jsx)(FlexibleRow,{row:e,i:c?t:t+1},t)})})})]}):null}},20699:function(e,t,n){"use strict";n.d(t,{Z:function(){return RecordScreenAnimation}});var l=n(24043),i=n(85893),o=n(71959),c=n(33238),s=n(66734),r=n(88768),a=n(24918),h=n(93967),d=n.n(h),m=n(67294),u=n(70131),x=n(65734),v=n.n(x);function RecordScreenSchedule(e){var t=e.isRemoving;return(0,i.jsxs)("svg",{className:d()(t&&v().isRemoving,"aspect-square font-medium object-cover text-18 w-full"),viewBox:"0 0 713 713",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{fill:"#2B1C50",height:"713",width:"713",y:"0.5"}),(0,i.jsx)("path",{d:"M34,60.5c2.4,0,3.9-1.3,3.9-3c0-1.3-0.9-2.2-2-2.6c1-0.4,1.7-1.3,1.7-2.4c0-1.8-1.6-3-3.6-3  c-2.1,0-3.6,1.2-3.6,3c0,1.1,0.7,2.1,1.7,2.4c-1.1,0.4-2,1.4-2,2.6C30.1,59.2,31.6,60.5,34,60.5z M34,54.1c-1.1,0-1.8-0.7-1.8-1.7  c0-0.9,0.7-1.6,1.8-1.6c1.1,0,1.8,0.7,1.8,1.6C35.9,53.4,35.1,54.1,34,54.1z M34,59c-1.3,0-2.1-0.8-2.1-1.7c0-0.9,0.8-1.7,2.1-1.7  c1.3,0,2.1,0.8,2.1,1.7C36.1,58.2,35.4,59,34,59z M46.6,60.3h2l-4.1-10.6h-2.1l-4.1,10.6h1.9l1-2.7h4.5L46.6,60.3z M43.4,51.6  l1.6,4.3h-3.2L43.4,51.6z M61.4,60.3V49.6h-2.4l-3.4,8.1l-3.5-8.1h-2.4v10.6h1.8v-7.8l3.3,7.8h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M36.1,153.6c0,1.3-1,2.1-2.2,2.1c-1.2,0-2.1-0.8-2.1-2.1c0-1.3,1-2.1,2.1-2.1C35,151.5,36.1,152.4,36.1,153.6z  M30.3,160.5c0.5,0.3,1.6,0.6,2.5,0.6c3.6,0,5.4-2.3,5.4-6.2c0-3.4-2-4.9-4.2-4.9c-2.1,0-3.9,1.5-3.9,3.7c0,2.3,1.8,3.6,3.7,3.6  c1.3,0,2.3-0.6,2.7-1.3c-0.1,2-1.2,3.5-3.6,3.5c-0.7,0-1.5-0.2-1.9-0.5L30.3,160.5z M46.6,160.8h2l-4.1-10.6h-2.1l-4.1,10.6h1.9  l1-2.7h4.5L46.6,160.8z M43.4,152.2l1.6,4.4h-3.2L43.4,152.2z M61.4,160.8v-10.6h-2.4l-3.4,8.1l-3.5-8.1h-2.4v10.6h1.8V153l3.3,7.8  h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M28.1,261.4v-10.6h-1.6c-0.2,1.1-1.3,1.9-2.8,2v1.2h2.6v7.4H28.1z M29.5,256.1c0,1.4,0.2,2.8,0.9,3.8  c0.7,1.1,1.8,1.7,3.3,1.7c1.6,0,2.6-0.7,3.3-1.7c0.7-1,0.9-2.4,0.9-3.8c0-1.4-0.2-2.8-0.9-3.8c-0.7-1-1.8-1.7-3.3-1.7  c-1.5,0-2.6,0.7-3.3,1.7C29.7,253.3,29.5,254.7,29.5,256.1z M31.2,256.1c0-1.5,0.3-2.6,0.8-3.2c0.4-0.4,0.9-0.8,1.7-0.8  s1.3,0.3,1.7,0.8c0.6,0.7,0.8,1.7,0.8,3.2c0,1.5-0.3,2.6-0.8,3.2c-0.4,0.4-0.9,0.8-1.7,0.8s-1.3-0.3-1.7-0.8  C31.5,258.7,31.2,257.6,31.2,256.1z M46.6,261.4h2l-4.1-10.6h-2.1l-4.1,10.6h1.9l1-2.7h4.5L46.6,261.4z M43.4,252.7l1.6,4.4h-3.2  L43.4,252.7z M61.4,261.4v-10.6h-2.4l-3.4,8.1l-3.5-8.1h-2.4v10.6h1.8v-7.8l3.3,7.8h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M32.1,362v-10.6h-1.6c-0.2,1.1-1.3,2-2.8,2v1.2h2.6v7.4H32.1z M37.4,362v-10.6h-1.6c-0.2,1.1-1.3,2-2.8,2v1.2  h2.6v7.4H37.4z M46.6,362h2l-4.1-10.6h-2.1L38.2,362h1.9l1-2.7h4.5L46.6,362z M43.4,353.3l1.6,4.4h-3.2L43.4,353.3z M61.4,362v-10.6  h-2.4l-3.4,8.1l-3.5-8.1h-2.4V362h1.8v-7.8l3.3,7.8h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M36.7,462.6v-10.6h-1.8v7.5l-4.8-7.5h-2.3v10.6h1.8v-8.1l5.2,8.1H36.7z M41.8,461.2c-1.1,0-2-0.8-2-2.3  c0-1.5,1-2.3,2-2.3c1.1,0,2,0.8,2,2.3C43.8,460.4,42.9,461.2,41.8,461.2z M41.8,455c-2.2,0-3.8,1.6-3.8,3.9c0,2.2,1.6,3.9,3.8,3.9  c2.2,0,3.8-1.6,3.8-3.9C45.6,456.7,44,455,41.8,455z M50.2,461.2c-1.1,0-2-0.8-2-2.3c0-1.5,1-2.3,2-2.3c1.1,0,2,0.8,2,2.3  C52.2,460.4,51.2,461.2,50.2,461.2z M50.2,455c-2.2,0-3.8,1.6-3.8,3.9c0,2.2,1.6,3.9,3.8,3.9c2.2,0,3.8-1.6,3.8-3.9  C54,456.7,52.4,455,50.2,455z M56.9,458.4c0-1,0.5-1.7,1.5-1.7c1.1,0,1.5,0.7,1.5,1.6v4.3h1.7V458c0-1.6-0.9-2.9-2.6-2.9  c-0.8,0-1.7,0.3-2.2,1.2v-1h-1.7v7.3h1.7V458.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M39.1,563.2v-10.6h-1.6c-0.2,1.1-1.3,2-2.8,2v1.2h2.6v7.4H39.1z M42.8,557.4v-3.3h1.9c1.1,0,1.8,0.6,1.8,1.7  c0,1-0.7,1.6-1.8,1.6H42.8z M45,559c2,0,3.4-1.4,3.4-3.2c0-1.9-1.3-3.2-3.4-3.2H41v10.6h1.8V559H45z M61.4,563.2v-10.6h-2.4  l-3.4,8.1l-3.5-8.1h-2.4v10.6h1.8v-7.8l3.3,7.8h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("path",{d:"M33.8,657c0-0.2,0-0.4,0-0.5c0-1.1,0.6-2.1,1.9-2.1c1.3,0,1.9,0.8,1.9,1.8c0,0.8-0.4,1.5-1.4,2.1l-1.8,1.1  c-1.8,1.2-2.5,2.5-2.5,4.3h7.5v-1.6h-5.3c0.2-0.6,0.6-1,1.2-1.3l2.1-1.3c1.2-0.8,2-1.9,2-3.3c0-1.8-1.3-3.3-3.6-3.3  c-2.4,0-3.7,1.6-3.7,3.5c0,0.2,0,0.4,0,0.5L33.8,657z M42.8,658v-3.3h1.9c1.1,0,1.8,0.6,1.8,1.7c0,1-0.7,1.6-1.8,1.6H42.8z  M45,659.6c2,0,3.4-1.4,3.4-3.2c0-1.9-1.3-3.2-3.4-3.2H41v10.6h1.8v-4.2H45z M61.4,663.7v-10.6h-2.4l-3.4,8.1l-3.5-8.1h-2.4v10.6  h1.8v-7.8l3.3,7.8h1.6l3.3-7.8v7.8H61.4z",fill:"#493C69"}),(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"54.8",y2:"54.8"}),(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"155.3",y2:"155.3"}),(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"255.9",y2:"255.9"}),(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"356.5",y2:"356.5"}),(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"557.7",y2:"557.7"}),(0,i.jsx)("path",{d:"M77.2,362h597.1c3.3,0,6,2.7,6,6v35.1c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6V368C71.2,364.7,73.9,362,77.2,362  z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,368c0-3.3,2.7-6,6-6h0.4v47.1h-0.4c-3.3,0-6-2.7-6-6V368z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"391",children:"1:1 with Dereje"}),(0,i.jsx)("path",{d:"M77.2,563.2h597.1c3.3,0,6,2.7,6,6v35.1c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6v-35.1  C71.2,565.8,73.9,563.2,77.2,563.2z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,569.2c0-3.3,2.7-6,6-6h0.4v47.1h-0.4c-3.3,0-6-2.7-6-6V569.2z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"593",children:"1:1 with Sonya"}),(0,i.jsx)("path",{d:"M77.2,160.8h597.1c3.3,0,6,2.7,6,6v78.6c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6v-78.6  C71.2,163.5,73.9,160.8,77.2,160.8z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,166.8c0-3.3,2.7-6,6-6h0.4v90.6h-0.4c-3.3,0-6-2.7-6-6V166.8z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"190",children:"Focus Work"}),(0,i.jsxs)("g",{className:v().remove5,children:[(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"658.2",y2:"658.2"}),(0,i.jsx)("path",{d:"M77.2,615.3h597.1c3.3,0,6,2.7,6,6v74.9c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6v-74.9   C71.2,618,73.9,615.3,77.2,615.3z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,621.3c0-3.3,2.7-6,6-6h0.4v86.9h-0.4c-3.3,0-6-2.7-6-6V621.3z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"645",children:"Quarterly Budget Meeting"})]}),(0,i.jsxs)("g",{className:v().remove4,children:[(0,i.jsx)("path",{d:"M77.2,506h597.1c3.3,0,6,2.7,6,6v35.1c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6V512   C71.2,508.7,73.9,506,77.2,506z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,512c0-3.3,2.7-6,6-6h0.4v47.1h-0.4c-3.3,0-6-2.7-6-6V512z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"535",children:"Project Review"})]}),(0,i.jsxs)("g",{className:v().remove3,children:[(0,i.jsx)("line",{stroke:"#3b2d5e",x1:"71.2",x2:"690.3",y1:"457.1",y2:"457.1"}),(0,i.jsx)("path",{d:"M77.2,414.1h597.1c3.3,0,6,2.7,6,6V495c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6v-74.9   C71.2,416.8,73.9,414.1,77.2,414.1z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,420.1c0-3.3,2.7-6,6-6h0.4V501h-0.4c-3.3,0-6-2.7-6-6V420.1z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"444",children:"Q4 Campaign Results"})]}),(0,i.jsxs)("g",{className:v().remove2,children:[(0,i.jsx)("path",{d:"M77.2,261.4h597.1c3.3,0,6,2.7,6,6V346c0,3.3-2.7,6-6,6H77.2c-3.3,0-6-2.7-6-6v-78.6   C71.2,264.1,73.9,261.4,77.2,261.4z",fill:"#3b2d5e"}),(0,i.jsx)("path",{d:"M71.2,267.4c0-3.3,2.7-6,6-6h0.4V352h-0.4c-3.3,0-6-2.7-6-6V267.4z",fill:"#b1acbf"}),(0,i.jsx)("text",{fill:"#b1acbf",x:"85",y:"291",children:"Results Report"})]})]})}var f=n(94521),b=n(55733),p=n(39237),j=n.n(p);function RecordScreenAnimation(){var e=(0,m.useRef)(),t=(0,l._)((0,m.useState)(0),2),n=t[0],h=t[1],x=(0,l._)((0,m.useState)(!0),2),v=x[0],p=x[1],_=(0,l._)((0,m.useState)(!1),2),g=_[0],C=_[1],w=(0,l._)((0,m.useState)(!0),2),y=w[0],N=w[1],A=(0,u.YD)({threshold:1,triggerOnce:!0}),M=A.inView,B=A.ref;return(0,m.useEffect)(function(){var e=null;return v?e=setInterval(function(){h(function(e){return e%60+1})},1e3):v||0===n||clearInterval(e),function(){return clearInterval(e)}},[v,n]),(0,i.jsxs)(f.Z,{children:[(0,i.jsx)(RecordScreenSchedule,{isRemoving:M&&y}),(0,i.jsxs)("div",{className:d()(j().bubb,g&&j().isCancelled),ref:B,children:[(0,i.jsx)("video",{autoPlay:!0,className:j().cam,height:"648",loop:!0,muted:!0,playsInline:!0,ref:e,width:"648",children:(0,i.jsx)("source",{src:"".concat(b.Lv,"/bubbs/angelina.mp4"),type:"video/mp4"})}),(0,i.jsxs)("div",{className:j().controls,children:[(0,i.jsx)(s.Z,{className:"text-thd-color-red-50 h-1/2 w-[14%]"}),(0,i.jsx)("svg",{className:j().controlsTime,viewBox:"0 0 40 16",children:(0,i.jsx)("text",{x:"0",y:"12",children:n<10?"0:0"+n:60===n?"0:00":"0:"+n})}),(0,i.jsx)("div",{className:j().controlsButtonWrapper,children:(0,i.jsx)(a.ZP,{content:v?"Pause":"Resume",children:(0,i.jsx)("button",{"aria-label":"Pause recording in animation",className:d()(j().controlsButton,"thd-focus-thick flex h-full"),onClick:function(){p(!v),e.current.paused?e.current.play():e.current.pause()},type:"button",children:v?(0,i.jsx)(o.Z,{}):(0,i.jsx)(c.Z,{})})})}),(0,i.jsx)("div",{className:d()(j().controlsButtonWrapper,"ml-[4%]"),children:(0,i.jsx)(a.ZP,{content:"Cancel",children:(0,i.jsx)("button",{"aria-label":"Cancel recording in animation",className:d()(j().controlsButton,"thd-focus-thick flex h-full"),onClick:function(){C(!0),setTimeout(function(){N(!1),C(!1),h(0),p(!0),e.current.play()},2e3),setTimeout(function(){N(!0)},3e3)},type:"button",children:(0,i.jsx)(r.Z,{})})})})]})]})]})}},94521:function(e,t,n){"use strict";n.d(t,{Z:function(){return ThreadSpotAnimationContainer}});var l=n(85893);function ThreadSpotAnimationContainer(e){var t=e.children;return(0,l.jsx)("div",{className:"aspect-square h-full overflow-hidden relative thd-rounded-int translate-x-0 w-full",children:t})}},11108:function(e){e.exports={"odd-row":"FlexibleRow_odd-row__syO_n","even-row":"FlexibleRow_even-row__AfSjV"}},90497:function(e){e.exports={backgroundGradient:"ChatUnfurlAnimation_backgroundGradient__1DQV3",theirBubble:"ChatUnfurlAnimation_theirBubble__nXBDO",playButton:"ChatUnfurlAnimation_playButton__Y4StC",cursor:"ChatUnfurlAnimation_cursor__U83xK",integrations:"ChatUnfurlAnimation_integrations__xlp7q",moveUp3:"ChatUnfurlAnimation_moveUp3__ltAgB",myBubble:"ChatUnfurlAnimation_myBubble___VLkE",moveUp:"ChatUnfurlAnimation_moveUp__KUoh9",theirBubbleWrapper:"ChatUnfurlAnimation_theirBubbleWrapper__xFQ51",moveUp2:"ChatUnfurlAnimation_moveUp2__I7mmp",expand:"ChatUnfurlAnimation_expand___LYr7",theirBubbleUnfurl:"ChatUnfurlAnimation_theirBubbleUnfurl__n5OO7",unfurl:"ChatUnfurlAnimation_unfurl__AmPML",play:"ChatUnfurlAnimation_play__bHqlx",click:"ChatUnfurlAnimation_click__OvyUw",staticBubb:"ChatUnfurlAnimation_staticBubb___r_OK",remove:"ChatUnfurlAnimation_remove__YKMot",myBubbleTriangle:"ChatUnfurlAnimation_myBubbleTriangle__rSnVF",theirBubbleTriangle:"ChatUnfurlAnimation_theirBubbleTriangle__GbN7v"}},13919:function(e){e.exports={bubb:"CommentsConversationAnimation_bubb__QqOhT",isCancelled:"CommentsConversationAnimation_isCancelled__yZg1h",cam:"CommentsConversationAnimation_cam___gCCU",timeline:"CommentsConversationAnimation_timeline__pGI4g",timelineFill:"CommentsConversationAnimation_timelineFill___sxvr",fill:"CommentsConversationAnimation_fill__6JMyH",timelineEmoji:"CommentsConversationAnimation_timelineEmoji__yg43I",timelineComment:"CommentsConversationAnimation_timelineComment__OVE6D",comment1:"CommentsConversationAnimation_comment1__qSRR3",timelineText:"CommentsConversationAnimation_timelineText__xQF8x",comment2:"CommentsConversationAnimation_comment2__rFbbF",timelineAvatarWrapper:"CommentsConversationAnimation_timelineAvatarWrapper__jExAG",emoji1:"CommentsConversationAnimation_emoji1__TWE3Q"}},39237:function(e){e.exports={bubb:"RecordScreenAnimation_bubb__QhMRI",isCancelled:"RecordScreenAnimation_isCancelled__309SX",cam:"RecordScreenAnimation_cam__ivFyG",controls:"RecordScreenAnimation_controls__QF857",controlsTime:"RecordScreenAnimation_controlsTime__JfDh_",controlsButtonWrapper:"RecordScreenAnimation_controlsButtonWrapper__xVVXl",controlsButton:"RecordScreenAnimation_controlsButton__tRpOw"}},65734:function(e){e.exports={isRemoving:"RecordScreenSchedule_isRemoving__enEx8",remove2:"RecordScreenSchedule_remove2__MgGdt",remove:"RecordScreenSchedule_remove__eF4du",remove3:"RecordScreenSchedule_remove3__mtjf_",remove4:"RecordScreenSchedule_remove4__joiks",remove5:"RecordScreenSchedule_remove5__7ZG7t"}}}]);