(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2934],{48243:function(e,t,n){"use strict";n.d(t,{q:function(){return o}});var l=n(5268),r=n(67294);function o(e){return r.createElement("svg",(0,l.i)({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"}))}},30006:function(e,t,n){"use strict";n.d(t,{Z:function(){return h}});var l=n(85893),r=n(84573),o=n(27566);function a(){return(0,l.jsxs)("svg",{width:"48px",height:"48px",viewBox:"0 0 75 75",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-label":"Atlassian Loom Logo",children:[(0,l.jsx)("path",{d:"M0 18.75C0 8.39466 8.39466 0 18.75 0H56.25C66.6053 0 75 8.39466 75 18.75V56.25C75 66.6053 66.6053 75 56.25 75H18.75C8.39466 75 0 66.6053 0 56.25V18.75Z",fill:"#1868DB"}),(0,l.jsx)("g",{clipPath:"url(#clip0_45829_3571)",children:(0,l.jsx)("path",{d:"M59.4729 35.8821H46.8511L57.7822 29.571L55.3817 25.412L44.4506 31.723L50.7602 20.7928L46.6012 18.3909L40.2915 29.3211V16.7002H35.4902V29.3223L29.1781 18.3909L25.0204 20.7916L31.3312 31.7218L20.4001 25.412L17.9995 29.5698L28.9306 35.8809H16.3088V40.6824H28.9294L17.9995 46.9934L20.4001 51.1525L31.33 44.8426L25.0192 55.7728L29.1781 58.1735L35.489 47.2422V59.8643H40.2904V47.2434L46.6 58.1735L50.7589 55.7728L44.4481 44.8415L55.3792 51.1525L57.7799 46.9934L46.85 40.6835H59.4704V35.8821H59.4729ZM37.8909 44.8124C34.2705 44.8124 31.3361 41.878 31.3361 38.2575C31.3361 34.637 34.2705 31.7025 37.8909 31.7025C41.5112 31.7025 44.4456 34.637 44.4456 38.2575C44.4456 41.878 41.5112 44.8124 37.8909 44.8124Z",fill:"white"})}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_45829_3571",children:(0,l.jsx)("rect",{width:"60.9375",height:"60.9375",fill:"white",transform:"translate(7.42188 7.8125)"})})})]})}var i=n(93967),s=n.n(i),d=n(53669),c=n.n(d),m=n(52798);function h(e){var t=e.isIOS,n=e.onClick,i=t?m.Ee:m.gI;return(0,l.jsx)("div",{className:"fixed bottom-0 left-0 m-16 right-0 z-20",children:(0,l.jsxs)("div",{className:"bg-white max-w-[450px] mx-auto rounded-sm shadow-md",children:[(0,l.jsxs)("div",{className:"flex pt-16",children:[(0,l.jsxs)("div",{className:"flex items-center sm:items-start flex-grow",children:[(0,l.jsx)("div",{className:"mx-md",children:(0,l.jsx)(a,{})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h2",{className:"font-bold",children:"Record, share, and watch on the go."}),(0,l.jsx)("p",{className:"hidden sm:block",children:"The fastest way to record and instantly share a video from your iPhone and iPad."})]})]}),(0,l.jsx)(r.hU,{altText:"Close",className:"flex-shrink-0 focus:outline-none -mt-8 mr-8",icon:(0,l.jsx)(o.G,{}),onClick:n})]}),(0,l.jsx)("div",{className:s()("p-16",c().blueOverride),children:(0,l.jsx)(r.zxk,{hasFullWidth:!0,href:i,htmlTag:"a",variant:"primary",children:(0,l.jsxs)("span",{className:"font-bold",children:["Download Loom for ",t?"iOS":"Android"]})})})]})})}},68566:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var l=n(85893),r=n(93967),o=n.n(r),a=n(29572),i=n(89615);function s(e){var t,n,r,s,d=e.bFont,c=e.bLineLength,m=e.className,h=e.hColor,u=e.hLineLengthList,x=e.header,g=e.hFont,v=e.hLineLength,f=e.hThemeColor,p=e.iconColor,b=e.iClassName,j=e.lColor,w=e.lLineLength,C=e.list,y=e.lThemeColor,L=e.nested,k=e.themeColor,N=(null==C?void 0:C.length)===3;return(0,l.jsxs)("section",{className:o()(m,"mx-auto px-fluid-base"),children:[(0,l.jsx)(i.Z,{bFont:d,bLineLength:c,gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:g,hLineLength:v,header:x,nested:L,themeColor:null!==(n=null!==(t=null!=f?f:h)&&void 0!==t?t:k)&&void 0!==n?n:"grey-10",vAlign:"start"}),(0,l.jsx)(a.Z,{bFont:"md",className:o()(null!=b?b:"md:columns-2",null!=w?w:"max-w-screen-lg",N?void 0:"gap-x-fluid-sm","w-full md:w-content mx-auto"),gap:"mb-fixed-md",hLineLength:u,iconClassName:"block",iconColor:p,liClassName:"break-inside-avoid",list:C,showIcons:"yes",themeColor:null!==(s=null!==(r=null!=y?y:j)&&void 0!==r?r:k)&&void 0!==s?s:"grey-10"})]})}},66835:function(e,t,n){"use strict";n.d(t,{Z:function(){return J}});var l=n(24043),r=n(85893),o=n(67294),a=n(7979),i=n(18751),s=n(30006),d=n(89615),c=n(98843);function m(e){var t=e.header;return(0,r.jsxs)("section",{className:"px-fluid-base mb-fluid-md",children:[(0,r.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,r.jsx)("div",{className:"mx-auto flex items-center justify-center max-w-screen-lg",children:(0,r.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 h=n(68566),u=n(88101),x=n(52798),g=n(51050),v=n(4121),f=n.n(v);function p(){var e=(0,g.T)(),t=(0,l._)((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,r.jsxs)(u.Z,{children:[(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{srcSet:"".concat(x.Lv,"/screen-recorder/desktop-notion.webp"),type:"image/webp"}),(0,r.jsx)("img",{alt:"",className:"h-full object-cover w-full",height:"100%",src:"".concat(x.Lv,"/screen-recorder/desktop-notion.jpg"),width:"100%"})]}),(0,r.jsx)("svg",{className:f().markerWrapper,fill:"none",height:"315",viewBox:"0 0 940 315",width:"940",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{className:f().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-violet-40)",strokeLinecap:"round",strokeWidth:"12"})}),(0,r.jsx)("div",{className:f().jamila,children:(0,r.jsx)(c.Z,{autoPlay:!0,className:f().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,r.jsx)("div",{className:f().controls,children:(0,r.jsxs)("div",{className:f().controlsWrapper,children:[(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,r.jsx)("rect",{fill:"#E94E4E",height:"16",rx:"2",width:"16",x:"4",y:"4"})}),(0,r.jsx)("svg",{className:f().controlsTime,viewBox:"0 0 40 16",children:(0,r.jsx)("text",{x:"0",y:"12",children:n<10?"1:0"+n:60===n?"1:00":"1:"+n})}),(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,r.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,r.jsxs)("svg",{className:f().controlsTrash,fill:"none",viewBox:"0 0 24 24",children:[(0,r.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,r.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,r.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 b=n(93967),j=n.n(b),w=n(68627),C=n.n(w);function y(){return(0,r.jsx)(u.Z,{children:(0,r.jsxs)("div",{className:j()(C().background,"flex h-full"),children:[(0,r.jsxs)("div",{className:"absolute h-full overflow-hidden w-1/2",children:[(0,r.jsxs)("svg",{className:C().button,viewBox:"0 0 720 720",children:[(0,r.jsx)("rect",{fill:"currentColor",height:"720",rx:"360",width:"720"}),(0,r.jsx)("rect",{fill:"var(--thd-color-white)",height:"224",rx:"28",width:"224",x:"248",y:"248"})]}),(0,r.jsx)("div",{className:C().icon,children:(0,r.jsxs)("svg",{className:"w-full",height:"86",viewBox:"0 0 1031 86",width:"1031",children:[(0,r.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,r.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,r.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,r.jsx)("text",{className:C().link,x:"184.48",y:"64",children:"loom.com/share/beda526…"})]})})]}),(0,r.jsxs)("div",{className:C().right,children:[(0,r.jsx)("img",{alt:"",className:C().cursorText,height:"36",src:"https://cdn.loom.com/assets/marketing/home/cursor-text.svg",width:"36"}),(0,r.jsxs)("svg",{viewBox:"0 0 300 150",children:[(0,r.jsxs)("text",{x:"0",y:"0",children:[(0,r.jsx)("tspan",{dy:"1.5em",x:"0",children:"Thanks for sending this over, Jud"}),(0,r.jsx)("tspan",{dy:"1.5em",x:"0",children:"looks great and works well. Take"}),(0,r.jsx)("tspan",{dy:"1.5em",x:"0",children:"a look at this video walkthrough."}),(0,r.jsx)("tspan",{className:j()(C().textLink,C().textLinkAppear),dy:"2.5em",x:"0",children:"loom.com/share/beda526"})]}),(0,r.jsx)("line",{className:C().textLinkAppear,stroke:"var(--thd-color-blue-50)",x1:"0",x2:"300",y1:"116",y2:"116"})]}),(0,r.jsxs)("div",{className:C().send,children:[(0,r.jsx)("svg",{className:C().sendText,viewBox:"0 0 36 24",children:(0,r.jsx)("text",{x:"0",y:"17",children:"Send"})}),(0,r.jsxs)("svg",{className:C().sendIcon,fill:"none",viewBox:"0 0 24 24",children:[(0,r.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,r.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,r.jsx)("img",{alt:"",className:C().cursorPointer,height:"60",src:"https://cdn.loom.com/assets/marketing/home/cursor-pointer.svg",width:"60"})]})})}var L=n(73986);function k(e){var t=e.header,n=e.captureBlock,l=e.shareBlock,o=e.themeColor;return(0,r.jsxs)("section",{className:"thd-container-plate mx-auto mb-fluid-lg",children:[(0,r.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,r.jsx)(L.Z,{className:"px-fluid-base py-fluid-sm lg:p-fluid-md",hLevel:"h3",mediaBlockOne:(0,r.jsx)(p,{}),mediaBlockTwo:(0,r.jsx)(y,{}),textBlockOne:n,textBlockTwo:l,themeColor:o})]})}var N=n(15411),_=n.n(N);function A(){var e=(0,g.T)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:_().heroImage,children:[(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(x.Lv,"/screen-recorder/hero-mobile.webp"),width:"1125"}),(0,r.jsx)("source",{height:"1388",media:"(min-width: 768px)",srcSet:"".concat(x.Lv,"/screen-recorder/hero.webp"),width:"3000"}),(0,r.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(x.Lv,"/screen-recorder/hero-mobile.jpg"),width:"1125"}),(0,r.jsx)("img",{alt:"Desk with laptop recording",className:"relative w-full z-10",height:"1388",src:"".concat(x.Lv,"/screen-recorder/hero.jpg"),width:"3000"})]}),!e&&(0,r.jsx)(c.Z,{autoPlay:!0,className:_().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,r.jsx)("div",{className:_().heroGradients})]})}var T=n(53161),B=n(53608);function Z(e){var t,n,l,o=e.heading,a=e.items,i=e.themeColor;return(0,r.jsx)("section",{className:j()(null===(t=(0,B.b)(i))||void 0===t?void 0:t.bodyText,null===(n=(0,B.b)(i))||void 0===n?void 0:n.bg,"mb-fluid-lg"),style:{"--bg-color":null===(l=(0,B.b)(i))||void 0===l?void 0:l.bg},children:(0,r.jsxs)("div",{className:"mx-auto py-fluid-md",children:[(0,r.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,r.jsx)(T.Z,{answerType:"default",hLevel:"h3",className:"px-fluid-base max-w-screen-xl mx-auto",items:a,showIcons:"hideMobileIcon",themeColor:i})]})})}var F=n(42666);function H(e){var t=e.header,n=e.themeColor,l=e.cta;return(0,r.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,r.jsx)("div",{className:"max-w-60% xl:max-w-full mx-auto",children:(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{srcSet:"".concat(x.Lv,"/screen-recorder/loom-on-the-go.webp"),type:"image/webp"}),(0,r.jsx)("img",{alt:"Loom app on iPhone",height:"100%",src:"".concat(x.Lv,"/screen-recorder/loom-on-the-go.jpg"),width:"100%",loading:"lazy"})]})}),(0,r.jsxs)("div",{className:"flex flex-col justify-center lg:items-start",children:[(0,r.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"}),l&&(0,r.jsx)(F.Z,{buttonType:"primary",color:"primary-dark",cta:l,icon:"download",size:"lg",type:"primary"})]})]})}var M=n(98115),R=n(17097),S=n(5152),z=n.n(S),I=n(84573);function E(e){var t=e.header,l=e.themeColor,o=z()(function(){return Promise.all([n.e(987),n.e(7724)]).then(n.bind(n,67724))},{loadableGenerated:{webpack:function(){return[67724]}}});return(0,r.jsx)("section",{className:"md:thd-container-max",children:(0,r.jsxs)("div",{className:j()((0,B.b)(l).bg,"px-fluid-base py-fluid-sm md:p-fluid-sm lg:p-fluid-md md:thd-rounded-ext"),children:[(0,r.jsx)(d.Z,{bFont:"lg",bLineLength:"2xl",gap:"mb-lg lg:mb-0",hAlign:"split",hFont:"lg",hLevel:"h3",header:t,themeColor:l,vAlign:"start"}),(0,r.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,r.jsx)(o,{}),(0,r.jsx)("span",{className:"w-1 h-40 3xl:h-60 ml-24 mr-36 bg-thd-color-grey-20 hidden sm:block"}),(0,r.jsxs)("p",{className:"hidden sm:flex items-center gap-20 2xl:gap-x-40 text-thd-color-grey-70",children:[(0,r.jsxs)("span",{className:"flex items-center gap-x-10 2xl:gap-x-20",children:[(0,r.jsx)(I.JO$,{size:"1.75em",icon:(0,r.jsx)(M.j,{}),className:"iconWithAccent"}),"Comment"]}),(0,r.jsxs)("span",{className:"hidden 2xl:flex items-center gap-x-10 2xl:gap-x-20",children:[(0,r.jsx)(I.JO$,{size:"1.75em",icon:(0,r.jsx)(R.x,{}),className:"iconWithAccent"}),"Record a comment"]})]})]})]})})}var P=n(29572),O=n(10953);function V(e){var t=e.header,n=e.list,l=e.themeColor;return(0,r.jsx)("section",{className:"thd-container-plate mb-fluid-lg",children:(0,r.jsx)("div",{className:j()((0,B.b)(l).bg,"py-fluid-md md:p-fluid-md lg:p-fluid-lg md:thd-rounded-ext"),children:(0,r.jsx)(O.Z,{contentAlign:"top",contentBlock:(0,r.jsx)(P.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:l}),hAlign:"start",headerBlock:(0,r.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:l,vAlign:"start"}),layout:"horizontal",mediaBlock:(0,r.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:l})})})}var D=n(12441),q=n(35018),W=n(2438),G=n(47805),$=n(68416);function J(e){var t,n,c,u=e.initialData,x=e.accountNavData,g=e.footerNavData,v=e.navData,f=(0,l._)((0,o.useState)(!0),2),p=f[0],b=f[1];return(0,r.jsxs)(a.Z,{accountNavData:x,data:u,footerNavData:g,name:"Screen Recorder",navData:v,hideNavItems:null==u?void 0:u.hideNavItems,children:[(0,r.jsx)(i.Z,{data:null==u?void 0:u.meta,url:"https://patgrady.indiedemos.com/screen-recorder"}),(0,r.jsx)(W.Z,{bgColor:(0,B.b)("violet-light").bg,bLineLength:"5xl",className:"mb-fluid-lg",content:(0,r.jsx)(A,{}),cta:null==u?void 0:u.heroCta,secondaryCta:null==u?void 0:u.secondaryCta,ctaAlign:"center",hLevel:"h1",hLineLength:"xl",header:u.heroText,nested:!0,themeColor:"violet-light"}),(null==u?void 0:u.featuresList)&&(0,r.jsx)(h.Z,{className:"mb-fluid-md",hColor:"grey-10",hFont:"lg",hThemeColor:"grey-10",header:u.featuresHeading,lThemeColor:"green-light",list:u.featuresList,lLineLength:"max-w-screen-xl"}),(0,r.jsx)(k,{captureBlock:u.captureBlock,header:u.getStartedHeader,shareBlock:u.shareBlock,themeColor:"violet-light"}),(0,r.jsx)(m,{header:u.editBlock}),(0,r.jsx)(E,{header:u.feedbackHeader,themeColor:"violet-light"}),(0,r.jsx)(D.Z,{data:null==u?void 0:u.socialProofModule,lineLength:"xl",themeColor:"grey-light"}),(null==u?void 0:u.testimonialHeader)&&(0,r.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:u.testimonialHeader,themeColor:"grey-light",vAlign:"center"}),(0,r.jsx)(G.Z,{bgVar:(0,B.b)("grey-light").bgVar,cards:u.testimonials,font:"xs",themeColorMode:"light"}),(0,r.jsx)(V,{header:u.useLoomHeader,list:u.useLoomList,themeColor:"violet-dark"}),(0,r.jsx)(Z,{heading:u.howToHeading,hideMobileIcons:!0,items:u.howToFaqs,themeColor:"violet-dark"}),(0,r.jsx)(H,{cta:u.loomGoCta,header:u.loomGoHeader,themeColor:"grey-light"}),(null==u?void 0:null===(t=u.endOfPageModule)||void 0===t?void 0:t.cta)&&(0,r.jsx)(q.Z,{cta:null==u?void 0:null===(n=u.endOfPageModule)||void 0===n?void 0:n.cta,heading:null==u?void 0:null===(c=u.endOfPageModule)||void 0===c?void 0:c.heading}),($.gn||$.Dt)&&p&&(0,r.jsx)(s.Z,{isIOS:$.gn,onClick:function(){return b(!1)}})]})}},53161:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var l=n(85893),r=n(40416),o=n(84573),a=n(93967),i=n.n(a),s=n(45697),d=n.n(s),c=n(29572),m=n(16423),h=n(53608);function u(e){var t=e.className,n=e.themeColor,a=e.items,s=e.answerType,d=e.numerals,u=e.hLevel,x=null!=u?u:"span";return(0,l.jsx)("div",{className:t,children:null==a?void 0:a.map(function(e,t){var a,u,g,v={"icon-list":(0,l.jsx)(c.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:d,showIcons:"hideOnMobile",themeColor:n}),default:(0,l.jsx)(m.Z,{content:e.answer,themeColor:n})}[s];return(0,l.jsxs)("details",{className:i()(null===(a=(0,h.b)(n))||void 0===a?void 0:a.bgInner,null===(u=(0,h.b)(n))||void 0===u?void 0:u.bodyText,"thd-details py-fluid-sm thd-rounded-int mb-lg"),style:{"--button-color-fr":null===(g=(0,h.b)(n))||void 0===g?void 0:g.buttonFg,"--focus-color-bg":"transparent","--focus-color-fg":"initial"},children:[(null==e?void 0:e.question)&&(0,l.jsx)("summary",{className:"px-fluid-base thd-summary thd-focus-thick thd-heading-xs list-none",children:(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsx)(x,{children:e.question}),(0,l.jsx)("div",{className:"chevron",children:(0,l.jsx)(o.JO$,{icon:(0,l.jsx)(r.r,{})})})]})}),(0,l.jsx)("div",{className:i()((0,h.b)(n).border,"thd-body-md border-t mt-32 px-fluid-base pt-32"),children:v})]},t)})})}u.propTypes={className:d().string,themeColor:d().string,answerType:d().oneOf(["icon-list","default"]),items:d().array,numerals:d().bool,hLevel:d().string},u.defaultProps={answerType:"default",themeColor:"grey-text"}},73986:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var l=n(85893),r=n(93967),o=n.n(r),a=n(30587),i=n(89615),s=n(53608);function d(e){var t=e.className,n=e.contentAlign,r=void 0===n?"left":n,d=e.ctaBlockOne,c=e.bFont,m=e.bLineLength,h=e.hLevel,u=e.mediaBlockOne,x=e.mediaBlockTwo,g=e.mediaBlockThree,v=e.nested,f=e.portable,p=e.themeColor,b=e.textBlockOne,j=e.textBlockTwo,w=e.textBlockThree,C=(0,a.ZP)("(min-width: 768px)"),y="left"===r;return(0,l.jsx)("div",{className:o()(t,(0,s.b)(p).bg,"lg:thd-rounded-ext",f?"pb-fluid-lg":"py-fluid-md"),children:(0,l.jsxs)("div",{className:o()((0,s.b)(p).bodyText,"flex md:grid md:grid-cols-2 gap-fluid-sm items-center",y?" flex-col-reverse":"flex-col",j?"md:grid-rows-2":void 0),children:["right"===r?u:void 0,(0,l.jsxs)("div",{className:"flex flex-col items-start w-auto lg:mx-auto",children:[b&&(0,l.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=m?m:"2xl",className:d?"mb-fixed-xl w-full":"mx-auto w-full md:w-auto",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:h,hLineLength:"md",header:b,nested:v||!d,themeColor:p,vAlign:"center"}),d]}),y?u:void 0,!C&&x,j&&(0,l.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=m?m:"2xl",className:"w-full mx-auto md:w-auto",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:h,hLineLength:"md",header:j,themeColor:p,vAlign:"center"}),C&&x,g,w&&(0,l.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=m?m:"2xl",className:"mx-auto w-full md:w-auto order-6",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:h,hLineLength:"md",header:w,nested:v,themeColor:p,vAlign:"center"})]})})}},68416:function(e,t,n){"use strict";n.d(t,{Dt:function(){return r},UK:function(){return a},gn:function(){return o}});var l="undefined"==typeof navigator?"":navigator.userAgent,r=l.match(/Android/i),o=l.match(/iPhone|iPad|iPod/i),a=l.includes("Chrome")},53669:function(e){e.exports={blueOverride:"MobileAppCard_blueOverride__X7S4w"}},4121: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"}},15411:function(e){e.exports={heroBg:"HeroImage_heroBg__1nLnh",heroGradients:"HeroImage_heroGradients__wb6mQ",heroImage:"HeroImage_heroImage__PQlxx",jamilaVideo:"HeroImage_jamilaVideo__FEbK1"}},68627: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 l=n(67294),r=l&&"object"==typeof l&&"default"in l?l:{default:l};!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=l.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:x=200,onFinish:g,onCycleComplete:v,onMount:f,children:p},b){let[j,w]=l.useState(0),[C,y]=l.useState(0),[L,k]=l.useState(1),[N,_]=l.useState(!1),A=l.useRef(null),T=b||A,B=l.useRef(null),Z=l.useCallback(()=>{if(B.current&&T.current){let e=T.current.getBoundingClientRect(),t=B.current.getBoundingClientRect(),l=e.width,r=t.width;("up"===s||"down"===s)&&(l=e.height,r=t.height),n&&l&&r?k(r<l?Math.ceil(l/r):1):k(1),w(l),y(r)}},[n,T,s]);l.useEffect(()=>{if(N&&(Z(),B.current&&T.current)){let e=new ResizeObserver(()=>Z());return e.observe(T.current),e.observe(B.current),()=>{e&&e.disconnect()}}},[Z,T,N]),l.useEffect(()=>{Z()},[Z,p]),l.useEffect(()=>{_(!0)},[]),l.useEffect(()=>{"function"==typeof f&&f()},[]);let F=l.useMemo(()=>n?C*L/d:C<j?j/d:C/d,[n,j,C,L,d]),H=l.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]),M=l.useMemo(()=>({"--gradient-color":u,"--gradient-width":"number"==typeof x?`${x}px`:x}),[u,x]),R=l.useMemo(()=>({"--play":o?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${F}s`,"--delay":`${c}s`,"--iteration-count":m?`${m}`:"infinite","--min-width":n?"auto":"100%"}),[o,s,F,c,m,n]),S=l.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),z=l.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,t)=>r.default.createElement(l.Fragment,{key:t},l.Children.map(p,e=>r.default.createElement("div",{style:S,className:"rfm-child"},e)))),[S,p]);return N?r.default.createElement("div",{ref:T,style:H,className:"rfm-marquee-container "+t},h&&r.default.createElement("div",{style:M,className:"rfm-overlay"}),r.default.createElement("div",{className:"rfm-marquee",style:R,onAnimationIteration:v,onAnimationEnd:g},r.default.createElement("div",{className:"rfm-initial-child-container",ref:B},l.Children.map(p,e=>r.default.createElement("div",{style:S,className:"rfm-child"},e))),z(L-1)),r.default.createElement("div",{className:"rfm-marquee",style:R},z(L))):null});t.Z=o}}]);