(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[691],{63322:function(e,t,n){"use strict";var r=n(82729),l=n(36086),o=n(84224),a=n(38030),i=n(67294),s=n(52117),d=n(31666);function _templateObject(){var e=(0,r._)(["\n  transition: opacity 0.5s;\n  ",";\n"]);return _templateObject=function(){return e},e}function _templateObject1(){var e=(0,r._)(["\n    cursor: pointer;\n  "]);return _templateObject1=function(){return e},e}function _templateObject2(){var e=(0,r._)(["\n    pointer-events: none;\n    background-color: ",";\n    color: ",";\n    border: none;\n  "]);return _templateObject2=function(){return e},e}function _templateObject3(){var e=(0,r._)(["\n  appearance: none;\n  padding: 0\n    ",";\n  font: inherit;\n  text-decoration: none;\n  transition: 0.6s background, 0.6s border-color;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  white-space: nowrap;\n  ",";\n  ",";\n  ",";\n  height: ",";\n  min-width: ",";\n  ",";\n  ",";\n  ",";\n\n  &:hover {\n    transition: 0.3s background, 0.3s border-color;\n    background: ",";\n    background-position: 75% center;\n  }\n\n  &:active {\n    transition: 0s background, 0s border-color;\n    background: ",";\n    background-position: right;\n  }\n\n  &:focus-visible {\n    outline: 1px solid transparent;\n    ",";\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){var e=(0,r._)(["\n  ",";\n  ",";\n  ",";\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){var e=(0,r._)(["\n  max-width: 1.45em;\n  max-height: 1.45em;\n  height: ",";\n  width: ",";\n  ",";\n  ",";\n"]);return _templateObject5=function(){return e},e}function _templateObject6(){var e=(0,r._)(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n"]);return _templateObject6=function(){return e},e}function _templateObject7(){var e=(0,r._)(["\n  ",";\n"]);return _templateObject7=function(){return e},e}var __rest=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var l=0,r=Object.getOwnPropertySymbols(e);l<r.length;l++)0>t.indexOf(r[l])&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(n[r[l]]=e[r[l]]);return n},c={small:{height:(0,l.u)(4),textSize:"small",iconSize:2,xSpace:(0,l.u)(1.5)},medium:{height:(0,l.u)(4.5),textSize:"medium",iconSize:3,xSpace:(0,l.u)(2)},large:{height:(0,l.u)(7),textSize:"large",iconSize:4,xSpace:(0,l.u)(2.5)}},hasLoaderStyles=function(e){return(0,s.iv)(_templateObject(),e.hasLoader&&"opacity: 0")},m={neutral:{color:(0,l.Rv)("body"),background:"transparent",borderColor:(0,l.Rv)("buttonBorder"),hover:(0,l.Rv)("backgroundHover"),active:(0,l.Rv)("backgroundActive")},primary:{color:(0,l.Rv)("white"),background:(0,l.Rv)("blurple"),borderColor:null,hover:(0,l.Rv)("primaryHover"),active:(0,l.Rv)("primaryActive")},record:{color:(0,l.Rv)("white"),background:(0,l.Rv)("record"),borderColor:null,hover:(0,l.Rv)("recordHover"),active:(0,l.Rv)("recordActive")},upgrade:{color:(0,l.Rv)("grey7"),background:(0,l.Rv)("upgrade"),borderColor:null,hover:(0,l.Rv)("upgradeHover"),active:(0,l.Rv)("upgradeActive"),focusRing:(0,l.yb)()},danger:{color:(0,l.Rv)("white"),background:(0,l.Rv)("danger"),borderColor:null,hover:(0,l.Rv)("dangerHover"),active:(0,l.Rv)("dangerActive")},ai:{color:(0,l.Rv)("white"),background:"linear-gradient(135deg, #565ADD, #9F92EC, #DC43BE)",borderColor:null,hover:null,active:null}},h={enabled:(0,s.iv)(_templateObject1()),disabled:(0,s.iv)(_templateObject2(),(0,l.Rv)("disabledBackground"),(0,l.Rv)("disabledContent"))},u=(0,l.u)(1),g=d.Z.button(_templateObject3(),function(e){return e.hasChildren?c[e.size].xSpace:0},(0,l.On)("bold"),(0,l.H5)("full"),function(e){return e.hasFullWidth?"display: flex; width: 100%":"display: inline-flex"},function(e){return c[e.size].height},function(e){return c[e.size].height},function(e){return(0,l.y3)(c[e.size].textSize)},function(e){return e.disabled?h.disabled:h.enabled},function(e){return!e.disabled&&"\n    border: ".concat(m[e.variant].borderColor?"1px solid ".concat(m[e.variant].borderColor):"none",";\n    background: ").concat(m[e.variant].background,";\n    background-position: left;\n    background-size: 125%;\n    color: ").concat(m[e.variant].color,";\n  ")},function(e){return m[e.variant].hover},function(e){return m[e.variant].active},(0,l.yb)()),v=d.Z.span(_templateObject4(),function(e){return(0,l.ap)("padding-left",e.paddingLeft)},function(e){return(0,l.ap)("padding-right",e.paddingRight)},hasLoaderStyles),p=d.Z.img(_templateObject5(),function(e){return c[e.size].height},function(e){return c[e.size].height},function(e){return e.hasSpacing&&"margin-right: 0.57em"},hasLoaderStyles),x=d.Z.span(_templateObject6()),f=d.Z.span(_templateObject7(),hasLoaderStyles);Object.keys(c),Object.keys(m),t.ZP=function(e){var t=e.size,n=void 0===t?"medium":t,r=e.children,l=e.variant,s=e.hasFullWidth,d=e.icon,m=e.iconPosition,h=void 0===m?"left":m,b=e.logoSrc,j=e.hasLoader,y=e.isDisabled,w=e.htmlTag,C=__rest(e,["size","children","variant","hasFullWidth","icon","iconPosition","logoSrc","hasLoader","isDisabled","htmlTag"]),k=i.createElement(v,{hasLoader:j,paddingLeft:r&&"right"===h&&u,paddingRight:r&&"left"===h&&u},i.createElement(o.Z,{icon:d,color:"currentColor",hasWidthOffset:!0,size:c[n].iconSize}));return i.createElement(g,Object.assign({size:n,variant:void 0===l?"neutral":l,hasFullWidth:s,icon:d,iconPosition:h,logoSrc:b,disabled:y,as:void 0===w?"button":w,hasChildren:r},C),j&&i.createElement(x,null,i.createElement(a.Z,{color:"currentColor"})),d&&"left"===h&&k,b&&i.createElement(p,{alt:"",hasSpacing:r,src:b,size:n,height:c[n].height,width:c[n].height,hasLoader:j}),i.createElement(f,{hasLoader:j},r),d&&"right"===h&&k)}},88780:function(e,t,n){"use strict";var r=n(67294);t.Z=function(e){return r.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z",fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.293 7.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L17.586 12l-3.293-3.293a1 1 0 010-1.414z",fill:"currentColor"}))}},74010:function(e,t,n){"use strict";n.d(t,{Z:function(){return FeatureList}});var r=n(85893),l=n(93967),o=n.n(l),a=n(91721),i=n(27924);function FeatureList(e){var t,n,l,s,d=e.bFont,c=e.bLineLength,m=e.className,h=e.hColor,u=e.hLineLengthList,g=e.header,v=e.hFont,p=e.hLineLength,x=e.hThemeColor,f=e.iconColor,b=e.iClassName,j=e.lColor,y=e.lLineLength,w=e.list,C=e.lThemeColor,k=e.nested,_=e.themeColor,L=(null==w?void 0:w.length)===3;return(0,r.jsxs)("section",{className:o()(m,"mx-auto px-fluid-base"),children:[(0,r.jsx)(i.Z,{bFont:d,bLineLength:c,gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:v,hLineLength:p,header:g,nested:k,themeColor:null!==(n=null!==(t=null!=x?x:h)&&void 0!==t?t:_)&&void 0!==n?n:"grey-10",vAlign:"start"}),(0,r.jsx)(a.Z,{bFont:"md",className:o()(null!=b?b:"md:columns-2",null!=y?y:"max-w-screen-lg",L?void 0:"gap-x-fluid-sm","w-full md:w-content mx-auto"),gap:"mb-fixed-md",hLineLength:u,iconClassName:"block",iconColor:f,liClassName:"break-inside-avoid",list:w,showIcons:"yes",themeColor:null!==(s=null!==(l=null!=C?C:j)&&void 0!==l?l:_)&&void 0!==s?s:"grey-10"})]})}},93184:function(e,t,n){"use strict";n.d(t,{Z:function(){return SharedLayout}});var r=n(24043),l=n(85893),o=n(67294),a=n(87322),i=n(2031),s=n(14657),d=n(27924),c=n(44199);function EditEffortlessly(e){var t=e.header;return(0,l.jsxs)("section",{className:"px-fluid-base mb-fluid-md",children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"mb-fluid-sm",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",hLevel:"h3",header:t,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)("div",{className:"mx-auto flex items-center justify-center max-w-screen-lg",children:(0,l.jsx)(c.Z,{autoPlay:!0,className:"w-full",height:"640",loop:!0,muted:!0,playsInline:!0,sources:[{src:"https://cdn.loom.com/assets/marketing/screen-recorder/trim.webm",type:"video/webm"},{src:"https://cdn.loom.com/assets/marketing/screen-recorder/trim.mp4",type:"video/mp4"}],width:"1200"})})]})}var m=n(74010),h=n(94521),u=n(55733),g=n(84220),v=n(43317),p=n.n(v);function CaptureTextAnimation(){var e=(0,g.T)(),t=(0,r._)((0,o.useState)(0),2),n=t[0],a=t[1];return(0,o.useEffect)(function(){if(!e){var t=n%60;return setTimeout(function(){return a(t+1)},1e3),function(){return clearTimeout(n)}}}),(0,l.jsxs)(h.Z,{children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(u.Lv,"/screen-recorder/desktop-notion.webp"),type:"image/webp"}),(0,l.jsx)("img",{alt:"",className:"h-full object-cover w-full",height:"100%",src:"".concat(u.Lv,"/screen-recorder/desktop-notion.jpg"),width:"100%"})]}),(0,l.jsx)("svg",{className:p().markerWrapper,fill:"none",height:"315",viewBox:"0 0 940 315",width:"940",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{className:p().marker,d:"M728.973 251.907C-459.013 415.871 60.0458 -63.0777 571.794 14.5897C1083.54 92.2571 970.227 238.962 728.973 308",stroke:"var(--thd-color-red-40)",strokeLinecap:"round",strokeWidth:"12"})}),(0,l.jsx)("div",{className:p().jamila,children:(0,l.jsx)(c.Z,{autoPlay:!0,className:p().jamilaVideo,height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"https://cdn.loom.com/assets/marketing/home/hero-bubb.webm",type:"video/webm"},{src:"https://cdn.loom.com/assets/marketing/home/hero-bubb.mp4",type:"video/mp4"}],width:"648"})}),(0,l.jsx)("div",{className:p().controls,children:(0,l.jsxs)("div",{className:p().controlsWrapper,children:[(0,l.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,l.jsx)("rect",{fill:"#E94E4E",height:"16",rx:"2",width:"16",x:"4",y:"4"})}),(0,l.jsx)("svg",{className:p().controlsTime,viewBox:"0 0 40 16",children:(0,l.jsx)("text",{x:"0",y:"12",children:n<10?"1:0"+n:60===n?"1:00":"1:"+n})}),(0,l.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,l.jsx)("path",{clipRule:"evenodd",d:"M8.188 5C6.979 5 6 5.98 6 7.188v9.625a2.188 2.188 0 004.375 0V7.188C10.375 5.979 9.395 5 8.187 5zm7.874 0c-1.208 0-2.187.98-2.187 2.188v9.625a2.188 2.188 0 004.375 0V7.188C18.25 5.979 17.27 5 16.062 5z",fill:"currentColor",fillRule:"evenodd"})}),(0,l.jsxs)("svg",{className:p().controlsTrash,fill:"none",viewBox:"0 0 24 24",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"M4 7.2a1 1 0 011-1h14.4a1 1 0 110 2H5a1 1 0 01-1-1z",fill:"currentColor",fillRule:"evenodd"}),(0,l.jsx)("path",{clipRule:"evenodd",d:"M10.6 5a.6.6 0 00-.6.6v.6h4.4v-.6a.6.6 0 00-.6-.6h-3.2zm5.8 1.2v-.6A2.6 2.6 0 0013.8 3h-3.2A2.6 2.6 0 008 5.6v.6H6.6a1 1 0 00-1 1v11.2A2.6 2.6 0 008.2 21h8a2.6 2.6 0 002.6-2.6V7.2a1 1 0 00-1-1h-1.4zm-8.8 2v10.2a.6.6 0 00.6.6h8a.6.6 0 00.6-.6V8.2H7.6z",fill:"currentColor",fillRule:"evenodd"}),(0,l.jsx)("path",{clipRule:"evenodd",d:"M10.6 10.2a1 1 0 011 1V16a1 1 0 11-2 0v-4.8a1 1 0 011-1zM13.8 10.2a1 1 0 011 1V16a1 1 0 01-2 0v-4.8a1 1 0 011-1z",fill:"currentColor",fillRule:"evenodd"})]})]})})]})}var x=n(93967),f=n.n(x),b=n(42860),j=n.n(b);function ShareBlockAnimation(){return(0,l.jsx)(h.Z,{children:(0,l.jsxs)("div",{className:f()(j().background,"flex h-full"),children:[(0,l.jsxs)("div",{className:"absolute h-full overflow-hidden w-1/2",children:[(0,l.jsxs)("svg",{className:j().button,viewBox:"0 0 720 720",children:[(0,l.jsx)("rect",{fill:"currentColor",height:"720",rx:"360",width:"720"}),(0,l.jsx)("rect",{fill:"var(--thd-color-white)",height:"224",rx:"28",width:"224",x:"248",y:"248"})]}),(0,l.jsx)("div",{className:j().icon,children:(0,l.jsxs)("svg",{className:"w-full",height:"86",viewBox:"0 0 1031 86",width:"1031",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"M26.9031 25.4777C22.6616 25.4777 18.5939 27.1626 15.5947 30.1618C12.5955 33.161 10.9106 37.2287 10.9106 41.4702C10.9106 45.7117 12.5955 49.7794 15.5947 52.7786C17.0797 54.2637 18.8428 55.4417 20.7831 56.2454C22.7234 57.0491 24.803 57.4627 26.9031 57.4627H39.6031C42.4606 57.4627 44.7771 59.7792 44.7771 62.6368C44.7771 65.4943 42.4606 67.8108 39.6031 67.8108H26.9031C23.444 67.8108 20.0188 67.1295 16.823 65.8058C13.6272 64.482 10.7234 62.5418 8.27749 60.0958C3.33766 55.156 0.5625 48.4562 0.5625 41.4702C0.5625 34.4842 3.33766 27.7844 8.27749 22.8446C13.2173 17.9047 19.9172 15.1296 26.9031 15.1296H39.6031C42.4606 15.1296 44.7771 17.4461 44.7771 20.3036C44.7771 23.1612 42.4606 25.4777 39.6031 25.4777H26.9031Z",fill:"var(--thd-color-grey-90)",fillRule:"evenodd"}),(0,l.jsx)("path",{clipRule:"evenodd",d:"M77.7029 57.4621C81.9444 57.4621 86.0122 55.7771 89.0113 52.778C92.0105 49.7788 93.6954 45.711 93.6954 41.4695C93.6954 37.2281 92.0105 33.1603 89.0113 30.1611C87.5263 28.6761 85.7633 27.4981 83.823 26.6944C81.8827 25.8907 79.8031 25.477 77.7029 25.477L65.003 25.477C62.1454 25.477 59.8289 23.1605 59.8289 20.303C59.8289 17.4454 62.1454 15.1289 65.003 15.1289L77.7029 15.1289C81.162 15.1289 84.5872 15.8102 87.783 17.134C90.9788 18.4577 93.8826 20.398 96.3285 22.8439C101.268 27.7837 104.044 34.4836 104.044 41.4695C104.044 48.4555 101.268 55.1553 96.3285 60.0952C91.3887 65.035 84.6889 67.8102 77.7029 67.8102H65.003C62.1454 67.8102 59.8289 65.4937 59.8289 62.6361C59.8289 59.7786 62.1454 57.4621 65.003 57.4621H77.7029Z",fill:"var(--thd-color-grey-90)",fillRule:"evenodd"}),(0,l.jsx)("path",{clipRule:"evenodd",d:"M30.1967 41.4699C30.1967 38.6123 32.5132 36.2958 35.3707 36.2958H69.2373C72.0948 36.2958 74.4113 38.6123 74.4113 41.4699C74.4113 44.3274 72.0948 46.6439 69.2373 46.6439H35.3707C32.5132 46.6439 30.1967 44.3274 30.1967 41.4699Z",fill:"var(--thd-color-grey-90)",fillRule:"evenodd"}),(0,l.jsx)("text",{className:j().link,x:"184.48",y:"64",children:"loom.com/share/beda526…"})]})})]}),(0,l.jsxs)("div",{className:j().right,children:[(0,l.jsx)("img",{alt:"",className:j().cursorText,height:"36",src:"https://cdn.loom.com/assets/marketing/home/cursor-text.svg",width:"36"}),(0,l.jsxs)("svg",{viewBox:"0 0 300 150",children:[(0,l.jsxs)("text",{x:"0",y:"0",children:[(0,l.jsx)("tspan",{dy:"1.5em",x:"0",children:"Thanks for sending this over, Jud"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"0",children:"looks great and works well. Take"}),(0,l.jsx)("tspan",{dy:"1.5em",x:"0",children:"a look at this video walkthrough."}),(0,l.jsx)("tspan",{className:f()(j().textLink,j().textLinkAppear),dy:"2.5em",x:"0",children:"loom.com/share/beda526"})]}),(0,l.jsx)("line",{className:j().textLinkAppear,stroke:"var(--thd-color-blue-50)",x1:"0",x2:"300",y1:"116",y2:"116"})]}),(0,l.jsxs)("div",{className:j().send,children:[(0,l.jsx)("svg",{className:j().sendText,viewBox:"0 0 36 24",children:(0,l.jsx)("text",{x:"0",y:"17",children:"Send"})}),(0,l.jsxs)("svg",{className:j().sendIcon,fill:"none",viewBox:"0 0 24 24",children:[(0,l.jsx)("path",{clipRule:"evenodd",d:"M21.707 2.293a1 1 0 010 1.414l-9.9 9.9a1 1 0 01-1.414-1.414l9.9-9.9a1 1 0 011.414 0z",fill:"currentColor",fillRule:"evenodd"}),(0,l.jsx)("path",{clipRule:"evenodd",d:"M21.707 2.293a1 1 0 01.237 1.037l-6.3 18a1 1 0 01-1.858.076l-3.444-7.748-7.748-3.444a1 1 0 01.076-1.858l18-6.3a1 1 0 011.037.237zM5.711 9.41l5.795 2.575a1 1 0 01.508.508l2.575 5.795 4.781-13.66L5.711 9.412z",fill:"currentColor",fillRule:"evenodd"})]})]})]}),(0,l.jsx)("img",{alt:"",className:j().cursorPointer,height:"60",src:"https://cdn.loom.com/assets/marketing/home/cursor-pointer.svg",width:"60"})]})})}var y=n(78603);function GetStarted(e){var t=e.header,n=e.captureBlock,r=e.shareBlock,o=e.themeColor;return(0,l.jsxs)("section",{className:"thd-container-plate mx-auto mb-fluid-lg",children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"2xl",className:"px-fluid-base",gap:"mb-md md:mb-lg",hAlign:"center-end",hFont:"lg",hLineLength:"lg",header:t,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)(y.Z,{className:"px-fluid-base py-fluid-sm lg:p-fluid-md",hLevel:"h3",mediaBlockOne:(0,l.jsx)(CaptureTextAnimation,{}),mediaBlockTwo:(0,l.jsx)(ShareBlockAnimation,{}),textBlockOne:n,textBlockTwo:r,themeColor:o})]})}var w=n(66057),C=n.n(w);function HeroImage(){var e=(0,g.T)();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:C().heroBg}),(0,l.jsxs)("div",{className:C().heroImage,children:[(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(u.Lv,"/screen-recorder/hero-mobile.webp"),width:"1125"}),(0,l.jsx)("source",{height:"1388",media:"(min-width: 768px)",srcSet:"".concat(u.Lv,"/screen-recorder/hero.webp"),width:"3000"}),(0,l.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(u.Lv,"/screen-recorder/hero-mobile.jpg"),width:"1125"}),(0,l.jsx)("img",{alt:"Desk with laptop recording",className:"relative w-full z-10",height:"1388",src:"".concat(u.Lv,"/screen-recorder/hero.jpg"),width:"3000"})]}),!e&&(0,l.jsx)(c.Z,{autoPlay:!0,className:C().jamilaVideo,height:"648",loop:!0,muted:!0,playsInline:!0,sources:[{src:"https://cdn.loom.com/assets/marketing/home/hero-bubb.webm",type:"video/webm"},{src:"https://cdn.loom.com/assets/marketing/home/hero-bubb.mp4",type:"video/mp4"}],width:"648"})]}),(0,l.jsx)("div",{className:C().heroGradients})]})}var k=n(7008),_=n(92673);function HowToRecord(e){var t,n,r,o=e.heading,a=e.items,i=e.themeColor;return(0,l.jsx)("section",{className:f()(null===(t=(0,_.b)(i))||void 0===t?void 0:t.bodyText,null===(n=(0,_.b)(i))||void 0===n?void 0:n.bg,"mb-fluid-lg"),style:{"--bg-color":null===(r=(0,_.b)(i))||void 0===r?void 0:r.bg},children:(0,l.jsxs)("div",{className:"mx-auto py-fluid-md",children:[(0,l.jsx)(d.Z,{bFont:"md",bLineLength:"2xl",className:"px-fluid-base order-last md:order-none mb-fluid-md",hAlign:"center-end",hFont:"lg",header:o,themeColor:i,vAlign:"center"}),(0,l.jsx)(k.Z,{answerType:"default",hLevel:"h3",className:"px-fluid-base max-w-screen-xl mx-auto",items:a,showIcons:"hideMobileIcon",themeColor:i})]})})}var L=n(30830);function LoomOnTheGo(e){var t=e.header,n=e.themeColor,r=e.cta;return(0,l.jsxs)("section",{className:"max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-fluid-md mb-fluid-lg px-fluid-base",children:[(0,l.jsx)("div",{className:"max-w-60% xl:max-w-full mx-auto",children:(0,l.jsxs)("picture",{children:[(0,l.jsx)("source",{srcSet:"".concat(u.Lv,"/screen-recorder/loom-on-the-go.webp"),type:"image/webp"}),(0,l.jsx)("img",{alt:"Loom app on iPhone",height:"100%",src:"".concat(u.Lv,"/screen-recorder/loom-on-the-go.jpg"),width:"100%",loading:"lazy"})]})}),(0,l.jsxs)("div",{className:"flex flex-col justify-center lg:items-start",children:[(0,l.jsx)(d.Z,{bFont:"md",bLineLength:"3xl",gap:"mb-xl lg:mb-2xl",hAlign:"center-start",hFont:"lg",hLineLength:"lg",header:t,themeColor:n,vAlign:"center-start"}),r&&(0,l.jsx)(L.Z,{buttonType:"primary",color:"violet-dark",cta:r,icon:"download",size:"lg",type:"primary"})]})]})}var N=n(37015),A=n(41879),T=n(5152),B=n.n(T);function MakeFeedbackFun(e){var t=e.header,r=e.themeColor,o=B()(function(){return n.e(4516).then(n.bind(n,84516))},{loadableGenerated:{webpack:function(){return[84516]}}});return(0,l.jsx)("section",{className:"md:thd-container-max",children:(0,l.jsxs)("div",{className:f()((0,_.b)(r).bg,"px-fluid-base py-fluid-sm md:p-fluid-sm lg:p-fluid-md md:thd-rounded-ext"),children:[(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"2xl",gap:"mb-lg lg:mb-0",hAlign:"split",hFont:"lg",hLevel:"h3",header:t,themeColor:r,vAlign:"start"}),(0,l.jsxs)("div",{className:"h-[4em] thd-heading-sm mt-fluid-md bg-white flex w-full items-center justify-center rounded-full border-2 border-grey-2 thd-shadow",children:[(0,l.jsx)(o,{}),(0,l.jsx)("span",{className:"w-1 h-40 3xl:h-60 ml-24 mr-36 bg-thd-color-grey-20 hidden sm:block"}),(0,l.jsxs)("p",{className:"hidden sm:flex items-center gap-20 2xl:gap-x-40 text-thd-color-grey-70",children:[(0,l.jsxs)("span",{className:"flex items-center gap-x-10 2xl:gap-x-20",children:[(0,l.jsx)(N.Z,{className:"h-[1.75em] w-[1.75em]"}),"Comment"]}),(0,l.jsxs)("span",{className:"hidden 2xl:flex items-center gap-x-10 2xl:gap-x-20",children:[(0,l.jsx)(A.Z,{className:"h-[1.75em] w-[1.75em]"}),"Record a comment"]})]})]})]})})}var S=n(91721),R=n(11941);function WaysToUseLoom(e){var t=e.header,n=e.list,r=e.themeColor;return(0,l.jsx)("section",{className:"thd-container-plate mb-fluid-lg",children:(0,l.jsx)("div",{className:f()((0,_.b)(r).bg,"py-fluid-md md:p-fluid-md lg:p-fluid-lg md:thd-rounded-ext"),children:(0,l.jsx)(R.Z,{contentAlign:"top",contentBlock:(0,l.jsx)(S.Z,{bFont:"sm",className:"thd-px-base md:thd-px-sm lg:px-0 mx-auto grid lg:grid-cols-3 gap-lg",list:n,showIcons:"hideOnMobile",themeColor:r}),hAlign:"start",headerBlock:(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"px-fluid-base",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",header:t,themeColor:r,vAlign:"start"}),layout:"horizontal",mediaBlock:(0,l.jsx)(c.Z,{autoPlay:!0,className:"md:thd-rounded-fixed-sm mx-auto",height:"100%",loop:!0,muted:!0,playsInline:!0,poster:"https://cdn.loom.com/assets/marketing/screen-recorder/ways-to-use-loom.jpg",sources:[{src:"https://cdn.loom.com/assets/marketing/screen-recorder/ways-to-use-loom.webm",type:"video/webm"},{src:"https://cdn.loom.com/assets/marketing/screen-recorder/ways-to-use-loom.mp4",type:"video/mp4"}],width:"1084"}),themeColor:r})})})}var Z=n(19210),O=n(51770),F=n(15674),z=n(79195),E=n(31882),H=n(20434);function SharedLayout(e){var t,n,c,h=e.initialData,u=e.accountNavData,g=e.footerNavData,v=e.navData,p=e.preview,x=e.query,f=(0,H.$r)(x,{initialData:h,enabled:p}).data,b=(0,r._)((0,o.useState)(!0),2),j=b[0],y=b[1];return(0,l.jsxs)(a.Z,{accountNavData:u,data:f,footerNavData:g,name:"Screen Recorder",navData:v,preview:p,hideNavItems:null==f?void 0:f.hideNavItems,children:[(0,l.jsx)(i.Z,{data:null==f?void 0:f.meta,url:"https://patgrady.indiedemos.com/screen-recorder"}),(0,l.jsx)(F.Z,{bgColor:(0,_.b)("magenta-light").bg,bLineLength:"5xl",className:"mb-fluid-lg",content:(0,l.jsx)(HeroImage,{}),cta:null==f?void 0:f.heroCta,secondaryCta:null==f?void 0:f.secondaryCta,ctaAlign:"center",hLevel:"h1",hLineLength:"xl",header:f.heroText,nested:!0,themeColor:"magenta-light"}),(null==f?void 0:f.featuresList)&&(0,l.jsx)(m.Z,{className:"mb-fluid-md",hColor:"grey-10",hFont:"lg",hThemeColor:"grey-10",header:f.featuresHeading,lThemeColor:"green-light",list:f.featuresList,lLineLength:"max-w-screen-xl"}),(0,l.jsx)(GetStarted,{captureBlock:f.captureBlock,header:f.getStartedHeader,shareBlock:f.shareBlock,themeColor:"violet-light"}),(0,l.jsx)(EditEffortlessly,{header:f.editBlock}),(0,l.jsx)(MakeFeedbackFun,{header:f.feedbackHeader,themeColor:"red-light"}),(0,l.jsx)(Z.Z,{data:null==f?void 0:f.socialProofModule,lineLength:"xl",themeColor:"grey-light"}),(null==f?void 0:f.testimonialHeader)&&(0,l.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"thd-container-max mb-fluid-sm",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",hLevel:"h2",header:f.testimonialHeader,themeColor:"grey-light",vAlign:"center"}),(0,l.jsx)(z.Z,{bgVar:(0,_.b)("grey-light").bgVar,cards:f.testimonials,font:"xs",themeColorMode:"light"}),(0,l.jsx)(WaysToUseLoom,{header:f.useLoomHeader,list:f.useLoomList,themeColor:"violet-dark"}),(0,l.jsx)(HowToRecord,{heading:f.howToHeading,hideMobileIcons:!0,items:f.howToFaqs,themeColor:"violet-dark"}),(0,l.jsx)(LoomOnTheGo,{cta:f.loomGoCta,header:f.loomGoHeader,themeColor:"grey-light"}),(null==f?void 0:null===(t=f.endOfPageModule)||void 0===t?void 0:t.cta)&&(0,l.jsx)(O.Z,{cta:null==f?void 0:null===(n=f.endOfPageModule)||void 0===n?void 0:n.cta,heading:null==f?void 0:null===(c=f.endOfPageModule)||void 0===c?void 0:c.heading}),(E.g||E.D)&&j&&(0,l.jsx)(s.Z,{isIOS:E.g,onClick:function(){return y(!1)}})]})}},7008:function(e,t,n){"use strict";n.d(t,{Z:function(){return ThreadFAQ}});var r=n(85893),l=n(90131),o=n(93967),a=n.n(o),i=n(45697),s=n.n(i),d=n(91721),c=n(11841),m=n(92673);function ThreadFAQ(e){var t=e.className,n=e.themeColor,o=e.items,i=e.answerType,s=e.numerals,h=e.hLevel,u=null!=h?h:"span";return(0,r.jsx)("div",{className:t,children:null==o?void 0:o.map(function(e){var t,o,h,g={"icon-list":(0,r.jsx)(d.Z,{bFont:"sm",className:"thd-list-numerals mx-auto grid md:grid-cols-2 lg:grid-cols-3 gap-fluid-sm",list:e.answer,numerals:s,showIcons:"hideOnMobile",themeColor:n},null==e?void 0:e._key),default:(0,r.jsx)(c.Z,{content:e.answer,themeColor:n},null==e?void 0:e._key)}[i];return(0,r.jsxs)("details",{className:a()(null===(t=(0,m.b)(n))||void 0===t?void 0:t.bgInner,null===(o=(0,m.b)(n))||void 0===o?void 0:o.bodyText,"thd-details py-fluid-sm thd-rounded-int mb-lg"),style:{"--button-color-fr":null===(h=(0,m.b)(n))||void 0===h?void 0:h.buttonFg,"--focus-color-bg":"transparent","--focus-color-fg":"initial"},children:[(null==e?void 0:e.question)&&(0,r.jsx)("summary",{className:"px-fluid-base thd-summary thd-focus-thick thd-heading-xs list-none",children:(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsx)(u,{children:e.question}),(0,r.jsx)("div",{children:(0,r.jsx)(l.Z,{className:"chevron w-24"})})]})}),(0,r.jsx)("div",{className:a()((0,m.b)(n).border,"thd-body-md border-t mt-32 px-fluid-base pt-32"),children:g})]},e._id)})})}ThreadFAQ.propTypes={className:s().string,themeColor:s().string,answerType:s().oneOf(["icon-list","default"]),items:s().array},ThreadFAQ.defaultProps={answerType:"default",themeColor:"grey-text"}},78603:function(e,t,n){"use strict";n.d(t,{Z:function(){return ThreadPlateDiptych}});var r=n(85893),l=n(93967),o=n.n(l),a=n(30587),i=n(27924),s=n(92673);function ThreadPlateDiptych(e){var t=e.className,n=e.contentAlign,l=e.ctaBlockOne,d=e.bFont,c=e.bLineLength,m=e.hLevel,h=e.mediaBlockOne,u=e.mediaBlockTwo,g=e.mediaBlockThree,v=e.nested,p=e.portable,x=e.themeColor,f=e.textBlockOne,b=e.textBlockTwo,j=e.textBlockThree,y=(0,a.ZP)("(min-width: 768px)");return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:o()(t,(0,s.b)(x).bg,"lg:thd-rounded-ext",p?"pb-fluid-lg":"py-fluid-md"),children:(0,r.jsxs)("div",{className:o()((0,s.b)(x).bodyText,"grid md:grid-cols-2 gap-fluid-sm items-center",b?"md:grid-rows-2":void 0),children:["right"===n||void 0===n?h:void 0,(0,r.jsxs)("div",{className:"flex flex-col items-start w-auto lg:mx-auto",children:[f&&(0,r.jsx)(i.Z,{bFont:null!=d?d:"sm",bLineLength:null!=c?c:"2xl",className:l?"mb-fixed-xl w-full":"mx-auto w-full md:w-auto",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:m,hLineLength:"md",header:f,nested:v||!l,themeColor:x,vAlign:"center"}),l]}),"left"===n?h:void 0,!y&&u,b&&(0,r.jsx)(i.Z,{bFont:null!=d?d:"sm",bLineLength:null!=c?c:"2xl",className:"w-full mx-auto md:w-auto",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:m,hLineLength:"md",header:b,themeColor:x,vAlign:"center"}),y&&u,g,j&&(0,r.jsx)(i.Z,{bFont:null!=d?d:"sm",bLineLength:null!=c?c:"2xl",className:"mx-auto w-full md:w-auto order-6",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:m,hLineLength:"md",header:j,nested:v,themeColor:x,vAlign:"center"})]})})})}},11941:function(e,t,n){"use strict";n.d(t,{Z:function(){return ThreadPlateSingle}});var r=n(85893),l=n(93967),o=n.n(l),a=n(45697),i=n.n(a),s=n(30587);function ThreadPlateSingle(e){var t=e.className,n=e.contentBlock,l=e.contentAlign,a=e.mediaBlock,i=e.headerBlock,d=e.layout,c="top"===l,m="right"===l,h=(0,s.ZP)("(min-width: 768px)"),u=(0,r.jsxs)("div",{className:o()(t,{top:"grid gap-fluid-sm",right:"grid gap-fluid-sm items-center",left:"grid gap-fluid-sm items-center"}[l]),children:[(0,r.jsxs)("div",{className:{right:a?"grid lg:grid-cols-2 items-center mx-auto gap-fluid-sm":null,left:a?"grid lg:grid-cols-2 items-center mx-auto gap-fluid-sm ":null,top:a?"grid w-full mx-auto gap-fluid-sm":null}[l],children:[(m||c)&&i,a,"left"===l&&!c&&i]}),n]}),g=(0,r.jsxs)("div",{className:o()(t,{right:a?"grid lg:grid-cols-2 items-center justify-stretch gap-fluid-sm":null,left:a?"grid lg:grid-cols-2 items-center justify-stretch gap-fluid-sm":null}[l]),children:[!m&&h&&a,(0,r.jsxs)("div",{className:{right:n?"lg:p-fluid-sm flex flex-col mx-auto lg:mx-0 gap-fixed-lg":null,left:n?"lg:p-fluid-sm flex flex-col mx-auto lg:mx-0 gap-fixed-lg":null}[l],children:[i,n]}),(m||!h)&&a]});return(0,r.jsx)(r.Fragment,{children:"horizontal"===d?u:g})}ThreadPlateSingle.defaultProps={contentAlign:"left",layout:"vertical"},ThreadPlateSingle.propTypes={className:i().string,contentAlign:i().string,contentBlock:i().node,headerBlock:i().node,layout:i().oneOf(["horizontal","vertical"]),mediaBlock:i().node}},94521:function(e,t,n){"use strict";n.d(t,{Z:function(){return ThreadSpotAnimationContainer}});var r=n(85893);function ThreadSpotAnimationContainer(e){var t=e.children;return(0,r.jsx)("div",{className:"aspect-square h-full overflow-hidden relative thd-rounded-int translate-x-0 w-full",children:t})}},43317:function(e){e.exports={markerWrapper:"CaptureTextAnimation_markerWrapper__ozY_4",marker:"CaptureTextAnimation_marker__yKCUm",dash:"CaptureTextAnimation_dash__sZJLz",jamilaVideo:"CaptureTextAnimation_jamilaVideo__Y7Dv0",jamila:"CaptureTextAnimation_jamila__9lTDj",controls:"CaptureTextAnimation_controls__OA_6w",controlsWrapper:"CaptureTextAnimation_controlsWrapper__xwHed",controlsTime:"CaptureTextAnimation_controlsTime__4P536",controlsTrash:"CaptureTextAnimation_controlsTrash__vFY8o"}},66057:function(e){e.exports={heroBg:"HeroImage_heroBg__1nLnh",heroGradients:"HeroImage_heroGradients__wb6mQ",heroImage:"HeroImage_heroImage__PQlxx",jamilaVideo:"HeroImage_jamilaVideo__FEbK1"}},42860:function(e){e.exports={background:"ShareBlockAnimation_background__iF0z1",button:"ShareBlockAnimation_button__yFM68",buttonClick:"ShareBlockAnimation_buttonClick__cDoJQ",cursorPointer:"ShareBlockAnimation_cursorPointer__3FLxo",pointer:"ShareBlockAnimation_pointer__n5BAl",icon:"ShareBlockAnimation_icon__oE9QP",link:"ShareBlockAnimation_link__BL3aP",right:"ShareBlockAnimation_right__Y__jk",cursorText:"ShareBlockAnimation_cursorText__Rn7_K",textLink:"ShareBlockAnimation_textLink__AedDy",textLinkAppear:"ShareBlockAnimation_textLinkAppear__LG2v3",send:"ShareBlockAnimation_send__R0mW7",sendText:"ShareBlockAnimation_sendText__TVAen",sendIcon:"ShareBlockAnimation_sendIcon__0158g"}},97005:function(e,t,n){var r=n(67294),l=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e,document.head.appendChild(t)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), transparent);\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let o=r.forwardRef(function({style:e={},className:t="",autoFill:n=!1,play:o=!0,pauseOnHover:a=!1,pauseOnClick:i=!1,direction:s="left",speed:d=50,delay:c=0,loop:m=0,gradient:h=!1,gradientColor:u="white",gradientWidth:g=200,onFinish:v,onCycleComplete:p,onMount:x,children:f},b){let[j,y]=r.useState(0),[w,C]=r.useState(0),[k,_]=r.useState(1),[L,N]=r.useState(!1),A=r.useRef(null),T=b||A,B=r.useRef(null),S=r.useCallback(()=>{if(B.current&&T.current){let e=T.current.getBoundingClientRect(),t=B.current.getBoundingClientRect(),r=e.width,l=t.width;("up"===s||"down"===s)&&(r=e.height,l=t.height),n&&r&&l?_(l<r?Math.ceil(r/l):1):_(1),y(r),C(l)}},[n,T,s]);r.useEffect(()=>{if(L&&(S(),B.current&&T.current)){let e=new ResizeObserver(()=>S());return e.observe(T.current),e.observe(B.current),()=>{e&&e.disconnect()}}},[S,T,L]),r.useEffect(()=>{S()},[S,f]),r.useEffect(()=>{N(!0)},[]),r.useEffect(()=>{"function"==typeof x&&x()},[]);let R=r.useMemo(()=>n?w*k/d:w<j?j/d:w/d,[n,j,w,k,d]),Z=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!o||a?"paused":"running","--pause-on-click":!o||a&&!i||i?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,o,a,i,s]),O=r.useMemo(()=>({"--gradient-color":u,"--gradient-width":"number"==typeof g?`${g}px`:g}),[u,g]),F=r.useMemo(()=>({"--play":o?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${R}s`,"--delay":`${c}s`,"--iteration-count":m?`${m}`:"infinite","--min-width":n?"auto":"100%"}),[o,s,R,c,m,n]),z=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),E=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,t)=>l.default.createElement(r.Fragment,{key:t},r.Children.map(f,e=>l.default.createElement("div",{style:z,className:"rfm-child"},e)))),[z,f]);return L?l.default.createElement("div",{ref:T,style:Z,className:"rfm-marquee-container "+t},h&&l.default.createElement("div",{style:O,className:"rfm-overlay"}),l.default.createElement("div",{className:"rfm-marquee",style:F,onAnimationIteration:p,onAnimationEnd:v},l.default.createElement("div",{className:"rfm-initial-child-container",ref:B},r.Children.map(f,e=>l.default.createElement("div",{style:z,className:"rfm-child"},e))),E(k-1)),l.default.createElement("div",{className:"rfm-marquee",style:F},E(k))):null});t.Z=o}}]);