1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5099],{62089:function(n,e,t){t.d(e,{M:function(){return b}});var i=t(23842),r=t(24364),o=t(21151),a=t(17599),s=t(15963),d=t(59312),c=t(33304),l=t(99520),u=t(16355),p=t(61319),g=t(90743),h=t(5516),f=t(30652),m=t(55099),x=t(32481),b=new(function(){function n(){var e=this;(0,r.Z)(this,n),(0,a.Z)(this,"bundles",[]),(0,a.Z)(this,"selected",void 0),(0,a.Z)(this,"loading",!0),(0,a.Z)(this,"submitting",!1),(0,a.Z)(this,"error",void 0),(0,a.Z)(this,"errorNoPayment",void 0);var t=this;(0,a.Z)(this,"init",(0,i.Z)((function(){var n;return(0,d.__generator)(this,(function(e){switch(e.label){case 0:return[4,l.api.creditsService.getPostproductionCreditBundles()];case 1:(n=e.sent())&&(t.bundles=n.sort((function(n,e){return n.credits-e.credits})),t.loading=!1),e.label=2;case 2:return[2]}}))})));var o=this;(0,a.Z)(this,"buy",(0,i.Z)((function(){var n,e,t;return(0,d.__generator)(this,(function(i){switch(i.label){case 0:if(!o.selected)return[2,!1];o.submitting=!0,i.label=1;case 1:return i.trys.push([1,3,4,5]),o.clearError(),[4,l.api.billingService.purchasePostproductionCreditBundle(o.selected._id)];case 2:return i.sent(),n="Successfully purchased ".concat(o.selected.credits," postproduction credits!"),f.l2.utils.notifications.success(n),u.u.success(n),o.selected=void 0,[2,!0];case 3:return e=i.sent(),(0,s.Z)(e,c.CardDeclinedError)?o.error=e.reason:(0,s.Z)(e,c.NoPaymentMethodError)?o.errorNoPayment=!0:(t=h.k.error("Failed to purchase more postproduction credits",e),o.error="".concat(g.a," (").concat(t,")")),[2,!1];case 4:return o.submitting=!1,[7];case 5:return[2]}}
1))}))),(0,a.Z)(this,"addPaymentMethod",(function(){m.h.open(x.l.PAYMENT)})),(0,a.Z)(this,"clearError",(function(){e.error=void 0,e.errorNoPayment=!1})),(0,a.Z)(this,"reset",(function(){e.error=void 0,e.errorNoPayment=!1,e.loading=!0,e.submitting=!1})),(0,p.Z)(this)}return(0,o.Z)(n,[{key:"disabled",get:function(){return void 0===this.selected||this.loading||this.submitting}},{key:"hasError",get:function(){return Boolean(this.error||this.errorNoPayment)}}]),n}())},55099:function(n,e,t){t.d(e,{h:function(){return f}});var i=t(23842),r=t(24364),o=t(21151),a=t(17599),s=t(3204),d=t(59312),c=t(99520),l=t(61319),u=t(30652),p=t(17098),g=t(32481),h=t(16950),f=new(function(){function n(){var e=this;(0,r.Z)(this,n),(0,a.Z)(this,"initializing",!1),(0,a.Z)(this,"_activeIndex",0),(0,a.Z)(this,"_brand",void 0);var t=this;(0,a.Z)(this,"init",(0,i.Z)((function(){var n;return(0,d.__generator)(this,(function(e){switch(e.label){case 0:return t.initializing=!0,(n=u.l2.utils.auth.user)?n.brandId?[4,c.api.brandsService.getBrand(n.brandId)]:[3,2]:[2];case 1:t._brand=e.sent(),e.label=2;case 2:return[4,t.openTabFromQueryParam()];case 3:return e.sent(),t.initializing=!1,[2]}}))}))),(0,a.Z)(this,"open",(function(n){var t=n?e.tabs.findIndex((function(e){return e.tab===n})):0;-1===t&&(t=1),e.activeIndex=t,u.l2.utils.modal.open(h.kg)}));var o=this;(0,a.Z)(this,"openTabFromQueryParam",(0,i.Z)((function(){var n,e;return(0,d.__generator)(this,(function(t){switch(t.label){case 0:return[4,u.l2.router.popQueryParam("settingsModalTab")];case 1:return(n=t.sent())&&(0,g.H)(n)&&(e=o.tabs.findIndex((function(e){return e.tab===n})))>=0&&(o._activeIndex=e),[2]}}))}))),(0,l.Z)(this)}return(0,o.Z)(n,[{key:"activeIndex",get:function(){return this._activeIndex},set:function(n){var e=this.tabs[n];e&&(e.disabled||(this._activeIndex=n))}},{key:"activeTab",get:function(){var n;return null===(n=this.tabs[this.activeIndex])||void 0===n?void 0:n.tab}},{key:"tabs",get:function(){return this.isBrand?this.brandTabs:this.creatorTabs}},{key:"creatorTabs",get:function(){var n=[{tab:g.l.ACCOUNT},{tab:g.l.PAYMENT}];return(0,p.p)(u.l2.auth.user)&&(n.push({tab:g.l.TEAM}),n.push({tab:g.l.RECORDING})),n.push({tab:g.l.CLOUD}),n}},{key:"brandTabs",get:function(){var n=(0,s.Z)(this.creatorTabs),e=this.hasShopify&&!this.hasStripe,t=this.hasStripe&&!this.hasShopify,i="You cannot link both Stripe and Shopify";return n.push({tab:g.l.STRIPE,disabled:e,disabledReason:e?i:void 0}),n.push({tab:g.l.SHOPIFY,disabled:t,disabledReason:t?i:void 0}),n.push({tab:g.l.TRACKING}),n}},{key:"isBrand",get:function(){var n=u.l2.utils.auth.user;return!!n&&Boolean(n.brandId)}},{key:"hasStripe",get:function(){var n;return Boolean(null===(n=this._brand)||void 0===n?void 0:n.stripeLinkedAt)}},{key:"hasShopify",get:function(){var n;return Boolean(null===(n=this._brand)||void 0===n?void 0:n.shopifyLinkedAt)}}]),n}())},32481:function(n,e,t){var i;t.d(e,{H:function(){return r},l:function(){return i}}),function(n){n.ACCOUNT="ACCOUNT",n.PAYMENT="PAYMENT",n.STRIPE="STRIPE",n.SHOPIFY="SHOPIFY",n.TRACKING="TRACKING",n.TEAM="TEAM",n.RECORDING="RECORDING",n.CLOUD="CLOUD"}(i||(i={}));var r=function(n){return Object.values(i).includes(n)}},4928:function(n,e,t){t.d(e,{$:function(){return p}});var i=t(85034),r=t(31373),o=t(19989),a=t(24246),s=(t(27378),t(55346)),d=t(96476);function c(){var n=(0,o.Z)(["\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n"]);return c=function(){return n},n}function l(){var n=(0,o.Z)(["\n width: ","px;\n height: ","px;\n border: ","px solid ",";\n border-right-color: transparent;\n "]);return l=function(){return n},n}function u(){var n=(0,o.Z)(["\n ","\n\n border-radius: 50%;\n position: relative;\n animation: "," 0.75s linear infinite;\n\n ","\n"]);return u=function(){return n},n}var p=function(n){var e=n.size,t=void 0===e?32:e,o=n.color,s=void 0===o?"primary":o,d=n.testId,c=void 0===d?"Spinner":d,l=(0,r.Z)(n,["size","color","testId"]);return(0,a.jsx)(h,(0,i.Z)({size:t,color:s,"data-testid":c},l))},g=(0,s.F4)(c()),h=s.ZP.div.withConfig({componentId:"sc-4aa8a2a2-0"})(u(),d.Dh,g,(function(n){var e=n.theme,t=(0,r.Z)(n,["theme"]),i=t.size<32?6:8,o=t.size/i;return(0,s.iv)(l(),t.size,t.size,o,e.colors[t.color])}))},64855:function(n,e,t){t.d(e,{PV:function(){return i},Xy:function(){return r},av:function(){return o}});var i="https://drive.google.com/drive/folders/0B-d34hRPOvQeRHZBMlcweVEzS0k",r="mailto:[email protected]",o="https://support.zencastr.com"},7533:function(n,e,t){t.d(e,{C:function(){return en}});var i=t(19989),r=t(24246),o=t(55346),a=t(61699),s=t(96251),d=t(64855),c=t(39e3),l=t(32934);function u(){var n=(0,i.Z)(["\n color: ",";\n &:hover {\n color: ",";\n }\n\n font-size: 12px;\n\n "," {\n font-size: 18px;\n }\n"]);return u=function(){return n},n}function p(){var n=(0,i.Z)(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n padding: 24px 0;\n gap: 30px;\n\n "," {\n padding: 36px 0;\n gap: 60px;\n }\n\n "," {\n padding: 48px 0;\n gap: 94px;\n }\n"]);return p=function(){return n},n}var g=function(){return(0,r.jsxs)(f,{children:[(0,r.jsx)(h,{href:s.Lm,children:"Privacy Policy"}),(0,r.jsx)(h,{href:s.WF,children:"Terms of Service"}),(0,r.jsx)(h,{href:d.PV,external:!0,children:"Press Kit"})]})},h=(0,o.ZP)(l.r).withConfig({componentId:"sc-5a1d64b9-0"})(u(),c.rS.colors.sidebarMuted,c.rS.colors.BW_5,c.rS.mediaQueries.desktop),f=o.ZP.footer.withConfig({componentId:"sc-5a1d64b9-1"})(p(),c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop),m=t(85034),x=t(70169),b=t(31373),v=t(18716);function w(){var n=(0,i.Z)(["\n from { -webkit-mask-position: 150%; }\n to { -webkit-mask-position: -50%; }\n"]);return w=function(){return n},n}function y(){var n=(0,i.Z)(["\n user-select: none;\n\n mask-image: linear-gradient(\n -45deg,\n rgba(255, 0, 0, 0.85) 20%,\n rgba(255, 0, 0, 1) 30%,\n rgba(255, 0, 0, 0.85) 40%\n );\n mask-size: 200%;\n mask-position: -50% center;\n animation: "," 5s ease infinite 10s;\n filter: brightness(150%);\n"]);return y=function(){return n},n}var S=(0,o.F4)(w()),k=(0,o.iv)(y(),S);function Z(){var n=(0,i.Z)(["\n background: ",";\n background-clip: text;\n -webkit-background-clip: text;\n text-fill-color: transparent;\n -webkit-text-fill-color: transparent;\n background-size: 200%;\n "]);return Z=function(){return n},n}function z(){var n=(0,i.Z)(["\n // Text gradient\n ","\n\n ","\n\n letter-spacing: -0.03em;\n\n width: 181px;\n font-size: 32px;\n line-height: 40px;\n\n "," {\n width: 537px;\n font-size: 52px;\n line-height: 64px;\n }\n "," {\n width: 929px;\n font-size: 90px;\n line-height: 110px;\n }\n"]);return z=function(){return n},n}var I=function(n){var e=n.page,t=(0,b.Z)(n,["page"]),i=e.title,o=e.config.color.gradient;return(0,r.jsx)(Q,(0,x.Z)((0,m.Z)({fontWeight:"heavy",align:"center",mb:0,gradient:o},t),{children:i}))},Q=(0,o.ZP)(v.x).withConfig({componentId:"sc-36660237-0"})(z(),(function(n){var e=n.gradient;return(0,o.iv)(Z(),e)}),k,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop);function P(){var n=(0,i.Z)(["\n padding: 0 32px;\n font-weight: 700;\n\n width: 100%;\n font-size: 20px;\n line-height: 24px;\n\n "," {\n width: 618px;\n font-size: 22px;
1\n line-height: 26px;\n }\n\n "," {\n width: 896px;\n font-size: 26px;\n line-height: 38px;\n }\n"]);return P=function(){return n},n}var _=function(n){var e=n.page,t=(0,b.Z)(n,["page"]),i=e.excerpt;return(0,r.jsx)(C,(0,x.Z)((0,m.Z)({color:"sidebarMuted",align:"center",mb:0},t),{children:i}))},C=(0,o.ZP)(v.x).withConfig({componentId:"sc-5a99397c-0"})(P(),c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop),E=t(12393),B=t(73646);function T(){var n=(0,i.Z)(["\n border-radius: ",";\n "," {\n border-radius: ",";\n }\n "," {\n border-radius: ",";\n }\n"]);return T=function(){return n},n}function N(){var n=(0,i.Z)(["\n position: absolute;\n bottom: 0;\n z-index: 3;\n\n width: 100%;\n height: 100%;\n\n background: linear-gradient(180deg, transparent 0%, "," 100%);\n"]);return N=function(){return n},n}function j(){var n=(0,i.Z)(["\n "," {\n transform: scale(1);\n }\n "," {\n opacity: 0;\n }\n "]);return j=function(){return n},n}function A(){var n=(0,i.Z)(["\n position: relative;\n width: 100%;\n height: fit-content;\n user-select: none;\n\n * {\n transition: 0.5s ease;\n }\n\n padding: 0 8px;\n "," {\n width: 744px;\n }\n "," {\n width: 1184px;\n }\n\n "," {\n transform: scale(0.95);\n }\n\n &:hover {\n "," {\n transform: scale(1);\n }\n "," {\n opacity: 0;\n }\n }\n\n ","\n"]);return A=function(){return n},n}var M=function(n){var e=n.page,t=(0,b.Z)(n,["page"]),i=(0,E.YD)({threshold:.9}),o=i.ref,a=i.inView,s=e.featureImageUrl;return(0,r.jsxs)(V,(0,x.Z)((0,m.Z)({ref:o,pop:a},t),{children:[(0,r.jsx)(R,{src:s,alt:""}),(0,r.jsx)(O,{})]}))},R=(0,o.ZP)(B.E).withConfig({componentId:"sc-ec0fc83c-0"})(T(),c.rS.radii.mobile,c.rS.mediaQueries.tablet,c.rS.radii.medium,c.rS.mediaQueries.desktop,c.rS.radii.large),O=o.ZP.div.withConfig({componentId:"sc-ec0fc83c-1"})(N(),c.rS.colors.BW_5),V=o.ZP.div.withConfig({componentId:"sc-ec0fc83c-2"})(A(),c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,R,R,O,(function(n){return n.pop&&(0,o.iv)(j(),R,O)})),W=t(27650),L=t.n(W),F=t(43218),D=t.n(F),H=t(27378),U=t(50626),Y=["zencastr.com","typeform.com"];function G(){var n=(0,i.Z)(["\n background: ",";\n "]);return G=function(){return n},n}function K(){var n=(0,i.Z)(["\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .kg-align-center {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n ul li,\n ol li {\n list-style-type: auto;\n }\n // ======================================\n // Video\n // ======================================\n\n .kg-video-player-container,\n .kg-video-overlay {\n display: none;\n }\n\n // ======================================\n // Button\n // ======================================\n button,\n a.kg-btn {\n ",";\n border: none;\n\n width: fit-content;\n color: ",";\n text-decoration: none;\n\n ","\n\n &:hover {\n filter: brightness(120%);\n }\n &:active {\n filter: brightness(90%);\n }\n\n // Same for mobile and tablet\n padding: 16px 32px;\n font-size: 20px;\n line-height: 20px;\n border-radius: 8px;\n\n "," {\n height: 72px;\n min-width: 288px;\n padding: 20px 40px;\n font-size: 26px;\n line-height: 31px;\n border-radius: 16px;\n }\n }\n\n // ======================================\n // Headings\n // ======================================\n h2 {\n color: ",";\n text-align: center;\n\n margin-top: 47px;\n font-size: 24px;\n font-weight: 600;\n line-height: 28px;\n\n "," {\n margin-top: 85px;\n font-size: 34px;\n font-weight: 700;\n line-height: 40px;\n }\n\n "," {\n margin-top: 185px;\n font-size: 43px;\n font-weight: 700;\n line-height: 50px;\n max-width: 836px;\n }\n }\n\n h3 {\n color: ",";\n text-align: center;\n\n margin-top: 32px;\n font-size: 20px;\n font-weight: 500;\n line-height: 24px;\n\n "," {\n margin-top: 60px;\n font-size: 26px;\n font-weight: 600;\n line-height: 32px;\n }\n\n "," {\n margin-top: 100px;\n font-size: 34px;\n font-weight: 600;\n line-height: 40px;\n max-width: 836px;\n }\n }\n\n // No styles for these yet\n h1,\n h4,\n h5,\n h6 {\n display: none;\n }\n\n // ======================================\n // Paragraph\n // ======================================\n p,\n ul li,\n ol li {\n width: 100%;\n\n color: ",";\n font-weight: 500;\n\n margin-top: 18px;\n font-size: 18px;\n line-height: 24px;\n max-width: 80%;\n text-align: center;\n\n "," {\n margin-top: 24px;\n font-size: 22px;\n line-height: 32px;\n max-width: 700px;\n text-align: center;\n }\n\n "," {\n margin-top: 39px;\n font-size: 26px;\n line-height: 38px;\n max-width: 896px;\n text-align: left;\n }\n\n // ======================================\n // Link\n // ======================================\n a {\n color: ",";\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n // ======================================\n // Video\n // ======================================\n .kg-video-container {\n display: flex;\n flex-direction: column;
1\n align-items: center;\n }\n video {\n width: 100%;\n height: auto;\n\n margin-top: 18px;\n max-width: 80%;\n\n "," {\n margin-top: 24px;\n max-width: 700px;\n }\n\n "," {\n margin-top: 39px;\n max-width: 896px;\n }\n }\n\n ul {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n i, em {\n font-style: italic;\n }\n\n b, strong {\n font-style: bold;\n }\n\n // ======================================\n // Figure\n // ======================================\n .kg-image-card {\n img {\n width: 95%;\n margin: 0 auto;\n margin-bottom: 8px;\n\n border-radius: ",";\n "," {\n width: 100%;\n border-radius: ",";\n }\n "," {\n width: 100%;\n border-radius: ",";\n }\n }\n\n figcaption {\n color: ",";\n text-align: center;\n font-size: 43px;\n }\n }\n\n // ======================================\n // Gallery\n // ======================================\n .kg-gallery-card.","-grid {\n width: 100%;\n\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n\n margin-top: 64px;\n padding: 36px 0 72px;\n gap: 32px;\n "," {\n margin-top: 125px;\n padding: 52px 0 112px;\n gap: 74px;\n }\n "," {\n margin-top: 220px;\n padding: 98px 0 188px;\n gap: 108px;\n }\n\n background: radial-gradient(100% 261.2% at 0% 0%, #ffebb9 0%, #8ae0ff 100%);\n\n figcaption {\n color: ",";\n font-weight: ",";\n font-size: 43px;\n line-height: 53px;\n text-align: center;\n\n width: 304px;\n margin-top: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 18px;\n\n "," {\n width: 744px;\n font-size: 24px;\n font-weight: 700;\n line-height: 32px;\n }\n\n "," {\n width: 1184px;\n font-size: 41px;\n font-weight: 700;\n line-height: 50px;\n max-width: 836px;\n }\n }\n\n .kg-gallery-container {\n width: 304px;\n "," {\n width: 744px;\n }\n "," {\n width: 1184px;\n }\n\n display: grid;\n gap: 8px;\n "," {\n gap: 16px;\n }\n\n .kg-gallery-row {\n width: 100%;\n\n display: grid;\n grid-template-columns: 100%;\n gap: 8px;\n\n &:first-child:nth-last-child(1) {\n grid-template-columns: none;\n position: relative;\n\n .kg-gallery-image:only-child {\n margin: 0 auto;\n }\n\n .kg-gallery-image:nth-child(2) {\n position: absolute;\n left: 50%;\n }\n }\n\n "," {\n grid-template-columns: 50% 50%;\n\n gap: 16px;\n }\n }\n\n .kg-gallery-image {\n overflow: hidden;\n\n filter: drop-shadow(20px 20px 120px rgba(0, 0, 0, 0.2));\n border-radius: 25px;\n }\n }\n }\n\n .kg-gallery-card.","-row {\n display: flex;\n flex-direction: column-reverse;\n\n background: ",";\n border-radius: 8px;\n \n margin-top: 8px;\n max-width: 80%;\n padding: 16px;\n\n "," {\n margin-top: 24px;\n max-width: 700px;\n padding: 24px;\n }\n\n "," {\n margin-top: 39px;\n max-width: 896px;\n padding: 32px;\n }\n\n .kg-gallery-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 3%;\n }\n\n .kg-gallery-row, .kg-gallery-image {\n display: contents;\n }\n\n img {\n flex-shrink: 1;\n min-width: 0;\n border-radius: 4px;\n }\n\n figcaption {\n width: 100%;\n color: ",";\n\n margin-bottom: 16px;\n font-size: 18px;\n line-height: 24px;\n text-align: center;\n \n "," {\n margin-bottom: 24px;\n font-size: 22px;\n line-height: 32px;\n text-align: center;\n }\n \n "," {\n margin-bottom: 32px;\n font-size: 26px;\n line-height: 38px;\n text-align: left;\n }\n \n }\n }\n\n // ======================================\n // File Download\n // ======================================\n .kg-file-card {\n width: 100%;\n height: auto;\n\n border: 1px solid ",";\n\n margin-top: 18px;\n max-width: 80%;\n padding: 8px;\n border-radius: 4px;\n\n "," {\n margin-top: 24px;\n max-width: 700px;\n padding: 12px;\n border-radius: 6px;\n }\n\n "," {\n margin-top: 39px;\n max-width: 896px;\n padding: 16px;\n border-radius: 8px;\n }\n\n .kg-file-card-title {\n color: ",";\n font-weight: 500;\n \n font-size: 18px;\n line-height: 24px;\n \n "," {\n font-size: 22px;\n line-height: 32px;\n }\n \n "," {\n font-size: 26px;\n line-height: 38px;\n }\n }\n\n a {\n width: 100%;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 5%;\n }\n\n .kg-file-card-filename {\n display: none;\n }\n \n .kg-file-card-filesize {\n color: ",";\n }\n\n .kg-file-card-icon {\n flex-shrink: 0;\n transition: all 0.15s ease;\n\n border-radius: 4px;\n background: ",";\n color: ",";\n\n svg {\n width: 24px;\n height: 24px;\n }\n padding: 8px;\n\n "," {\n svg {\n width: 28px;\n height: 28px;\n }\n padding: 12px;\n }\n\n "," {\n svg {\n width: 32px;\n height: 32px;\n }\n padding: 16px;\n }\n }\n\n &:hover {\n border-color: ",";\n\n .kg-file-card-icon {\n background: ",";\n color: ",";\n }\n }\n }\n\n // First element has no margin-top\n & > :first-child {\n margin-top: 0;\n }\n"]);return K=function(){return n},n}var $=/layout:(.*)/g,X="__layout",q=function(n){var e=n.page,t=(0,b.Z)(n,["page"]),i=e.html,o=e.config.color.gradient,a=(0,H.useMemo)((function(){return L().sanitize(i)}),[i]),s=(0,H.useState)([]),d=s[0],c=s[1];return(0,H.useEffect)((function(){var n,e=(new DOMParser).parseFromString(i,"text/html"),t=Array.from(e.getElementsByTagName("script"));c(t.filter((function(n){if(n.src)try{var e=new URL(n.src).hostname;return Y.find((function(n){return e.endsWith(n)}))}catch(t){return!1}return!1})).map((function(e){return(0,r.jsx)(D(),{src:e.src,crossOrigin:null!==(n=e.crossOrigin)&&void 0!==n?n:void 0,async:e.async,defer:e.defer,type:e.type,referrerPolicy:e.referrerPolicy,integrity:e.integrity},e.src)})))}),[i]),(0,H.useEffect)((function(){window.tf&&window.tf.load&&window.tf.load()})),(0,H.useEffect)((function(){Array.from(document.getElementsByTagName("video")).forEac
1h((function(n){n.setAttribute("controls",""),n.removeAttribute("playsinline")}))}),[]),(0,H.useEffect)((function(){Array.from(document.getElementsByClassName("kg-gallery-card")).forEach((function(n){if(!Array.from(n.classList).some((function(n){return n.startsWith(X)}))){var e=n.getElementsByTagName("figcaption")[0];if(e){var t,i=e.innerHTML,r=Array.from(null!==(t=null===i||void 0===i?void 0:i.matchAll($))&&void 0!==t?t:[])[0],o=null===r||void 0===r?void 0:r[1];o?n.classList.add("".concat(X,"-").concat(o)):n.classList.add("".concat(X,"-grid")),e.innerHTML=i.replaceAll($,"").trim()}}}))})),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(J,(0,m.Z)({dangerouslySetInnerHTML:{__html:a},gradient:o},t)),d]})},J=o.ZP.div.withConfig({componentId:"sc-678e3892-0"})(K(),U.c.base,c.rS.colors.BW_0,(function(n){var e=n.gradient;return(0,o.iv)(G(),e)}),c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.primary,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.radii.mobile,c.rS.mediaQueries.tablet,c.rS.radii.medium,c.rS.mediaQueries.desktop,c.rS.radii.large,c.rS.colors.sidebarMuted,X,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.fontWeights.bold,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.mediaQueries.tablet,c.rS.mediaQueries.tablet,X,c.rS.colors.BW_95,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.border,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_5,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.sidebarMuted,c.rS.colors.sidebarAccent,c.rS.colors.primary,c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop,c.rS.colors.BW_75,c.rS.colors.BW_75,c.rS.colors.BLUE_10L);function nn(){var n=(0,i.Z)(["\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n margin-top: 23px;\n .title { margin-bottom: 36px; }\n .excerpt { margin-bottom: 29px; }\n .feature-image { margin-bottom: 35px; }\n .html { margin-bottom: 26px; }\n\n "," {\n margin-top: 55px;\n .title { margin-bottom: 14px; }\n .excerpt { margin-bottom: 47px; }\n .feature-image { margin-bottom: 32px; }\n .html { margin-bottom: 23px; }\n }\n "," {\n margin-top: 136px;\n .title { margin-bottom: 24px; }\n .excerpt { margin-bottom: 58px; }\n .feature-image { margin-bottom: 88px; }\n .html { margin-bottom: 178px; }\n }\n"]);return nn=function(){return n},n}var en=function(n){var e=n.page;return(0,r.jsxs)(a.T,{isPublic:!0,hideCreateButton:!0,transparentHeader:!0,background:c.rS.colors.backgroundLanding,backgroundImportant:!0,padding:0,meta:e.meta,children:[(0,r.jsxs)(tn,{children:[(0,r.jsx)("div",{className:"title",children:(0,r.jsx)(I,{page:e})}),Boolean(e.excerpt)&&(0,r.jsx)("div",{className:"excerpt",children:(0,r.jsx)(_,{page:e})}),Boolean(e.featureImageUrl)&&(0,r.jsx)("div",{className:"feature-image",children:(0,r.jsx)(M,{page:e})}),(0,r.jsx)("div",{className:"html",children:(0,r.jsx)(q,{page:e})})]}),(0,r.jsx)(g,{})]})},tn=o.ZP.div.withConfig({componentId:"sc-14c0ad98-0"})(nn(),c.rS.mediaQueries.tablet,c.rS.mediaQueries.desktop)},17098:function(n,e,t){t.d(e,{p:function(){return r}});var i=t(36),r=function(n){var e=(0,i.s)();if(!e)return!0;var t=null===n||void 0===n?void 0:n.teamId;return!e||t===e}},7152:function(n,e,t){t.d(e,{p:function(){return i}});var i=function(){window.Intercom?window.Intercom("show"):(console.warn("Unable to open Intercom modal on ".concat(window.location.href,", directing user to support email instead")),window.open("mailto:[email protected]"))}},12393:function(n,e,t){t.d(e,{YD:function(){return l}});var i=t(27378);const r=new Map,o=new WeakMap;let a,s=0;function d(n){return Object.keys(n).sort().filter((e=>void 0!==n[e])).map((e=>{return`${e}_${"root"===e?(t=n.root,t?(o.has(t)||(s+=1,o.set(t,s.toString())),o.get(t)):"0"):n[e]}`;var t})).toString()}function c(n,e,t={},i=a){if("undefined"===typeof window.IntersectionObserver&&void 0!==i){const r=n.getBoundingClientRect();return e(i,{isIntersecting:i,target:n,intersectionRatio:"number"===typeof t.threshold?t.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}const{id:o,observer:s,elements:c}=function(n){let e=d(n),t=r.get(e);if(!t){const i=new Map;let o;const a=new IntersectionObserver((e=>{e.forEach((e=>{var t;const r=e.isIntersecting&&o.some((n=>e.intersectionRatio>=n));n.trackVisibility&&"undefined"===typeof e.isVisible&&(e.isVisible=r),null==(t=i.get(e.target))||t.forEach((n=>{n(r,e)}))}
1))}),n);o=a.thresholds||(Array.isArray(n.threshold)?n.threshold:[n.threshold||0]),t={id:e,observer:a,elements:i},r.set(e,t)}return t}(t);let l=c.get(n)||[];return c.has(n)||c.set(n,l),l.push(e),s.observe(n),function(){l.splice(l.indexOf(e),1),0===l.length&&(c.delete(n),s.unobserve(n)),0===c.size&&(s.disconnect(),r.delete(o))}}i.Component;function l({threshold:n,delay:e,trackVisibility:t,rootMargin:r,root:o,triggerOnce:a,skip:s,initialInView:d,fallbackInView:l,onChange:u}={}){var p;const[g,h]=i.useState(null),f=i.useRef(),[m,x]=i.useState({inView:!!d,entry:void 0});f.current=u,i.useEffect((()=>{if(s||!g)return;let i=c(g,((n,e)=>{x({inView:n,entry:e}),f.current&&f.current(n,e),e.isIntersecting&&a&&i&&(i(),i=void 0)}),{root:o,rootMargin:r,threshold:n,trackVisibility:t,delay:e},l);return()=>{i&&i()}}),[Array.isArray(n)?n.toString():n,g,o,r,a,s,t,l,e]);const b=null==(p=m.entry)?void 0:p.target;i.useEffect((()=>{g||!b||a||s||x({inView:!!d,entry:void 0})}),[g,b,a,s,d]);const v=[h,m.inView,m.entry];return v.ref=v[0],v.inView=v[1],v.entry=v[2],v}}}]); 2//# sourceMappingURL=5099-84df6edbce2d9fd2.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.