(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9134],{95733:function(e,n,t){"use strict";var r=t(82729),o=t(66013),l=t(51369),a=t(27923),i=t(67294),s=t(52117),d=t(96988);function c(){var e=(0,r._)(["\n  transition: opacity 0.5s;\n  ",";\n"]);return c=function(){return e},e}function h(){var e=(0,r._)(["\n    cursor: pointer;\n  "]);return h=function(){return e},e}function m(){var e=(0,r._)(["\n    pointer-events: none;\n    background-color: ",";\n    color: ",";\n    border: none;\n  "]);return m=function(){return e},e}function u(){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 u=function(){return e},e}function g(){var e=(0,r._)(["\n  ",";\n  ",";\n  ",";\n"]);return g=function(){return e},e}function x(){var e=(0,r._)(["\n  max-width: 1.45em;\n  max-height: 1.45em;\n  height: ",";\n  width: ",";\n  ",";\n  ",";\n"]);return x=function(){return e},e}function v(){var e=(0,r._)(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n"]);return v=function(){return e},e}function f(){var e=(0,r._)(["\n  ",";\n"]);return f=function(){return e},e}var p=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>n.indexOf(r)&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)0>n.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]]);return t},b={small:{height:(0,o.u)(4),textSize:"small",iconSize:2,xSpace:(0,o.u)(1.5)},medium:{height:(0,o.u)(4.5),textSize:"medium",iconSize:3,xSpace:(0,o.u)(2)},large:{height:(0,o.u)(7),textSize:"large",iconSize:4,xSpace:(0,o.u)(2.5)}},j=function(e){return(0,s.iv)(c(),e.hasLoader&&"opacity: 0")},w={neutral:{color:(0,o.Rv)("body"),background:"transparent",borderColor:(0,o.Rv)("buttonBorder"),hover:(0,o.Rv)("backgroundHover"),active:(0,o.Rv)("backgroundActive")},primary:{color:(0,o.Rv)("white"),background:(0,o.Rv)("blurple"),borderColor:null,hover:(0,o.Rv)("primaryHover"),active:(0,o.Rv)("primaryActive")},record:{color:(0,o.Rv)("white"),background:(0,o.Rv)("record"),borderColor:null,hover:(0,o.Rv)("recordHover"),active:(0,o.Rv)("recordActive")},upgrade:{color:(0,o.Rv)("grey7"),background:(0,o.Rv)("upgrade"),borderColor:null,hover:(0,o.Rv)("upgradeHover"),active:(0,o.Rv)("upgradeActive"),focusRing:(0,o.yb)()},danger:{color:(0,o.Rv)("white"),background:(0,o.Rv)("danger"),borderColor:null,hover:(0,o.Rv)("dangerHover"),active:(0,o.Rv)("dangerActive")},ai:{color:(0,o.Rv)("white"),background:"linear-gradient(135deg, #565ADD, #9F92EC, #DC43BE)",borderColor:null,hover:null,active:null}},y={enabled:(0,s.iv)(h()),disabled:(0,s.iv)(m(),(0,o.Rv)("disabledBackground"),(0,o.Rv)("disabledContent"))},C=(0,o.u)(1),L=d.Z.button(u(),function(e){return e.hasChildren?b[e.size].xSpace:0},(0,o.On)("bold"),(0,o.H5)("full"),function(e){return e.hasFullWidth?"display: flex; width: 100%":"display: inline-flex"},function(e){return b[e.size].height},function(e){return b[e.size].height},function(e){return(0,o.y3)(b[e.size].textSize)},function(e){return e.disabled?y.disabled:y.enabled},function(e){return!e.disabled&&"\n    border: ".concat(w[e.variant].borderColor?"1px solid ".concat(w[e.variant].borderColor):"none",";\n    background: ").concat(w[e.variant].background,";\n    background-position: left;\n    background-size: 125%;\n    color: ").concat(w[e.variant].color,";\n  ")},function(e){return w[e.variant].hover},function(e){return w[e.variant].active},(0,o.yb)()),k=d.Z.span(g(),function(e){return(0,o.ap)("padding-left",e.paddingLeft)},function(e){return(0,o.ap)("padding-right",e.paddingRight)},j),N=d.Z.img(x(),function(e){return b[e.size].height},function(e){return b[e.size].height},function(e){return e.hasSpacing&&"margin-right: 0.57em"},j),_=d.Z.span(v()),A=d.Z.span(f(),j);Object.keys(b),Object.keys(w),n.ZP=function(e){var n=e.size,t=void 0===n?"medium":n,r=e.children,o=e.variant,s=e.hasFullWidth,d=e.icon,c=e.iconPosition,h=void 0===c?"left":c,m=e.logoSrc,u=e.hasLoader,g=e.isDisabled,x=e.htmlTag,v=p(e,["size","children","variant","hasFullWidth","icon","iconPosition","logoSrc","hasLoader","isDisabled","htmlTag"]),f=i.createElement(k,{hasLoader:u,paddingLeft:r&&"right"===h&&C,paddingRight:r&&"left"===h&&C},i.createElement(l.Z,{icon:d,color:"currentColor",hasWidthOffset:!0,size:b[t].iconSize}));return i.createElement(L,Object.assign({size:t,variant:void 0===o?"neutral":o,hasFullWidth:s,icon:d,iconPosition:h,logoSrc:m,disabled:g,as:void 0===x?"button":x,hasChildren:r},v),u&&i.createElement(_,null,i.createElement(a.Z,{color:"currentColor"})),d&&"left"===h&&f,m&&i.createElement(N,{alt:"",hasSpacing:r,src:m,size:t,height:b[t].height,width:b[t].height,hasLoader:u}),i.createElement(A,{hasLoader:u},r),d&&"right"===h&&f)}},99988:function(e,n,t){"use strict";var r=t(67294);n.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"}))}},25442:function(e,n,t){"use strict";t.d(n,{Z:function(){return c}});var r=t(85893),o=t(95733),l=t(83464),a=t(28635),i=t(93967),s=t.n(i),d=t(52798);function c(e){var n=e.isIOS,t=e.onClick,i=n?d.Ee:d.gI;return(0,r.jsx)("div",{className:"fixed bottom-0 left-0 m-16 right-0 z-20",children:(0,r.jsxs)("div",{className:"bg-white max-w-[450px] mx-auto rounded-sm shadow-md",children:[(0,r.jsxs)("div",{className:"flex pt-16",children:[(0,r.jsxs)("div",{className:"flex items-center sm:items-start flex-grow",children:[(0,r.jsxs)("svg",{className:s()(!n&&"rounded-full","flex-shrink-0 mx-16 h-48 w-48"),fill:"none",height:"48",viewBox:"0 0 48 48",width:"48",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M38 0H10C4.47715 0 0 4.47715 0 10V38C0 43.5228 4.47715 48 10 48H38C43.5228 48 48 43.5228 48 38V10C48 4.47715 43.5228 0 38 0Z",fill:"#625DF5"}),(0,r.jsx)("path",{d:"M39.999 22.324H30.2509L38.6926 17.4494L37.0176 14.5474L28.5759 19.421L33.4494 10.9792L30.5474 9.30427L25.6739 17.746V8H22.324V17.7481L17.4505 9.30636L14.5485 10.9813L19.422 19.422L10.9813 14.5485L9.30636 17.4505L17.7481 22.325H8V25.675H17.747L9.30636 30.5485L10.9813 33.4505L19.4231 28.5769L14.5485 37.0187L17.4505 38.6936L22.325 30.2519V40H25.675V30.0431L30.6393 38.6414L33.3596 37.0709L28.3952 28.4715L37.0187 33.4494L38.6936 30.5474L30.253 25.6739H40V22.324H39.999ZM23.999 28.554C21.4834 28.554 19.4439 26.5146 19.4439 23.999C19.4439 21.4834 21.4834 19.4439 23.999 19.4439C26.5146 19.4439 28.554 21.4834 28.554 23.999C28.554 26.5146 26.5146 28.554 23.999 28.554Z",fill:"white"})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"font-bold",children:"Record, share, and watch on the go."}),(0,r.jsx)("p",{className:"hidden sm:block",children:"The fastest way to record and instantly share a video from your iPhone and iPad."})]})]}),(0,r.jsx)(l.Z,{altText:"Close",className:"flex-shrink-0 focus:outline-none -mt-8 mr-8",icon:(0,r.jsx)(a.Z,{}),onClick:t})]}),(0,r.jsx)("div",{className:"p-16",children:(0,r.jsx)(o.ZP,{hasFullWidth:!0,href:i,htmlTag:"a",variant:"primary",children:(0,r.jsxs)("span",{className:"font-bold",children:["Download Loom for ",n?"iOS":"Android"]})})})]})})}},68566:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var r=t(85893),o=t(93967),l=t.n(o),a=t(29572),i=t(89615);function s(e){var n,t,o,s,d=e.bFont,c=e.bLineLength,h=e.className,m=e.hColor,u=e.hLineLengthList,g=e.header,x=e.hFont,v=e.hLineLength,f=e.hThemeColor,p=e.iconColor,b=e.iClassName,j=e.lColor,w=e.lLineLength,y=e.list,C=e.lThemeColor,L=e.nested,k=e.themeColor,N=(null==y?void 0:y.length)===3;return(0,r.jsxs)("section",{className:l()(h,"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:x,hLineLength:v,header:g,nested:L,themeColor:null!==(t=null!==(n=null!=f?f:m)&&void 0!==n?n:k)&&void 0!==t?t:"grey-10",vAlign:"start"}),(0,r.jsx)(a.Z,{bFont:"md",className:l()(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:y,showIcons:"yes",themeColor:null!==(s=null!==(o=null!=C?C:j)&&void 0!==o?o:k)&&void 0!==s?s:"grey-10"})]})}},66835:function(e,n,t){"use strict";t.d(n,{Z:function(){return K}});var r=t(24043),o=t(85893),l=t(67294),a=t(7979),i=t(18751),s=t(25442),d=t(89615),c=t(98843);function h(e){var n=e.header;return(0,o.jsxs)("section",{className:"px-fluid-base mb-fluid-md",children:[(0,o.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:n,themeColor:"grey-light",vAlign:"center"}),(0,o.jsx)("div",{className:"mx-auto flex items-center justify-center max-w-screen-lg",children:(0,o.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=t(68566),u=t(88101),g=t(52798),x=t(51050),v=t(4121),f=t.n(v);function p(){var e=(0,x.T)(),n=(0,r._)((0,l.useState)(0),2),t=n[0],a=n[1];return(0,l.useEffect)(function(){if(!e){var n=t%60;return setTimeout(function(){return a(n+1)},1e3),function(){return clearTimeout(t)}}}),(0,o.jsxs)(u.Z,{children:[(0,o.jsxs)("picture",{children:[(0,o.jsx)("source",{srcSet:"".concat(g.Lv,"/screen-recorder/desktop-notion.webp"),type:"image/webp"}),(0,o.jsx)("img",{alt:"",className:"h-full object-cover w-full",height:"100%",src:"".concat(g.Lv,"/screen-recorder/desktop-notion.jpg"),width:"100%"})]}),(0,o.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,o.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-red-40)",strokeLinecap:"round",strokeWidth:"12"})}),(0,o.jsx)("div",{className:f().jamila,children:(0,o.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,o.jsx)("div",{className:f().controls,children:(0,o.jsxs)("div",{className:f().controlsWrapper,children:[(0,o.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,o.jsx)("rect",{fill:"#E94E4E",height:"16",rx:"2",width:"16",x:"4",y:"4"})}),(0,o.jsx)("svg",{className:f().controlsTime,viewBox:"0 0 40 16",children:(0,o.jsx)("text",{x:"0",y:"12",children:t<10?"1:0"+t:60===t?"1:00":"1:"+t})}),(0,o.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",children:(0,o.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,o.jsxs)("svg",{className:f().controlsTrash,fill:"none",viewBox:"0 0 24 24",children:[(0,o.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,o.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,o.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=t(93967),j=t.n(b),w=t(68627),y=t.n(w);function C(){return(0,o.jsx)(u.Z,{children:(0,o.jsxs)("div",{className:j()(y().background,"flex h-full"),children:[(0,o.jsxs)("div",{className:"absolute h-full overflow-hidden w-1/2",children:[(0,o.jsxs)("svg",{className:y().button,viewBox:"0 0 720 720",children:[(0,o.jsx)("rect",{fill:"currentColor",height:"720",rx:"360",width:"720"}),(0,o.jsx)("rect",{fill:"var(--thd-color-white)",height:"224",rx:"28",width:"224",x:"248",y:"248"})]}),(0,o.jsx)("div",{className:y().icon,children:(0,o.jsxs)("svg",{className:"w-full",height:"86",viewBox:"0 0 1031 86",width:"1031",children:[(0,o.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,o.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,o.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,o.jsx)("text",{className:y().link,x:"184.48",y:"64",children:"loom.com/share/beda526…"})]})})]}),(0,o.jsxs)("div",{className:y().right,children:[(0,o.jsx)("img",{alt:"",className:y().cursorText,height:"36",src:"https://cdn.loom.com/assets/marketing/home/cursor-text.svg",width:"36"}),(0,o.jsxs)("svg",{viewBox:"0 0 300 150",children:[(0,o.jsxs)("text",{x:"0",y:"0",children:[(0,o.jsx)("tspan",{dy:"1.5em",x:"0",children:"Thanks for sending this over, Jud"}),(0,o.jsx)("tspan",{dy:"1.5em",x:"0",children:"looks great and works well. Take"}),(0,o.jsx)("tspan",{dy:"1.5em",x:"0",children:"a look at this video walkthrough."}),(0,o.jsx)("tspan",{className:j()(y().textLink,y().textLinkAppear),dy:"2.5em",x:"0",children:"loom.com/share/beda526"})]}),(0,o.jsx)("line",{className:y().textLinkAppear,stroke:"var(--thd-color-blue-50)",x1:"0",x2:"300",y1:"116",y2:"116"})]}),(0,o.jsxs)("div",{className:y().send,children:[(0,o.jsx)("svg",{className:y().sendText,viewBox:"0 0 36 24",children:(0,o.jsx)("text",{x:"0",y:"17",children:"Send"})}),(0,o.jsxs)("svg",{className:y().sendIcon,fill:"none",viewBox:"0 0 24 24",children:[(0,o.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,o.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,o.jsx)("img",{alt:"",className:y().cursorPointer,height:"60",src:"https://cdn.loom.com/assets/marketing/home/cursor-pointer.svg",width:"60"})]})})}var L=t(73986);function k(e){var n=e.header,t=e.captureBlock,r=e.shareBlock,l=e.themeColor;return(0,o.jsxs)("section",{className:"thd-container-plate mx-auto mb-fluid-lg",children:[(0,o.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:n,themeColor:"grey-light",vAlign:"center"}),(0,o.jsx)(L.Z,{className:"px-fluid-base py-fluid-sm lg:p-fluid-md",hLevel:"h3",mediaBlockOne:(0,o.jsx)(p,{}),mediaBlockTwo:(0,o.jsx)(C,{}),textBlockOne:t,textBlockTwo:r,themeColor:l})]})}var N=t(15411),_=t.n(N);function A(){var e=(0,x.T)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:_().heroBg}),(0,o.jsxs)("div",{className:_().heroImage,children:[(0,o.jsxs)("picture",{children:[(0,o.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(g.Lv,"/screen-recorder/hero-mobile.webp"),width:"1125"}),(0,o.jsx)("source",{height:"1388",media:"(min-width: 768px)",srcSet:"".concat(g.Lv,"/screen-recorder/hero.webp"),width:"3000"}),(0,o.jsx)("source",{height:"800",media:"(max-width: 767px)",srcSet:"".concat(g.Lv,"/screen-recorder/hero-mobile.jpg"),width:"1125"}),(0,o.jsx)("img",{alt:"Desk with laptop recording",className:"relative w-full z-10",height:"1388",src:"".concat(g.Lv,"/screen-recorder/hero.jpg"),width:"3000"})]}),!e&&(0,o.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,o.jsx)("div",{className:_().heroGradients})]})}var Z=t(53161),R=t(53608);function B(e){var n,t,r,l=e.heading,a=e.items,i=e.themeColor;return(0,o.jsx)("section",{className:j()(null===(n=(0,R.b)(i))||void 0===n?void 0:n.bodyText,null===(t=(0,R.b)(i))||void 0===t?void 0:t.bg,"mb-fluid-lg"),style:{"--bg-color":null===(r=(0,R.b)(i))||void 0===r?void 0:r.bg},children:(0,o.jsxs)("div",{className:"mx-auto py-fluid-md",children:[(0,o.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:l,themeColor:i,vAlign:"center"}),(0,o.jsx)(Z.Z,{answerType:"default",hLevel:"h3",className:"px-fluid-base max-w-screen-xl mx-auto",items:a,showIcons:"hideMobileIcon",themeColor:i})]})})}var T=t(42666);function S(e){var n=e.header,t=e.themeColor,r=e.cta;return(0,o.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,o.jsx)("div",{className:"max-w-60% xl:max-w-full mx-auto",children:(0,o.jsxs)("picture",{children:[(0,o.jsx)("source",{srcSet:"".concat(g.Lv,"/screen-recorder/loom-on-the-go.webp"),type:"image/webp"}),(0,o.jsx)("img",{alt:"Loom app on iPhone",height:"100%",src:"".concat(g.Lv,"/screen-recorder/loom-on-the-go.jpg"),width:"100%",loading:"lazy"})]})}),(0,o.jsxs)("div",{className:"flex flex-col justify-center lg:items-start",children:[(0,o.jsx)(d.Z,{bFont:"md",bLineLength:"3xl",gap:"mb-xl lg:mb-2xl",hAlign:"center-start",hFont:"lg",hLineLength:"lg",header:n,themeColor:t,vAlign:"center-start"}),r&&(0,o.jsx)(T.Z,{buttonType:"primary",color:"violet-dark",cta:r,icon:"download",size:"lg",type:"primary"})]})]})}var F=t(8789),z=t(15992),H=t(5152),E=t.n(H);function M(e){var n=e.header,r=e.themeColor,l=E()(function(){return Promise.all([t.e(987),t.e(7724)]).then(t.bind(t,67724))},{loadableGenerated:{webpack:function(){return[67724]}}});return(0,o.jsx)("section",{className:"md:thd-container-max",children:(0,o.jsxs)("div",{className:j()((0,R.b)(r).bg,"px-fluid-base py-fluid-sm md:p-fluid-sm lg:p-fluid-md md:thd-rounded-ext"),children:[(0,o.jsx)(d.Z,{bFont:"lg",bLineLength:"2xl",gap:"mb-lg lg:mb-0",hAlign:"split",hFont:"lg",hLevel:"h3",header:n,themeColor:r,vAlign:"start"}),(0,o.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,o.jsx)(l,{}),(0,o.jsx)("span",{className:"w-1 h-40 3xl:h-60 ml-24 mr-36 bg-thd-color-grey-20 hidden sm:block"}),(0,o.jsxs)("p",{className:"hidden sm:flex items-center gap-20 2xl:gap-x-40 text-thd-color-grey-70",children:[(0,o.jsxs)("span",{className:"flex items-center gap-x-10 2xl:gap-x-20",children:[(0,o.jsx)(F.Z,{className:"h-[1.75em] w-[1.75em]"}),"Comment"]}),(0,o.jsxs)("span",{className:"hidden 2xl:flex items-center gap-x-10 2xl:gap-x-20",children:[(0,o.jsx)(z.Z,{className:"h-[1.75em] w-[1.75em]"}),"Record a comment"]})]})]})]})})}var O=t(29572),P=t(10953);function I(e){var n=e.header,t=e.list,r=e.themeColor;return(0,o.jsx)("section",{className:"thd-container-plate mb-fluid-lg",children:(0,o.jsx)("div",{className:j()((0,R.b)(r).bg,"py-fluid-md md:p-fluid-md lg:p-fluid-lg md:thd-rounded-ext"),children:(0,o.jsx)(P.Z,{contentAlign:"top",contentBlock:(0,o.jsx)(O.Z,{bFont:"sm",className:"thd-px-base md:thd-px-sm lg:px-0 mx-auto grid lg:grid-cols-3 gap-lg",list:t,showIcons:"hideOnMobile",themeColor:r}),hAlign:"start",headerBlock:(0,o.jsx)(d.Z,{bFont:"lg",bLineLength:"4xl",className:"px-fluid-base",gap:"mb-md lg:mb-lg",hAlign:"center-end",hFont:"lg",header:n,themeColor:r,vAlign:"start"}),layout:"horizontal",mediaBlock:(0,o.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 V=t(12441),D=t(35018),W=t(2438),q=t(47805),G=t(68416);function K(e){var n,t,c,u=e.initialData,g=e.accountNavData,x=e.footerNavData,v=e.navData,f=(0,r._)((0,l.useState)(!0),2),p=f[0],b=f[1];return(0,o.jsxs)(a.Z,{accountNavData:g,data:u,footerNavData:x,name:"Screen Recorder",navData:v,hideNavItems:null==u?void 0:u.hideNavItems,children:[(0,o.jsx)(i.Z,{data:null==u?void 0:u.meta,url:"https://mulligan.indiedemos.com/screen-recorder"}),(0,o.jsx)(W.Z,{bgColor:(0,R.b)("magenta-light").bg,bLineLength:"5xl",className:"mb-fluid-lg",content:(0,o.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:"magenta-light"}),(null==u?void 0:u.featuresList)&&(0,o.jsx)(m.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,o.jsx)(k,{captureBlock:u.captureBlock,header:u.getStartedHeader,shareBlock:u.shareBlock,themeColor:"violet-light"}),(0,o.jsx)(h,{header:u.editBlock}),(0,o.jsx)(M,{header:u.feedbackHeader,themeColor:"red-light"}),(0,o.jsx)(V.Z,{data:null==u?void 0:u.socialProofModule,lineLength:"xl",themeColor:"grey-light"}),(null==u?void 0:u.testimonialHeader)&&(0,o.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,o.jsx)(q.Z,{bgVar:(0,R.b)("grey-light").bgVar,cards:u.testimonials,font:"xs",themeColorMode:"light"}),(0,o.jsx)(I,{header:u.useLoomHeader,list:u.useLoomList,themeColor:"violet-dark"}),(0,o.jsx)(B,{heading:u.howToHeading,hideMobileIcons:!0,items:u.howToFaqs,themeColor:"violet-dark"}),(0,o.jsx)(S,{cta:u.loomGoCta,header:u.loomGoHeader,themeColor:"grey-light"}),(null==u?void 0:null===(n=u.endOfPageModule)||void 0===n?void 0:n.cta)&&(0,o.jsx)(D.Z,{cta:null==u?void 0:null===(t=u.endOfPageModule)||void 0===t?void 0:t.cta,heading:null==u?void 0:null===(c=u.endOfPageModule)||void 0===c?void 0:c.heading}),(G.gn||G.Dt)&&p&&(0,o.jsx)(s.Z,{isIOS:G.gn,onClick:function(){return b(!1)}})]})}},53161:function(e,n,t){"use strict";t.d(n,{Z:function(){return m}});var r=t(85893),o=t(58926),l=t(93967),a=t.n(l),i=t(45697),s=t.n(i),d=t(29572),c=t(39545),h=t(53608);function m(e){var n=e.className,t=e.themeColor,l=e.items,i=e.answerType,s=e.numerals,m=e.hLevel,u=null!=m?m:"span";return(0,r.jsx)("div",{className:n,children:null==l?void 0:l.map(function(e,n){var l,m,g,x={"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:t}),default:(0,r.jsx)(c.Z,{content:e.answer,themeColor:t})}[i];return(0,r.jsxs)("details",{className:a()(null===(l=(0,h.b)(t))||void 0===l?void 0:l.bgInner,null===(m=(0,h.b)(t))||void 0===m?void 0:m.bodyText,"thd-details py-fluid-sm thd-rounded-int mb-lg"),style:{"--button-color-fr":null===(g=(0,h.b)(t))||void 0===g?void 0:g.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)(o.Z,{className:"chevron w-24"})})]})}),(0,r.jsx)("div",{className:a()((0,h.b)(t).border,"thd-body-md border-t mt-32 px-fluid-base pt-32"),children:x})]},n)})})}m.propTypes={className:s().string,themeColor:s().string,answerType:s().oneOf(["icon-list","default"]),items:s().array,numerals:s().bool,hLevel:s().string},m.defaultProps={answerType:"default",themeColor:"grey-text"}},73986:function(e,n,t){"use strict";t.d(n,{Z:function(){return d}});var r=t(85893),o=t(93967),l=t.n(o),a=t(30587),i=t(89615),s=t(53608);function d(e){var n=e.className,t=e.contentAlign,o=void 0===t?"left":t,d=e.ctaBlockOne,c=e.bFont,h=e.bLineLength,m=e.hLevel,u=e.mediaBlockOne,g=e.mediaBlockTwo,x=e.mediaBlockThree,v=e.nested,f=e.portable,p=e.themeColor,b=e.textBlockOne,j=e.textBlockTwo,w=e.textBlockThree,y=(0,a.ZP)("(min-width: 768px)"),C="left"===o;return(0,r.jsx)("div",{className:l()(n,(0,s.b)(p).bg,"lg:thd-rounded-ext",f?"pb-fluid-lg":"py-fluid-md"),children:(0,r.jsxs)("div",{className:l()((0,s.b)(p).bodyText,"flex md:grid md:grid-cols-2 gap-fluid-sm items-center",C?" flex-col-reverse":"flex-col",j?"md:grid-rows-2":void 0),children:["right"===o?u:void 0,(0,r.jsxs)("div",{className:"flex flex-col items-start w-auto lg:mx-auto",children:[b&&(0,r.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=h?h:"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:m,hLineLength:"md",header:b,nested:v||!d,themeColor:p,vAlign:"center"}),d]}),C?u:void 0,!y&&g,j&&(0,r.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=h?h:"2xl",className:"w-full mx-auto md:w-auto",gap:"mb-md lg:mb-lg",hAlign:"start",hFont:"md",hLevel:m,hLineLength:"md",header:j,themeColor:p,vAlign:"center"}),y&&g,x,w&&(0,r.jsx)(i.Z,{bFont:null!=c?c:"sm",bLineLength:null!=h?h:"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:w,nested:v,themeColor:p,vAlign:"center"})]})})}},68416:function(e,n,t){"use strict";t.d(n,{Dt:function(){return o},UK:function(){return a},gn:function(){return l}});var r="undefined"==typeof navigator?"":navigator.userAgent,o=r.match(/Android/i),l=r.match(/iPhone|iPad|iPod/i),a=r.includes("Chrome")},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,n,t){var r=t(67294),o=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.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 l=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:l=!0,pauseOnHover:a=!1,pauseOnClick:i=!1,direction:s="left",speed:d=50,delay:c=0,loop:h=0,gradient:m=!1,gradientColor:u="white",gradientWidth:g=200,onFinish:x,onCycleComplete:v,onMount:f,children:p},b){let[j,w]=r.useState(0),[y,C]=r.useState(0),[L,k]=r.useState(1),[N,_]=r.useState(!1),A=r.useRef(null),Z=b||A,R=r.useRef(null),B=r.useCallback(()=>{if(R.current&&Z.current){let e=Z.current.getBoundingClientRect(),n=R.current.getBoundingClientRect(),r=e.width,o=n.width;("up"===s||"down"===s)&&(r=e.height,o=n.height),t&&r&&o?k(o<r?Math.ceil(r/o):1):k(1),w(r),C(o)}},[t,Z,s]);r.useEffect(()=>{if(N&&(B(),R.current&&Z.current)){let e=new ResizeObserver(()=>B());return e.observe(Z.current),e.observe(R.current),()=>{e&&e.disconnect()}}},[B,Z,N]),r.useEffect(()=>{B()},[B,p]),r.useEffect(()=>{_(!0)},[]),r.useEffect(()=>{"function"==typeof f&&f()},[]);let T=r.useMemo(()=>t?y*L/d:y<j?j/d:y/d,[t,j,y,L,d]),S=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!l||a?"paused":"running","--pause-on-click":!l||a&&!i||i?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,l,a,i,s]),F=r.useMemo(()=>({"--gradient-color":u,"--gradient-width":"number"==typeof g?`${g}px`:g}),[u,g]),z=r.useMemo(()=>({"--play":l?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${T}s`,"--delay":`${c}s`,"--iteration-count":h?`${h}`:"infinite","--min-width":t?"auto":"100%"}),[l,s,T,c,h,t]),H=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,n)=>o.default.createElement(r.Fragment,{key:n},r.Children.map(p,e=>o.default.createElement("div",{style:H,className:"rfm-child"},e)))),[H,p]);return N?o.default.createElement("div",{ref:Z,style:S,className:"rfm-marquee-container "+n},m&&o.default.createElement("div",{style:F,className:"rfm-overlay"}),o.default.createElement("div",{className:"rfm-marquee",style:z,onAnimationIteration:v,onAnimationEnd:x},o.default.createElement("div",{className:"rfm-initial-child-container",ref:R},r.Children.map(p,e=>o.default.createElement("div",{style:H,className:"rfm-child"},e))),E(L-1)),o.default.createElement("div",{className:"rfm-marquee",style:z},E(L))):null});n.Z=l}}]);