1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7073],{2560:(e,n,t)=>{"use strict";t.d(n,{p:()=>a});var r=t(15383),i=t(31291),l=t(5664);t(74111);var a=function(e){var n=e.content,t=e.cards,a=e.iconColor,u=e.grayBackground;return(0,r.jsx)("div",{className:!1===(void 0===u||u)?c:d,children:(0,r.jsx)(i.A,{className:o,children:(0,r.jsxs)("section",{children:[(0,r.jsxs)("div",{className:"text",children:[(0,r.jsx)("h2",{children:null==n?void 0:n.title}),(0,r.jsx)("span",{children:null==n?void 0:n.subtitle})]}),(0,r.jsx)("div",{className:s,children:t.map(function(e){return(0,r.jsx)(l.A,{content:e,iconColor:a,textSize:"smaller"},e.id)})})]})})})},o="cwncz9j",s="cz6mzwv",d="mgvdg5d",c="m1os3lfj"},17721:(e,n,t)=>{"use strict";t.r(n),t.d(n,{__N_SSG:()=>_,default:()=>O});var r=t(12694),i=t(15383),l=t(14343),a=t(53764),o=t(69399),s=t(51689),d=t(59344),c=t(64654),u=t(89267),m=t(80288);function v(e){return(0,i.jsx)(m.A,{isOpen:e.visible,contentLabel:"Choose your integration",onRequestClose:function(){return e.setVisible(!1)},children:(0,i.jsxs)("video",{src:"".concat("","/static/videos/tinifycdn.mp4"),style:{maxWidth:"100rem",width:"100%",display:"block"},loop:!0,autoPlay:!0,controls:!0,children:[(0,i.jsx)("track",{label:"English",kind:"subtitles",srcLang:"en",src:"".concat("","/static/videos/tinifycdn-captions.vtt"),default:!0}),"Your browser does not support the ",(0,i.jsx)("code",{children:"video"})," element."]})})}var h=t(17708);function f(e){var n=e.className,t=e.src,r=(0,l.useRef)(null);return(0,l.useEffect)(function(){var e=r.current;e&&function(e,n,t,r){if(void 0===t&&(t=function(){}),void 0===r&&(r={}),!e)throw Error("Target element to observe should be a valid DOM Node");var i=Object.assign({},{viewport:null,modTop:"0px",modRight:"0px",modBottom:"0px",modLeft:"0px",threshold:[0]},r),l=i.viewport,a=i.modTop,o=i.modLeft,s=i.modBottom,d=i.modRight,c=i.threshold;if(!Array.isArray(c)&&"number"!=typeof c)throw Error("threshold should be a number or an array of numbers");var u=Array.isArray(c)?c.map(function(e){return Math.floor(e%101)/100}):[Math.floor(c?c%101:0)/100],m=Math.min.apply(Math,u);new IntersectionObserver(function(r,i){var l=r.filter(function(n){return n.target===e})[0],a=function(){return i.unobserve(e)};l&&(l.isInViewport=l.isIntersecting&&l.intersectionRatio>=m,l.isInViewport?n(l,a,e):t(l,a,e))},{root:l instanceof Node?l:null,rootMargin:a+" "+d+" "+s+" "+o,threshold:u}).observe(e)}(r.current,function(n){100*n.intersectionRatio>80&&e.play()},function(){e.currentTime=0},{threshold:[0,80]})},[]),(0,i.jsx)("video",{muted:!0,controls:!1,ref:r,className:n,src:t})}var p=t(6268),x=t(65526),g=t(31457),b=t(2560),w=t(51990),j=t(33565),y=t(76028),k=t(13968),N=t(84885),A=t(35860),T=t(21015),z=t(95381);let E={src:"/_next/static/media/[email protected]"};t(37255);var _=!0;let O=function(e){var n,t,a,m,_,O,S,R,M,q,L,P,I,D,G,V,F,H=e.subscription,X=e.gridCardsWithIcons,$=(0,r._)(l.useState(!1),2),U=$[0],W=$[1],Y=(0,p.l)(H).data,Z=null==Y?void 0:Y.footer,J=null==Y?void 0:Y.header,K=null==Y?void 0:Y.menu,Q=null==Y?void 0:Y.latestBlogPosts,ee=null==Y||null==(n=Y.cdnOverview)?void 0:n.titleSubtitle,en=null==Y||null==(t=Y.cdnOverview)?void 0:t.moreAbout,et=null==Y||null==(a=Y.cdnOverview)?void 0:a.features,er=null==Y||null==(m=Y.cdnOverview)?void 0:m.sections,ei=null==Y||null==(_=Y.cdnOverview)?void 0:_.questionsAndAnswers,el=null==Y||null==(O=Y.cdnOverview)?void 0:O.counters,ea=null==Y||null==(S=Y.cdnPricing)?void 0:S.detailedFeaturesLabel,eo=null==Y?void 0:Y.globalLanguageSetting,es=null==Y||null==(R=Y.cdnPricing)?void 0:R.signUpCalloutText,ed=null==Y||null==(M=Y.cdnPricing)?void 0:M.signUpCalloutSmallText;return(0,i.jsx)(d.P,{title:null==Y||null==(L=Y.cdnOverview)||null==(q=L.seo)?void 0:q.title,description:null==Y||null==(I=Y.cdnOverview)||null==(P=I.seo)?void 0:P.description,location:"cdn",footerData:Z,headerData:J,menuData:K,latestBlogPosts:Q,allSlugLocales:null!=(F=null==Y||null==(D=Y.cdnOverview)?void 0:D._allSlugLocales)?F:void 0,children:(0,i.jsxs)(C,{children:[(0,i.jsx)("header",{children:(0,i.jsxs)(c.A,{className:"globe-text-container",children:[(0,i.jsx)(h.A,{radius:75,width:680,height:500,map:z.A.src,distribute:!0}),(0,i.jsxs)("div",{className:"text",children:[(null==ee?void 0:ee.title)&&(0,i.jsx)("h1",{children:null==ee?void 0:ee.title}),(null==ee?void 0:ee.subtitle)&&(0,i.jsx)("div",{className:"subtitle",children:(0,i.jsx)("p",{children:(0,A.p)(ee.subtitle)})})]})]})}),(0,i.jsx)(x.z,{content:en,widthTier:"small"}),(0,i.jsx)(c.A,{className:"page-width",children:(0,i.jsxs)("section",{className:"usps",children:[(0,i.jsxs)("div",{className:"usp",children:[(0,i.jsxs)("div",{className:"text",children:[(0,i.jsx)("h3",{children:er[0].title}),(null==(G=er[0].structuredText)?void 0:G.value)&&(0,i.jsx)(k.d6,{data:{value:er[0].structuredText.value,links:er[0].structuredText.links},renderLinkToRecord:T.TB,metaTransformer:T.H0,customMarkRules:[(0,N.G7)("strong",function(e){var n=e.children,t=e.key;return(0,i.jsx)("strong",{children:n},t)}),(0,N.G7)("highlight",function(e){var n=e.children,t=e.key;return(0,i.jsx)("span",{style:{color:"#B3B4B9"},children:n},t)})]}),er[0].link&&(0,i.jsx)("p",{children:(0,i.jsxs)(T.As,{link:er[0].link.target,children:[er[0].link.label,(0,i.jsx)(o.g,{icon:s.dmS})]})})]}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"animation video",onClick:function(){return W(!0)},children:[(0,i.jsx)("img",{src:E.src}),(0,i.jsx)(o.g,{icon:s.e74}),(0,i.jsx)("div",{className:"white-underlay"})]}),(0,i.jsx)(v,{visible:U,setVisible:function(){W(!U)}})]})]}),(0,i.jsxs)("div",{className:"usp",children:[(0,i.jsx)("div",{className:"animation",children:(0,i.jsx)(f,{className:"plugin-box",src:"/static/animations/[email protected]"})}),(0,i.jsxs)("div",{className:"text",children:[(0,i.jsx)("h3",{children:er[1].title}),(null==(V=er[1].structuredText)?void 0:V.value)&&(0,i.jsx)(k.d6,{data:{value:er[1].structuredText.value,links:er[1].structuredText.links},renderLinkToRecord:T.TB,metaTransformer:T.H0,customMarkRules:[(0,N.G7)("strong",function(e){var n=e.children,t=e.key;return(0,i.jsx)("strong",{children:n},t)}),(0,N.G7)("highlight",function(e){var n=e.children,t=e.key;return(0,i.jsx)("span",{style:{color:"#B3B4B9"},children:n},t)})]}),er[1].link&&(0,i.jsx)("p",{children:(0,i.jsxs)(T.As,{link:er[1].link.target,children:[er[1].link.label,(0,i.jsx)(o.g,{icon:s.dmS})]})})]})]})]})}),(0,i.jsx)(y.A,{content:el}),(0,i.jsx)(g.A,{}),(0,i.jsx)(b.p,{content:et,cards:X,iconColor:"mint"}),(0,i.jsx)(c.A,{className:B,children:(0,i.jsx)(w.A,{justSecondTable:!0,keyValues:ea,languageSettings:eo,calloutText:es,calloutTextSmall:ed})}),(0,i.jsx)(j.Y,{content:ei,title:eo.faqText,color:u.A.colors.productcolors.api})]})})};var B="p1e86wdp",C=(0,a.I)("div")({name:"OverviewStyles",class:"o1oblvfa",propsAsIs:!1})},37255:e=>{e.exports={p1e86wdp:"p1e86wdp",o1oblvfa:"o1oblvfa","page-width":"page-width","globe-text-container":"globe-text-container",globe:"globe",subt
1itle:"subtitle","cta-container":"cta-container",cta:"cta","cta-content":"cta-content",text:"text",usps:"usps",usp:"usp",animation:"animation",video:"video","white-underlay":"white-underlay","plugin-box":"plugin-box"}},46234:(e,n,t)=>{var r=t(14343),i=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(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), rgba(255, 255, 255, 0));\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}'),n.A=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:l=!0,pauseOnHover:a=!1,pauseOnClick:o=!1,direction:s="left",speed:d=50,delay:c=0,loop:u=0,gradient:m=!1,gradientColor:v="white",gradientWidth:h=200,onFinish:f,onCycleComplete:p,onMount:x,children:g},b){let[w,j]=r.useState(0),[y,k]=r.useState(0),[N,A]=r.useState(1),[T,z]=r.useState(!1),E=r.useRef(null),_=b||E,O=r.useRef(null),B=r.useCallback(()=>{if(O.current&&_.current){let e=_.current.getBoundingClientRect(),n=O.current.getBoundingClientRect(),r=e.width,i=n.width;("up"===s||"down"===s)&&(r=e.height,i=n.height),t&&r&&i?A(i<r?Math.ceil(r/i):1):A(1),j(r),k(i)}},[t,_,s]);r.useEffect(()=>{if(T&&(B(),O.current&&_.current)){let e=new ResizeObserver(()=>B());return e.observe(_.current),e.observe(O.current),()=>{e&&e.disconnect()}}},[B,_,T]),r.useEffect(()=>{B()},[B,g]),r.useEffect(()=>{z(!0)},[]),r.useEffect(()=>{"function"==typeof x&&x()},[]);let C=r.useMemo(()=>t?y*N/d:y<w?w/d:y/d,[t,w,y,N,d]),S=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!l||a?"paused":"running","--pause-on-click":!l||a&&!o||o?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,l,a,o,s]),R=r.useMemo(()=>({"--gradient-color":v,"--gradient-width":"number"==typeof h?`${h}px`:h}),[v,h]),M=r.useMemo(()=>({"--play":l?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${C}s`,"--delay":`${c}s`,"--iteration-count":u?`${u}`:"infinite","--min-width":t?"auto":"100%"}),[l,s,C,c,u,t]),q=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),L=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>i.default.createElement(r.Fragment,{key:n},r.Children.map(g,e=>i.default.createElement("div",{style:q,className:"rfm-child"},e)))),[q,g]);return T?i.default.createElement("div",{ref:_,style:S,className:"rfm-marquee-container "+n},m&&i.default.createElement("div",{style:R,className:"rfm-overlay"}),i.default.createElement("div",{className:"rfm-marquee",style:M,onAnimationIteration:p,onAnimationEnd:f},i.default.createElement("div",{className:"rfm-initial-child-container",ref:O},r.Children.map(g,e=>i.default.createElement("div",{style:q,className:"rfm-child"},e))),L(N-1)),i.default.createElement("div",{className:"rfm-marquee",style:M},L(N))):null})},52665:e=>{e.exports={dkd25zl:"dkd25zl",d3ro49x:"d3ro49x",g1wxal79:"g1wxal79",w165qz6h:"w165qz6h",s1nou7p0:"s1nou7p0","link-container":"link-container",borderBlue:"borderBlue",borderGreen:"borderGreen",borderDark:"borderDark",fullBlue:"fullBlue"}},65526:(e,n,t)=>{"use strict";t.d(n,{z:()=>o});var r=t(15383),i=t(52282),l=t(31291),a=t(21015);t(52665);var o=function(e){var n=e.content,t=e.widthTier,o=e.background;return(0,r.jsx)("div",{className:(0,i.cx)("white"===(void 0===o?"grey":o)?d:s),children:(0,r.jsx)(l.A,{className:(0,i.cx)(c,"small"===t?"dkd25zl":"d3ro49x"),children:(0,r.jsx)("section",{children:n.map(function(e,n){var t;return(0,r.jsx)("div",{children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{children:e.title}),(0,r.jsx)("p",{children:e.text}),(null==(t=e.button)?void 0:t.label)&&e.button.target&&(0,r.jsx)("div",{className:"link-container",children:(0,r.jsx)(a.As,{link:e.button.target,className:e.buttonType||"borderDark",children:e.button.label})})]})},n)})})})})},s="g1wxal79",d="w165qz6h",c="s1nou7p0"},74111:e=>{e.exports={cwncz9j:"cwncz9j",text:"text",cz6mzwv:"cz6mzwv",mgvdg5d:"mgvdg5d",m1os3lfj:"m1os3lfj"}},80288:(e,n,t)=>{"use strict";t.d(n,{A:()=>u});var r=t(17844),i=t(12584),l=t(15383),a=t(3673),o=t(62806),s=t.n(o),d=t(89267);function c(){var e=(0,i._)(["\n .ReactModal__Overlay {\n z-index: 998;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n overflow-y: auto;\n }\n\n .modal {\n outline: none;\n overflow-y: auto;\n z-index: 999;\n margin: 2rem;\n max-width: 120rem;\n background-color: white;\n width: fit-content;\n box-shadow: 0.2rem 0.6rem 2rem 0 rgba(black, 0.1);\n border-radius: 0.6rem;\n @media (",") {\n margin: 5rem;\n }\n\n .icon-times-circle {\n position: absolute;\n top: 3rem;\n right: 4rem;\n font-size: 2.4rem;\n cursor: pointer;\n }\n\n input[type='text'] {\n height: 3.5rem;\n width: 23rem;\n border: 0.1rem solid #bbcbd0;\n border-radius: 0.2rem;\n background-color: #f8fbfc;\n padding-left: 1rem;\n\n &::placeholder {\n color: #a1b7bf;\n font-size: 1.4rem;\n }\n }\n }
1\n\n .modal-enter {\n opacity: 0.01;\n }\n\n .modal-enter.modal-enter-active {\n opacity: 1;\n transition: opacity 150ms ease-in;\n }\n\n .modal-leave {\n opacity: 1;\n }\n\n .modal-leave.modal-leave-active {\n opacity: 0.01;\n transition: opacity 150ms ease-in;\n }\n\n .modal-appear {\n opacity: 0.01;\n }\n\n .modal-appear.modal-appear-active {\n opacity: 1;\n transition: opacity 150ms ease-in;\n }\n "]);return c=function(){return e},e}function u(e){return(0,l.jsx)("div",{children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s(),(0,r._)({className:"modal",style:{overlay:{backgroundColor:"rgba(161, 183, 191, 0.85)"},content:{padding:"0.5rem"}}},e)),(0,l.jsx)(a.mL,{styles:(0,a.AH)(c(),d.A.breakpoints.desktop)})]})})}s().setAppElement("#__next")},90657:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/cdn",function(){return t(17721)}])}},e=>{e.O(0,[5645,4668,2963,8886,7299,2474,8816,7243,7462,6268,8572,3891,6213,5379,9344,4293,1990,4073,636,6593,8792],()=>e(e.s=90657)),_N_E=e.O()}]);
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.