1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2977],{30044:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/articles",function(){return a(90919)}])},54725:(e,t,a)=>{"use strict";a.d(t,{n:()=>h,G:()=>d});var s=a(75038),r=a(92376),i=a(71623),l=a(45609),n=a.n(l);let c=JSON.parse('[{"title":"Topics","description":"","list":[{"href":"/articles/template-presets","title":"Using Presets in Templates","pageTitle":"Using Presets in Templates","pageDescription":""},{"href":"/articles/add-screenshot-background","title":"Background gradients and images","pageTitle":"Using background color and Images","pageDescription":""},{"href":"/articles/browser-device-frames","title":"Using Frames","pageDescription":""},{"href":"/articles/using-patterns","title":"Using Patterns","pageDescription":""},{"href":"/articles/resizing-canvas","title":"Resizing Canvas","pageDescription":""},{"href":"/articles/add-image-highlight","title":"Highlight a part in image","pageDescription":""}]}]'),d=()=>{let e=(0,r.useRouter)();return(0,s.jsx)("aside",{className:"w-full border border-gray-200 dark:border-gray-700/40 rounded-xl dark:bg-gray-900/50 backdrop-blur overflow-hidden md:sticky md:top-[65px] max-h-[calc(100vh-100px)]",children:c?.map(t=>(0,s.jsxs)("div",{className:"w-full ",children:[(0,s.jsx)("h2",{className:"dark:text-gray-400 px-3 py-2 opacity-50 text-xs uppercase",children:t?.title}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"absolute left-[13px] top-0 w-px bg-gray-200 dark:bg-gray-700 h-full z-1"}),t?.list?.map(t=>(0,s.jsxs)(n(),{href:t?.href,className:(0,i.A)("pl-6 pr-3 py-2 text-sm block hover:bg-gray-100 hover:text-black dark:hover:bg-gray-800 dark:hover:text-gray-100 relative",e?.asPath===t?.href?"dark:text-white bg-gray-100 dark:bg-gray-800 ":"text-gray-700 dark:text-gray-500"),children:[(0,s.jsx)("div",{className:"absolute left-[5px] top-[7px] text-gray-200 dark:text-gray-700 z-1",children:"â"}),t?.title]},t?.title))]})]},t.title))})};var o=a(22047),p=a(83390);let h=({title:e,subTitle:t,linkTo:a,icon:r,gradient:i,headingAs:l="h1"})=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"absolute inset-0 w-full h-[600px] flex items-start justify-center overflow-hidden",children:(0,s.jsx)("div",{className:"blur-[70px] w-full h-[300px] aspect-square scale-[1.4] opacity-50 dark:mix-blend-hard-light dark:opacity-30",style:{background:i??"linear-gradient(to bottom right, orange, red, yellow, blue, pink)"}})}),(0,s.jsx)(p.T8,{initial:{opacity:0,y:50,scale:1.2},animate:{opacity:1,y:0,scale:1},children:(0,s.jsxs)(p.mc,{width:"1080px",className:"my-20 md:my-32 relative",children:[r??(0,s.jsx)(o.A,{size:56,className:"mx-auto opacity-20"}),(0,s.jsx)(n(),{href:a??"/articles",children:(0,s.jsx)(l,{className:"font-inter text-center text-5xl md:text-[4.8rem] leading-none dark:text-white font-black max-w-[800px] mx-auto text-white drop-shadow-lg",children:e??"Support Articles"})}),(0,s.jsx)("h4",{className:"text-xl md:text-2xl text-center text-gray-600 dark:text-white opacity-60",children:t??"Learn how to use Pika and get the most out of it"})]})})]})},90919:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>d});var s=a(75038),r=a(21958),i=a(69358),l=a(56725),n=a(54725),c=a(83390);let d=()=>(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(l.bV,{title:"Learn how to use Pika for best results â Pika",description:"Pika Support articles contains all the documentation about the features, tools and templates in Pika. Get started by selecting a topic"}),(0,s.jsx)(r.A,{}),(0,s.jsx)(n.n,{}),(0,s.jsx)(c.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0,transition:{delay:.2}},children:(0,s.jsxs)(c.mc,{width:"1080px",className:"my-32 relative grid grid-rows-1 md:grid-cols-[300px_1fr] gap-10 items-start",children:[(0,s.jsx)(n.G,{}),(0,s.jsx)("section",{className:"w-full",children:(0,s.jsxs)("div",{className:"markdown-body",children:[(0,s.jsx)("p",{children:"Pika Support articles contains all the documentation about the features, tools and templates in Pika. Get started by selecting a topic from the left"}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Note"})," that docs are work in progress, and more topics are being added continuously to help users use Pika to the fullest"]})]})})]})}),(0,s.jsx)(i.A,{})]})}},e=>{e.O(0,[4558,1178,1958,6394,636,6593,8792],()=>e(e.s=30044)),_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.