PageSourceSearch

https://pika.style/_next/static/chunks/pages/templates/macbook-mockup-template-58fbfa664e8cc69d.js

js pika.style collected 2026-09-25 18:42:42 UTC 57,344 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9213],{75883:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/templates/macbook-mockup-template",function(){return s(84697)}])},84697:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSG:()=>b,default:()=>Z});var i=s(75038),r=s(76430),l=s(58454),o=s(73982),a=s(71623),n=s(93646),d=s(14661),c=s(28276),x=s(12075),f=s(50876),p=s(83390),h=s(52451);let C=({options:e,className:t,src:s}={})=>(0,i.jsx)(h.Tq,{children:(0,i.jsxs)("svg",{className:t,width:"100%",height:"100%",viewBox:"0 0 1216 735",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_0_23)",children:[(0,i.jsx)("path",{d:"M1216 689.6V685H0V689.6C0 703.041 0 709.762 2.61584 714.896C4.91681 719.412 8.58832 723.083 13.1042 725.384C18.2381 728 24.9587 728 38.4 728H1177.6C1191.04 728 1197.76 728 1202.9 725.384C1207.41 723.083 1211.08 719.412 1213.38 714.896C1216 709.762 1216 703.041 1216 689.6Z",fill:"url(#paint0_linear_0_23)"}),(0,i.jsx)("path",{d:"M1146 731C1147.6 730.6 1148.67 728.833 1149 728H1069.5C1069.83 728.833 1070.9 730.6 1072.5 731C1072.67 732.167 1073.4 734.5 1075 734.5H1143.5C1145.1 734.5 1145.83 732.167 1146 731Z",fill:"url(#paint1_linear_0_23)"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1145.93 731.406V731.25H1072.54C1072.77 732.47 1073.51 734.5 1075 734.5H1143.5C1144.93 734.5 1145.67 732.635 1145.93 731.406Z",fill:"url(#paint2_linear_0_23)"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1145.93 731.25V731.406C1145.85 731.754 1145.74 732.152 1145.59 732.545H1072.91C1072.73 732.092 1072.61 731.631 1072.54 731.25H1145.93Z",fill:"#383838"}),(0,i.jsx)("path",{d:"M142.5 731C144.1 730.6 145.167 728.833 145.5 728H66C66.3333 728.833 67.4 730.6 69 731C69.1667 732.167 69.9 734.5 71.5 734.5H140C141.6 734.5 142.333 732.167 142.5 731Z",fill:"url(#paint3_linear_0_23)"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M142.428 731.406V731.25H69.0414C69.2692 732.47 70.0075 734.5 71.5 734.5H140C141.43 734.5 142.168 732.635 142.428 731.406Z",fill:"url(#paint4_linear_0_23)"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M142.428 731.25V731.406C142.354 731.754 142.243 732.152 142.088 732.545H69.4123C69.2338 732.092 69.1127 731.631 69.0415 731.25H142.428Z",fill:"#383838"}),(0,i.jsx)("path",{d:"M502 685H713.5C713.5 694.113 706.113 701.5 697 701.5H518.5C509.387 701.5 502 694.113 502 685Z",fill:"url(#paint5_linear_0_23)"}),(0,i.jsx)("path",{d:"M712.992 685.5C712.728 694.105 705.669 701 697 701H518.5C509.831 701 502.772 694.105 502.508 685.5H712.992Z",stroke:"white",strokeOpacity:"0.1"}),(0,i.jsx)("rect",{x:"1121.5",y:"685",width:"81",height:"33",fill:"url(#paint6_linear_0_23)"}),(0,i.jsx)("rect",{width:"84",height:"33",transform:"matrix(-1 0 0 1 84.5 685)",fill:"url(#paint7_linear_0_23)"}),(0,i.jsx)("g",{filter:"url(#filter0_f_0_23)",children:(0,i.jsx)("path",{d:"M1192.5 685H1205.5V705.112C1205.5 709.469 1201.97 713 1197.61 713V713C1194.79 713 1192.5 710.711 1192.5 707.888V685Z",fill:"#D2D2DA"})}),(0,i.jsx)("g",{filter:"url(#filter1_f_0_23)",children:(0,i.jsx)("path",{d:"M20.5 685H9.5V706.326C9.5 710.012 12.4881 713 16.1742 713V713C18.5633 713 20.5 711.063 20.5 708.674V685Z",fill:"#D2D2DA"})})]}),(0,i.jsx)("path",{d:"M608.5 2H1078.5C1093.96 2 1106.5 14.536 1106.5 30V683H608.5H608H110V30C110 14.536 122.536 2 138 2H608H608.5Z",fill:"black"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1078.5 4H138C123.641 4 112 15.6406 112 30V681H1104.5V30C1104.5 15.6406 1092.86 4 1078.5 4ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z",fill:"#201F24"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1108.5 685H108V30C108 13.4315 121.431 0 138 0H1078.5C1095.07 0 1108.5 13.4315 1108.5 30V685ZM1078.5 2H138C122.536 2 110 14.536 110 30V683H1106.5V30C1106.5 14.536 1093.96 2 1078.5 2Z",fill:"#7D7D7F"}),(0,i.jsx)("path",{d:"M112.846 657H1103.5V676C1103.5 678.209 1101.71 680 1099.5 680H116.846C114.637 680 112.846 678.209 112.846 676V657Z",fill:"url(#paint8_linear_0_23)"}),(0,i.jsxs)("g",{clipPath:"url(#clip1_0_23)",children:[(0,i.jsx)("path",{d:"M124.5 32C124.5 24.268 130.768 18 138.5 18H1077.5C1085.23 18 1091.5 24.268 1091.5 32V646H124.5V32Z",fill:"url(#pattern0)"}),e?.hideFinderBar?"":(0,i.jsxs)("g",{clipPath:"url(#clip2_0_23)",children:[(0,i.jsx)("rect",{width:"967",height:"628",transform:"translate(124.5 18)",fill:"url(#pattern1)"}),(0,i.jsxs)("g",{clipPath:"url(#clip3_0_23)",children:[(0,i.jsx)("g",{filter:"url
1(#filter2_b_0_23)",children:(0,i.jsx)("rect",{x:"124.5",y:"18",width:"967",height:"23",fill:"white",fillOpacity:"0.5"})}),(0,i.jsx)("g",{opacity:"0.2",children:(0,i.jsx)("rect",{x:"124.5",y:"18",width:"967",height:"23",fill:"#8F8F8F"})})]}),(0,i.jsxs)("g",{clipPath:"url(#clip4_0_23)",children:[(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter3_d_0_23)",children:(0,i.jsx)("path",{d:"M141.946 24.9034C142.254 24.5357 142.468 24.0339 142.468 23.527C142.468 23.4575 142.463 23.3879 142.448 23.3332C141.956 23.3531 141.36 23.6612 141.002 24.0786C140.724 24.3966 140.465 24.9034 140.465 25.4103C140.465 25.4898 140.475 25.5643 140.485 25.5891C140.515 25.5941 140.565 25.604 140.614 25.604C141.061 25.604 141.618 25.3059 141.946 24.9034ZM142.299 25.7084C141.553 25.7084 140.952 26.1606 140.565 26.1606C140.152 26.1606 139.616 25.7382 138.97 25.7382C137.742 25.7382 136.5 26.7519 136.5 28.6599C136.5 29.8525 136.957 31.1096 137.529 31.9196C138.016 32.6053 138.443 33.1668 139.054 33.1668C139.665 33.1668 139.934 32.7643 140.684 32.7643C141.454 32.7643 141.623 33.1568 142.299 33.1568C142.965 33.1568 143.407 32.5457 143.824 31.9444C144.296 31.2537 144.49 30.5829 144.5 30.5481C144.46 30.5382 143.183 30.0165 143.183 28.5606C143.183 27.2985 144.187 26.732 144.242 26.6873C143.586 25.7382 142.577 25.7084 142.299 25.7084Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter4_d_0_23)",children:(0,i.jsx)("path",{d:"M157.184 31.75H158.363V29.5312H160.656V28.5977H158.363V27.0859H160.875V26.1133H157.184V31.75ZM162.594 26.7891C162.945 26.7891 163.234 26.5078 163.234 26.1562C163.234 25.8008 162.945 25.5195 162.594 25.5195C162.242 25.5195 161.949 25.8008 161.949 26.1562C161.949 26.5078 162.242 26.7891 162.594 26.7891ZM162.019 31.75H163.16V27.4492H162.019V31.75ZM164.468 31.75H165.609V29.2617C165.609 28.6797 165.929 28.3008 166.457 28.3008C166.996 28.3008 167.246 28.6211 167.246 29.2266V31.75H168.386V28.9688C168.386 27.9414 167.871 27.3555 166.914 27.3555C166.3 27.3555 165.875 27.6484 165.679 28.1133H165.609V27.4492H164.468V31.75ZM171.187 31.8164C171.792 31.8164 172.25 31.5469 172.472 31.082H172.542V31.75H173.683V25.8047H172.542V28.1367H172.472C172.257 27.668 171.777 27.3789 171.187 27.3789C170.097 27.3789 169.441 28.2109 169.441 29.5938V29.6016C169.441 30.9766 170.113 31.8164 171.187 31.8164ZM171.574 30.8711C170.972 30.8711 170.601 30.3945 170.601 29.6016V29.5938C170.601 28.8086 170.972 28.3242 171.574 28.3242C172.175 28.3242 172.554 28.8086 172.554 29.5977V29.6055C172.554 30.3945 172.179 30.8711 171.574 30.8711ZM176.913 31.8398C178.171 31.8398 178.726 31.1133 178.859 30.5742L178.867 30.5352H177.804L177.792 30.5586C177.714 30.7227 177.437 30.9883 176.937 30.9883C176.331 30.9883 175.952 30.5781 175.941 29.8711H178.902V29.5156C178.902 28.2148 178.12 27.3555 176.867 27.3555C175.613 27.3555 174.812 28.2344 174.812 29.6016V29.6055C174.812 30.9844 175.605 31.8398 176.913 31.8398ZM176.886 28.2109C177.382 28.2109 177.738 28.5312 177.808 29.1562H175.952C176.023 28.5469 176.39 28.2109 176.886 28.2109ZM179.995 31.75H181.136V29.3438C181.136 28.7344 181.546 28.3633 182.195 28.3633C182.37 28.3633 182.546 28.3906 182.718 28.4297V27.4336C182.605 27.4023 182.445 27.3789 182.292 27.3789C181.734 27.3789 181.343 27.6523 181.206 28.1172H181.136V27.4492H179.995V31.75Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter5_d_0_23)",children:(0,i.jsx)("path",{d:"M196.207 31.75H197.082V29.3906H199.504V28.6523H197.082V26.8672H199.727V26.1133H196.207V31.75ZM201.207 26.75C201.496 26.75 201.738 26.5117 201.738 26.2227C201.738 25.9297 201.496 25.6914 201.207 25.6914C200.914 25.6914 200.676 25.9297 200.676 26.2227C200.676 26.5117 200.914 26.75 201.207 26.75ZM200.781 31.75H201.625V27.5078H200.781V31.75ZM202.898 31.75H203.746V25.8438H202.898V31.75ZM206.789 31.832C207.875 31.832 208.461 31.207 208.602 30.6484L208.609 30.6133L207.793 30.6172L207.777 30.6484C207.676 30.8672 207.352 31.1367 206.809 31.1367C206.109 31.1367 205.664 30.6641 205.648 29.8516H208.656V29.5547C208.656 28.2812 207.93 27.4258 206.746 27.4258C205.562 27.4258 204.797 28.3125 204.797 29.6367V29.6406C204.797 30.9844 205.547 31.832 206.789 31.832ZM206.75 28.1211C207.324 28.1211 207.75 28.4883 207.816 29.2461H205.66C205.734 28.5156 206.172 28.1211 206.75 28.1211Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"}
1,opacity:"0.76",filter:"url(#filter6_d_0_23)",children:(0,i.jsx)("path",{d:"M222.207 31.75H225.785V30.9961H223.082V29.2422H225.641V28.5156H223.082V26.8672H225.785V26.1133H222.207V31.75ZM228.5 31.8203C229.094 31.8203 229.559 31.5469 229.805 31.082H229.871V31.75H230.715V25.8438H229.871V28.1797H229.805C229.578 27.7227 229.082 27.4336 228.5 27.4336C227.422 27.4336 226.742 28.2812 226.742 29.625V29.6328C226.742 30.9648 227.434 31.8203 228.5 31.8203ZM228.742 31.0977C228.031 31.0977 227.605 30.543 227.605 29.6328V29.625C227.605 28.7148 228.031 28.1602 228.742 28.1602C229.445 28.1602 229.883 28.7188 229.883 29.625V29.6328C229.883 30.5391 229.449 31.0977 228.742 31.0977ZM232.418 26.75C232.707 26.75 232.949 26.5117 232.949 26.2227C232.949 25.9297 232.707 25.6914 232.418 25.6914C232.125 25.6914 231.887 25.9297 231.887 26.2227C231.887 26.5117 232.125 26.75 232.418 26.75ZM231.992 31.75H232.836V27.5078H231.992V31.75ZM235.672 31.7773C235.836 31.7773 235.992 31.7578 236.129 31.7344V31.0586C236.012 31.0703 235.938 31.0742 235.809 31.0742C235.391 31.0742 235.219 30.8867 235.219 30.4297V28.1758H236.129V27.5078H235.219V26.4375H234.355V27.5078H233.691V28.1758H234.355V30.6328C234.355 31.4492 234.738 31.7773 235.672 31.7773Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter7_d_0_23)",children:(0,i.jsx)("path",{d:"M251.781 31.75H252.746L254.754 26.1133H253.805L252.297 30.6953H252.23L250.723 26.1133H249.773L251.781 31.75ZM256.082 26.75C256.371 26.75 256.613 26.5117 256.613 26.2227C256.613 25.9297 256.371 25.6914 256.082 25.6914C255.789 25.6914 255.551 25.9297 255.551 26.2227C255.551 26.5117 255.789 26.75 256.082 26.75ZM255.656 31.75H256.5V27.5078H255.656V31.75ZM259.516 31.832C260.602 31.832 261.188 31.207 261.328 30.6484L261.336 30.6133L260.52 30.6172L260.504 30.6484C260.402 30.8672 260.078 31.1367 259.535 31.1367C258.836 31.1367 258.391 30.6641 258.375 29.8516H261.383V29.5547C261.383 28.2812 260.656 27.4258 259.473 27.4258C258.289 27.4258 257.523 28.3125 257.523 29.6367V29.6406C257.523 30.9844 258.273 31.832 259.516 31.832ZM259.477 28.1211C260.051 28.1211 260.477 28.4883 260.543 29.2461H258.387C258.461 28.5156 258.898 28.1211 259.477 28.1211ZM263.176 31.75H264.039L264.914 28.5859H264.98L265.859 31.75H266.73L267.898 27.5078H267.059L266.301 30.7812H266.234L265.359 27.5078H264.555L263.68 30.7812H263.617L262.855 27.5078H262.004L263.176 31.75Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter8_d_0_23)",children:(0,i.jsx)("path",{d:"M283.582 31.8867C285.059 31.8867 286.016 30.9609 286.016 29.5312V28.832H283.703V29.5391H285.152V29.6641C285.145 30.5312 284.516 31.1133 283.594 31.1133C282.535 31.1133 281.871 30.2773 281.871 28.9297V28.9219C281.871 27.5938 282.531 26.75 283.574 26.75C284.348 26.75 284.887 27.125 285.09 27.793L285.102 27.832H285.977L285.969 27.793C285.766 26.7031 284.855 25.9766 283.574 25.9766C281.996 25.9766 280.977 27.1367 280.977 28.9258V28.9336C280.977 30.7461 281.984 31.8867 283.582 31.8867ZM288.922 31.832C290.164 31.832 290.926 31 290.926 29.6328V29.625C290.926 28.2578 290.16 27.4258 288.922 27.4258C287.68 27.4258 286.914 28.2617 286.914 29.625V29.6328C286.914 31 287.676 31.832 288.922 31.832ZM288.922 31.125C288.191 31.125 287.781 30.5742 287.781 29.6328V29.625C287.781 28.6836 288.191 28.1328 288.922 28.1328C289.648 28.1328 290.062 28.6836 290.062 29.625V29.6328C290.062 30.5703 289.648 31.125 288.922 31.125Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter9_d_0_23)",children:(0,i.jsx)("path",{d:"M305.367 31.75H306.195L307.402 27.5352H307.457L308.668 31.75H309.492L311.016 26.1133H310.105L309.074 30.4961H309.02L307.836 26.1133H307.023L305.848 30.4961H305.793L304.758 26.1133H303.848L305.367 31.75ZM312.418 26.75C312.707 26.75 312.949 26.5117 312.949 26.2227C312.949 25.9297 312.707 25.6914 312.418 25.6914C312.125 25.6914 311.887 25.9297 311.887 26.2227C311.887 26.5117 312.125 26.75 312.418 26.75ZM311.992 31.75H312.836V27.5078H311.992V31.75ZM314.07 31.75H314.918V29.2617C314.918 28.5781 315.305 28.1523 315.926 28.1523C316.547 28.1523 316.84 28.5 316.84 29.2031V31.75H317.684V29.0039C317.684 27.9922 317.16 27.4258 316.211 27.4258C315.594 27.4258 315.188 27.6992 314.98 28.1523H314.918V27.5078H314.07V31.75ZM320.414 31.8203C321.008 31.8203 321.473 31.5469 321.719 31.082H321.785V31.75H322.629V25.8438H321.785V28.1797H321.719C321.492 27.7227 320.996 27.4336 320.414 27.4336C319.336 27.4336 318.656 28.2812 318.656 29.625V29.6328C318.656 30.9648 319.348 31.8203 320.414 31.8203ZM320.656 31.0977C319.945 31.0977 319.52 30.543 319.52 29.6328V29.625C319.52 28.7148 319.945 28.1602 320.656 28.1602C321.359 28.1602 321.797 28.7188 321.797 29.625V29.6328C321.797 30.5391 321.363 31.0977 320.656 31.0977ZM325.688 31.832C326.93 31.832 327.691 31 327.691 29.6328V29.625C327.691 28.2578 326.926 27.4258 325.688 27.4258C324.445 27.4258 323.68 28.2617 323.68 29.625V29.6328C323.68 31 324.441 31.832 325.688 31.832ZM325.688 31.125C324.957 31.125 324.547 30.5742 324.547 29.6328V29.625C324.547 28.6836 324.957 28.1328 325.688 28.1328C326.414 28.1328 326.828 28.6836 326.828 29.625V29.6328C326.828 30.5703 326.414 31.125 325.688 31.125ZM329.355 31.75H330.219L331.094 28.5859H331.16L332.039 31.75H332.91L334.078 27.5078H333.238L332.48 30.7812H332.414L331.539 27.5078H330.734L329.859 30.7812H329.797L329.035 27.5078H328.184L329.355 31.75Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"}
1,opacity:"0.76",filter:"url(#filter10_d_0_23)",children:(0,i.jsx)("path",{d:"M347.207 31.75H348.082V29.2539H350.977V31.75H351.848V26.1133H350.977V28.4961H348.082V26.1133H347.207V31.75ZM354.945 31.832C356.031 31.832 356.617 31.207 356.758 30.6484L356.766 30.6133L355.949 30.6172L355.934 30.6484C355.832 30.8672 355.508 31.1367 354.965 31.1367C354.266 31.1367 353.82 30.6641 353.805 29.8516H356.812V29.5547C356.812 28.2812 356.086 27.4258 354.902 27.4258C353.719 27.4258 352.953 28.3125 352.953 29.6367V29.6406C352.953 30.9844 353.703 31.832 354.945 31.832ZM354.906 28.1211C355.48 28.1211 355.906 28.4883 355.973 29.2461H353.816C353.891 28.5156 354.328 28.1211 354.906 28.1211ZM357.859 31.75H358.707V25.8438H357.859V31.75ZM359.969 33.1641H360.816V31.0781H360.879C361.105 31.5352 361.602 31.8203 362.184 31.8203C363.262 31.8203 363.941 30.9766 363.941 29.6328V29.625C363.941 28.2891 363.254 27.4336 362.184 27.4336C361.59 27.4336 361.125 27.7109 360.879 28.1758H360.816V27.5078H359.969V33.1641ZM361.945 31.0977C361.238 31.0977 360.801 30.5391 360.801 29.6328V29.625C360.801 28.7188 361.238 28.1602 361.945 28.1602C362.652 28.1602 363.078 28.7109 363.078 29.625V29.6328C363.078 30.543 362.652 31.0977 361.945 31.0977Z",fill:"black"})})]}),(0,i.jsxs)("g",{clipPath:"url(#clip5_0_23)",children:[(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter11_d_0_23)",children:(0,i.jsx)("path",{d:"M921.548 32.3633H929.889C930.861 32.3633 931.554 32.2559 932.054 31.7563C932.548 31.2622 932.65 30.5801 932.65 29.6025V28.1577C932.65 27.1802 932.548 26.4927 932.054 25.9985C931.554 25.499 930.861 25.3916 929.889 25.3916H921.516C920.581 25.3916 919.888 25.5044 919.389 25.9985C918.895 26.498 918.787 27.1855 918.787 28.1201V29.6025C918.787 30.5801 918.889 31.2622 919.383 31.7563C919.888 32.2559 920.576 32.3633 921.548 32.3633ZM921.403 31.6973C920.774 31.6973 920.205 31.6006 919.872 31.2676C919.544 30.9399 919.453 30.3813 919.453 29.7476V28.0449C919.453 27.3843 919.544 26.8149 919.872 26.4819C920.2 26.1489 920.78 26.0576 921.44 26.0576H930.034C930.668 26.0576 931.237 26.1597 931.565 26.4873C931.893 26.8149 931.989 27.3735 931.989 28.0127V29.7476C931.989 30.3813 931.893 30.9399 931.565 31.2676C931.237 31.6006 930.668 31.6973 930.034 31.6973H921.403ZM921.22 31.144H930.228C930.711 31.144 930.996 31.0742 931.178 30.8916C931.361 30.7036 931.436 30.4136 931.436 29.9355V27.8193C931.436 27.3359 931.361 27.0513 931.178 26.8687C930.996 26.686 930.706 26.6108 930.228 26.6108H921.252C920.737 26.6108 920.441 26.686 920.264 26.8633C920.087 27.0459 920.006 27.3413 920.006 27.8516V29.9355C920.006 30.4243 920.087 30.7036 920.264 30.8916C920.447 31.0688 920.742 31.144 921.22 31.144ZM933.278 30.188C933.676 30.1611 934.213 29.6509 934.213 28.8774C934.213 28.1094 933.676 27.5938 933.278 27.5723V30.188Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter12_d_0_23)",children:(0,i.jsx)("path",{d:"M943.324 28.4414C943.406 28.5234 943.535 28.5234 943.617 28.4336C944.582 27.4102 945.852 26.8711 947.27 26.8711C948.699 26.8711 949.973 27.4141 950.93 28.4375C951.012 28.5195 951.133 28.5156 951.219 28.4297L951.766 27.8828C951.844 27.8047 951.84 27.707 951.777 27.6289C950.84 26.4727 949.09 25.6406 947.27 25.6406C945.453 25.6406 943.699 26.4727 942.762 27.6289C942.699 27.707 942.703 27.8047 942.777 27.8828L943.324 28.4414ZM944.957 30.0664C945.051 30.1563 945.168 30.1445 945.258 30.0508C945.734 29.5273 946.496 29.1602 947.27 29.1641C948.051 29.1602 948.812 29.5391 949.301 30.0625C949.379 30.1523 949.492 30.1484 949.586 30.0625L950.199 29.4609C950.273 29.3906 950.277 29.293 950.215 29.2148C949.605 28.4805 948.492 27.9453 947.27 27.9453C946.047 27.9453 944.934 28.4805 944.328 29.2148C944.262 29.293 944.266 29.3867 944.344 29.4609L944.957 30.0664ZM947.27 32.2266C947.367 32.2266 947.449 32.1836 947.605 32.0312L948.562 31.1094C948.633 31.043 948.648 30.9375 948.586 30.8594C948.312 30.5117 947.82 30.2344 947.27 30.2344C946.707 30.2344 946.207 30.5273 945.937 30.8906C945.891 30.9609 945.914 31.043 945.98 31.1094L946.937 32.0312C947.094 32.1797 947.176 32.2266 947.27 32.2266Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"}
1,opacity:"0.76",filter:"url(#filter13_d_0_23)",children:(0,i.jsx)("path",{d:"M964.398 28.2188C964.398 29.9727 965.824 31.3984 967.578 31.3984C968.23 31.3984 968.828 31.1992 969.328 30.8594L971.125 32.6562C971.234 32.7695 971.387 32.8203 971.539 32.8203C971.871 32.8203 972.109 32.5703 972.109 32.2461C972.109 32.0898 972.055 31.9453 971.949 31.8359L970.164 30.0469C970.535 29.5352 970.758 28.9023 970.758 28.2188C970.758 26.4648 969.332 25.0391 967.578 25.0391C965.824 25.0391 964.398 26.4648 964.398 28.2188ZM965.227 28.2188C965.227 26.9219 966.277 25.8672 967.578 25.8672C968.875 25.8672 969.93 26.9219 969.93 28.2188C969.93 29.5156 968.875 30.5703 967.578 30.5703C966.277 30.5703 965.227 29.5156 965.227 28.2188Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter14_d_0_23)",children:(0,i.jsx)("path",{d:"M986.883 28.8008H991.227C992.281 28.8008 993.113 28.0625 993.113 26.9648C993.113 25.8672 992.281 25.1289 991.227 25.1289H986.883C985.828 25.1289 984.996 25.8672 984.996 26.9648C984.996 28.0625 985.828 28.8008 986.883 28.8008ZM986.883 28.0977C986.246 28.0977 985.699 27.6367 985.699 26.9648C985.699 26.293 986.246 25.832 986.883 25.832H991.227C991.863 25.832 992.414 26.293 992.414 26.9648C992.414 27.6367 991.863 28.0977 991.227 28.0977H986.883ZM986.883 27.8398C987.371 27.8438 987.762 27.4453 987.762 26.957C987.766 26.4727 987.371 26.0859 986.883 26.0859C986.395 26.0859 986.008 26.4766 986.008 26.9609C986.008 27.4492 986.395 27.8359 986.883 27.8398ZM986.723 32.7227H991.387C992.348 32.7227 993.113 32.0469 993.113 31.0625C993.113 30.0781 992.348 29.3984 991.387 29.3984H986.723C985.762 29.3984 984.996 30.0781 984.996 31.0625C984.996 32.0469 985.762 32.7227 986.723 32.7227ZM991.488 32.0273C990.949 32.0234 990.523 31.5938 990.523 31.0586C990.523 30.5234 990.949 30.0938 991.488 30.0938C992.023 30.0938 992.461 30.5234 992.457 31.0508C992.453 31.5938 992.02 32.0312 991.488 32.0273Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"},opacity:"0.76",filter:"url(#filter15_d_0_23)",children:(0,i.jsx)("path",{d:"M1004.64 31.75H1005.51V26.8672H1007.28V26.1133H1002.86V26.8672H1004.64V31.75ZM1009.15 31.832C1009.77 31.832 1010.2 31.5664 1010.4 31.1094H1010.46V31.75H1011.31V27.5078H1010.46V29.9961C1010.46 30.6797 1010.1 31.1055 1009.42 31.1055C1008.8 31.1055 1008.54 30.7578 1008.54 30.0547V27.5078H1007.7V30.2539C1007.7 31.2578 1008.19 31.832 1009.15 31.832ZM1014.31 31.832C1015.4 31.832 1015.98 31.207 1016.12 30.6484L1016.13 30.6133L1015.32 30.6172L1015.3 30.6484C1015.2 30.8672 1014.87 31.1367 1014.33 31.1367C1013.63 31.1367 1013.19 30.6641 1013.17 29.8516H1016.18V29.5547C1016.18 28.2813 1015.45 27.4258 1014.27 27.4258C1013.09 27.4258 1012.32 28.3125 1012.32 29.6367V29.6406C1012.32 30.9844 1013.07 31.832 1014.31 31.832ZM1014.27 28.1211C1014.85 28.1211 1015.27 28.4883 1015.34 29.2461H1013.18C1013.26 28.5156 1013.7 28.1211 1014.27 28.1211ZM1021.87 31.8867C1023.5 31.8867 1024.5 30.7383 1024.5 28.9336V28.9258C1024.5 27.1172 1023.5 25.9766 1021.87 25.9766C1020.26 25.9766 1019.24 27.1133 1019.24 28.9258V28.9336C1019.24 30.7422 1020.23 31.8867 1021.87 31.8867ZM1021.87 31.1133C1020.79 31.1133 1020.14 30.2539 1020.14 28.9336V28.9258C1020.14 27.5938 1020.81 26.75 1021.87 26.75C1022.94 26.75 1023.61 27.5938 1023.61 28.9258V28.9336C1023.61 30.2539 1022.95 31.1133 1021.87 31.1133ZM1027.38 31.832C1028.43 31.832 1029.04 31.2656 1029.19 30.4414L1029.2 30.4063H1028.38L1028.37 30.4258C1028.24 30.8828 1027.91 31.125 1027.38 31.125C1026.68 31.125 1026.25 30.5547 1026.25 29.6172V29.6094C1026.25 28.6953 1026.67 28.1328 1027.38 28.1328C1027.94 28.1328 1028.29 28.4453 1028.38 28.8633L1028.38 28.875L1029.2 28.8711V28.8516C1029.08 28.0273 1028.44 27.4258 1027.37 27.4258C1026.14 27.4258 1025.38 28.2656 1025.38 29.6094V29.6172C1025.38 30.9883 1026.14 31.832 1027.38 31.832ZM1031.82 31.7773C1031.98 31.7773 1032.14 31.7578 1032.28 31.7344V31.0586C1032.16 31.0703 1032.09 31.0742 1031.96 31.0742C1031.54 31.0742 1031.37 30.8867 1031.37 30.4297V28.1758H1032.28V27.5078H1031.37V26.4375H1030.5V27.5078H1029.84V28.1758H1030.5V30.6328C1030.5 31.4492 1030.89 31.7773 1031.82 31.7773ZM1036.83 31.75H1037.71V26.1133H1036.83L1035.35 27.168V28.0273L1036.77 27.0156H1036.83V31.75ZM1041.33 31.8555C1042.58 31.8555 1043.46 31.1836 1043.46 30.2266V30.2188C1043.46 29.5078 1042.95 28.9414 1042.21 28.7813V28.7617C1042.85 28.582 1043.26 28.1094 1043.26 27.5117V27.5039C1043.26 26.6406 1042.45 26.0078 1041.33 26.0078C1040.21 26.0078 1039.4 26.6406 1039.4 27.5039V27.5117C1039.4 28.1094 1039.81 28.582 1040.45 28.7617V28.7813C1039.71 28.9414 1039.2 29.5078 1039.2 30.2188V30.2266C1039.2 31.1836 1040.08 31.8555 1041.33 31.8555ZM1041.33 28.4688C1040.7 28.4688 1040.27 28.1016 1040.27 27.5859V27.5781C1040.27 27.0625 1040.7 26.7031 1041.33 26.7031C1041.96 26.7031 1042.39 27.0625 1042.39 27.5781V27.5859C1042.39 28.1016 1041.96 28.4688 1041.33 28.4688ZM1041.33 31.1523C1040.61 31.1523 1040.1 30.7422 1040.1 30.1719V30.1641C1040.1 29.5859 1040.61 29.168 1041.33 29.168C1042.05 29.168 1042.56 29.5859 1042.56 30.1641V30.1719C1042.56 30.7422 1042.05 31.1523 1041.33 31.1523Z",fill:"black"})}),(0,i.jsx)("g",{style:{mixBlendMode:"hard-light"}
1,opacity:"0.76",filter:"url(#filter16_d_0_23)",children:(0,i.jsx)("path",{d:"M1051.04 25.9766C1049.86 25.9766 1049 26.8047 1049 27.9375V27.9453C1049 29.0234 1049.77 29.8203 1050.84 29.8203C1051.61 29.8203 1052.12 29.418 1052.32 28.9648H1052.4C1052.4 29.0078 1052.4 29.0508 1052.4 29.0938C1052.36 30.2188 1051.96 31.1445 1051.01 31.1445C1050.48 31.1445 1050.11 30.8711 1049.95 30.4414L1049.94 30.4023H1049.07L1049.08 30.4492C1049.27 31.3008 1050.01 31.8867 1051.01 31.8867C1052.4 31.8867 1053.23 30.7617 1053.23 28.8516V28.8438C1053.23 26.7734 1052.17 25.9766 1051.04 25.9766ZM1051.04 29.1133C1050.36 29.1133 1049.86 28.6133 1049.86 27.9219V27.9141C1049.86 27.2383 1050.39 26.7109 1051.05 26.7109C1051.71 26.7109 1052.23 27.25 1052.23 27.9375V27.9414C1052.23 28.6211 1051.71 29.1133 1051.04 29.1133ZM1054.97 28.0234C1055.3 28.0234 1055.54 27.7695 1055.54 27.4531C1055.54 27.1328 1055.3 26.8828 1054.97 26.8828C1054.65 26.8828 1054.4 27.1328 1054.4 27.4531C1054.4 27.7695 1054.65 28.0234 1054.97 28.0234ZM1054.97 30.9766C1055.3 30.9766 1055.54 30.7227 1055.54 30.4063C1055.54 30.0859 1055.3 29.8359 1054.97 29.8359C1054.65 29.8359 1054.4 30.0859 1054.4 30.4063C1054.4 30.7227 1054.65 30.9766 1054.97 30.9766ZM1059.43 31.75H1060.27V30.6289H1061.05V29.8867H1060.27V26.1133H1059.03C1058.25 27.2813 1057.42 28.6133 1056.68 29.8867V30.6289H1059.43V31.75ZM1057.52 29.9023V29.8477C1058.1 28.8594 1058.79 27.7617 1059.39 26.8516H1059.44V29.9023H1057.52ZM1063.41 31.75H1064.29V26.1133H1063.41L1061.93 27.168V28.0273L1063.34 27.0156H1063.41V31.75ZM1067.73 31.75H1068.65L1069.16 30.2266H1071.32L1071.83 31.75H1072.75L1070.71 26.1133H1069.77L1067.73 31.75ZM1070.21 27.1016H1070.27L1071.09 29.5234H1069.4L1070.21 27.1016ZM1073.73 31.75H1074.53V27.6133H1074.59L1076.24 31.75H1076.89L1078.55 27.6133H1078.61V31.75H1079.4V26.1133H1078.39L1076.6 30.6094H1076.54L1074.74 26.1133H1073.73V31.75Z",fill:"black"})})]})]})]}),(0,i.jsx)("path",{d:"M667 20.5C667 18 670 18 671.5 18H544.5C546 18 549 18 549 20.5V30C549 34.4183 552.582 38 557 38H659C663.418 38 667 34.4183 667 30V20.5Z",fill:"black"}),(0,i.jsx)("circle",{cx:"608",cy:"24.0907",r:"3.77901",fill:"#0F0F0F",stroke:"#151515",strokeWidth:"0.260621"}),(0,i.jsx)("circle",{cx:"607.609",cy:"25.0029",r:"0.912175",fill:"#16181E"}),(0,i.jsx)("circle",{cx:"607.609",cy:"23.6998",r:"0.912175",fill:"#0A0B0D"}),(0,i.jsx)("circle",{opacity:"0.6",cx:"608",cy:"24.0907",r:"1.30311",fill:"#1F2531"}),(0,i.jsxs)("defs",{children:[(0,i.jsxs)("filter",{id:"filter0_f_0_23",x:"1184.5",y:"677",width:"29",height:"44",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"4",result:"effect1_foregroundBlur_0_23"})]}),(0,i.jsxs)("filter",{id:"filter1_f_0_23",x:"-0.5",y:"675",width:"31",height:"48",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"5",result:"effect1_foregroundBlur_0_23"})]}),(0,i.jsx)("pattern",{id:"pattern0",patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:(0,i.jsx)("use",{xlinkHref:"#image0_0_23",transform:"translate(0 -0.269904) scale(0.001 0.00153981)"})}),(0,i.jsx)("pattern",{id:"pattern1",patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:(0,i.jsx)("use",{xlinkHref:"#image1_0_23",transform:"translate(0 -0.269904) scale(0.000244141 0.00037593)"})}),(0,i.jsxs)("filter",{id:"filter2_b_0_23",x:"20.8929",y:"-85.6071",width:"1174.21",height:"230.214",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feGaussianBlur",{in:"BackgroundImageFix",stdDeviation:"51.8036"}),(0,i.jsx)("feComposite",{in2:"SourceAlpha",operator:"in",result:"effect1_backgroundBlur_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_backgroundBlur_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter3_d_0_23",x:"133.737",y:"21.9518",width:"13.5257",height:"15.3593",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"Backgroun
1dImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter4_d_0_23",x:"154.421",y:"24.1381",width:"31.0601",height:"11.846",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter5_d_0_23",x:"193.444",y:"24.31",width:"17.9749",height:"11.6663",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter6_d_0_23",x:"219.444",y:"24.31",width:"19.4476",height:"11.6546",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter7_d_0_23",x:"247.011",y:"24.31",width:"23.6507",height:"11.6663",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter8_d_0_23",x:"278.214",y:"24.5951",width:"15.4749",height:"11.4359",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}
1),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter9_d_0_23",x:"301.085",y:"24.31",width:"35.7562",height:"11.6663",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter10_d_0_23",x:"344.444",y:"24.4623",width:"22.2601",height:"12.846",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter11_d_0_23",x:"916.024",y:"24.0102",width:"20.9515",height:"12.4974",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter12_d_0_23",x:"939.936",y:"24.2592",width:"14.6702",height:"12.1117",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter13_d_0_23",x:"961.636",y:"23.6576",width:"13.2367",height:"13.307",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter14_d_0_23",x:"982.233",y:"23.7475",width:"13.6429",height:"13.1195",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"Backgroun
1dImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter15_d_0_23",x:"1000.1",y:"24.5951",width:"46.1273",height:"11.4359",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("filter",{id:"filter16_d_0_23",x:"1046.23",y:"24.5951",width:"35.932",height:"11.4359",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.jsx)("feOffset",{dy:"1.38143"}),(0,i.jsx)("feGaussianBlur",{stdDeviation:"1.38143"}),(0,i.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,i.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_0_23"}),(0,i.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_0_23",result:"shape"})]}),(0,i.jsxs)("linearGradient",{id:"paint0_linear_0_23",x1:"608",y1:"685",x2:"608",y2:"728",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#AEAFB4"}),(0,i.jsx)("stop",{offset:"0.192522",stopColor:"#AFB0B5"}),(0,i.jsx)("stop",{offset:"0.376094",stopColor:"#AFB0B5"}),(0,i.jsx)("stop",{offset:"0.598958",stopColor:"#7D7E82"}),(0,i.jsx)("stop",{offset:"0.713542",stopColor:"#696A6F"}),(0,i.jsx)("stop",{offset:"0.852125",stopColor:"#838489"}),(0,i.jsx)("stop",{offset:"0.931356",stopColor:"#ABACB0"})]}),(0,i.jsxs)("linearGradient",{id:"paint1_linear_0_23",x1:"1069.5",y1:"731.25",x2:"1149",y2:"731.25",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#8C8D91"}),(0,i.jsx)("stop",{offset:"0.173014",stopColor:"#525358"}),(0,i.jsx)("stop",{offset:"0.31824",stopColor:"#78797D"}),(0,i.jsx)("stop",{offset:"0.465029",stopColor:"#A0A0A2"}),(0,i.jsx)("stop",{offset:"0.691458",stopColor:"#9A9A9C"}),(0,i.jsx)("stop",{offset:"0.825754",stopColor:"#4F5055"}),(0,i.jsx)("stop",{offset:"0.941311",stopColor:"#9E9EA0"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#848589"})]}),(0,i.jsxs)("linearGradient",{id:"paint2_linear_0_23",x1:"1072.54",y1:"732.875",x2:"1145.93",y2:"732.875",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#575757"}),(0,i.jsx)("stop",{offset:"0.0827846",stopColor:"#2D2D2D"}),(0,i.jsx)("stop",{offset:"0.490477",stopColor:"#4E4E4E"}),(0,i.jsx)("stop",{offset:"0.824814",stopColor:"#2A2A2A"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#5C5C5C"})]}),(0,i.jsxs)("linearGradient",{id:"paint3_linear_0_23",x1:"66",y1:"731.25",x2:"145.5",y2:"731.25",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#8C8D91"}),(0,i.jsx)("stop",{offset:"0.173014",stopColor:"#525358"}),(0,i.jsx)("stop",{offset:"0.31824",stopColor:"#78797D"}),(0,i.jsx)("stop",{offset:"0.465029",stopColor:"#A0A0A2"}),(0,i.jsx)("stop",{offset:"0.691458",stopColor:"#9A9A9C"}),(0,i.jsx)("stop",{offset:"0.825754",stopColor:"#4F5055"}),(0,i.jsx)("stop",{offset:"0.941311",stopColor:"#9E9EA0"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#848589"})]}),(0,i.jsxs)("linearGradient",{id:"paint4_linear_0_23",x1:"69.0414",y1:"732.875",x2:"142.428",y2:"732.875",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#575757"}),(0,i.jsx)("stop",{offset:"0.0827846",stopColor:"#2D2D2D"}
1),(0,i.jsx)("stop",{offset:"0.490477",stopColor:"#4E4E4E"}),(0,i.jsx)("stop",{offset:"0.824814",stopColor:"#2A2A2A"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#5C5C5C"})]}),(0,i.jsxs)("linearGradient",{id:"paint5_linear_0_23",x1:"502.5",y1:"693",x2:"713.5",y2:"693",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#25262B"}),(0,i.jsx)("stop",{offset:"0.015659",stopColor:"#606166"}),(0,i.jsx)("stop",{offset:"0.035819",stopColor:"#9FA0A4"}),(0,i.jsx)("stop",{offset:"0.0504351",stopColor:"#C8C8CE"}),(0,i.jsx)("stop",{offset:"0.479167",stopColor:"#D7D8DD"}),(0,i.jsx)("stop",{offset:"0.941214",stopColor:"#CBCBD3"}),(0,i.jsx)("stop",{offset:"0.970403",stopColor:"#A7A8AC"}),(0,i.jsx)("stop",{offset:"0.980129",stopColor:"#595A5E"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#27282C"})]}),(0,i.jsxs)("linearGradient",{id:"paint6_linear_0_23",x1:"1202.5",y1:"702",x2:"1121.5",y2:"702",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#65666B",stopOpacity:"0"}),(0,i.jsx)("stop",{offset:"0.259918",stopColor:"#65666B"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#65666B",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{id:"paint7_linear_0_23",x1:"84",y1:"17",x2:"2.87514e-08",y2:"17",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#65666B",stopOpacity:"0"}),(0,i.jsx)("stop",{offset:"0.259918",stopColor:"#65666B"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#65666B",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{id:"paint8_linear_0_23",x1:"607.5",y1:"657",x2:"607.5",y2:"680",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#222222"}),(0,i.jsx)("stop",{offset:"0.0852114",stopColor:"#242424"}),(0,i.jsx)("stop",{offset:"0.830431",stopColor:"#242424"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#201F24"})]}),(0,i.jsx)("clipPath",{id:"clip0_0_23",children:(0,i.jsx)("rect",{width:"1216",height:"49.5",fill:"white",transform:"translate(0 685)"})}),(0,i.jsx)("clipPath",{id:"clip1_0_23",children:(0,i.jsx)("path",{d:"M124.5 40.4C124.5 32.5593 124.5 28.6389 126.026 25.6441C127.368 23.0099 129.51 20.8681 132.144 19.5259C135.139 18 139.059 18 146.9 18H1069.1C1076.94 18 1080.86 18 1083.86 19.5259C1086.49 20.8681 1088.63 23.0099 1089.97 25.6441C1091.5 28.6389 1091.5 32.5593 1091.5 40.4V646H124.5V40.4Z",fill:"white"})}),(0,i.jsx)("clipPath",{id:"clip2_0_23",children:(0,i.jsx)("rect",{width:"967",height:"628",fill:"white",transform:"translate(124.5 18)"})}),(0,i.jsx)("clipPath",{id:"clip3_0_23",children:(0,i.jsx)("rect",{x:"124.5",y:"18",width:"967",height:"23",fill:"white"})}),(0,i.jsx)("clipPath",{id:"clip4_0_23",children:(0,i.jsx)("rect",{width:"236",height:"16",fill:"white",transform:"translate(132.5 20.75)"})}),(0,i.jsx)("clipPath",{id:"clip5_0_23",children:(0,i.jsx)("rect",{width:"166",height:"16",fill:"white",transform:"translate(918.5 20.75)"})}),(0,i.jsx)("image",{id:"image0_0_23",width:"1000",height:"1000",xlinkHref:s})]})]})});var u=s(41075),j=s(8557),g=s(89934),m=s(97181),_=s(63166),y=s(94548),H=s(60509),V=s(58742);let v=({canvasRef:e,options:t,image:s,outputSize:o,setImage:h,isSaving:V,setOptions:v})=>{let M,{isPro:w,c_HandleNonPro:B}=(0,r.useContext)(l.A),[S,k]=(0,r.useState)(),[b,Z]=(0,r.useState)(),F=({type:e})=>{if(!w)return void B({text:"Upgrade to Pro to add shapes in canvas"});let t={id:+new Date,type:"rectangle",opacity:1,background:"#c489f8",zIndex:30,blur:0,borderWidth:2,borderColor:"#9f54f4"},s={...t,id:+new Date,type:"highlight"},i={...t,id:+new Date,type:"circle"},r={...t,id:+new Date,type:"square"};switch(e){case"rectangle":Z(e=>e?.length?[...e,t]:[t]);break;case"circle":Z(e=>e?.length?[...e,i]:[i]);break;case"square":Z(e=>e?.length?[...e,r]:[r]);break;case"highlight":Z(e=>e?.length?[...e,s]:[s])}};return(0,i.jsxs)("div",{className:"flex flex-col w-full",children:[(0,i.jsx)(c.ER,{children:(0,i.jsxs)("div",{className:"ml-auto flex items-center space-x-4",children:[(0,i.jsx)(c.sc,{shapesStack:b,setShapesStack:Z,trigger:(0,i.jsx)(p.ms,{trigger:(0,i.jsx)(p.$n,{variant:"secondary",suffix:(0,i.jsx)(u.A,{size:15}),className:(0,a.A)("text-sm focus:z-10",b?.length?"rounded-r-none! ":""),children:(0,i.jsx)("span",{className:"hidden md:inline-flex mr-1",children:"Add"})}),items:[{icon:(0,i.jsx)(j.A,{size:15}),title:(0,i.jsx)(i.Fragment,{children:"Rectangle"}),onClick:()=>F({type:"rectangle"})},{icon:(0,i.jsx)(g.A,{size:15}),title:(0,i.jsx)(i.Fragment,{children:"Circle"}),onClick:()=>F({type:"circle"})},{icon:(0,i.jsx)(m.A,{size:15}),title:(0,i.jsx)(i.Fragment,{children:"Square"}),onClick:()=>F({type:"square"})},{icon:(0,i.jsx)(_.A,{size:15}),title:(0,i.jsx)(i.Fragment,{children:"Highlight"}),onClick:()=>F({type:"highlight"})}]}),listTrigger:(0,i.jsx)(p.m_,{text:"Manage Layers",children:(0,i.jsx)(p.$n,{variant:"secondary",className:"rounded-l-none! text-sm -ml-px px-1 focus:z-10",children:(0,i.jsx)(y.A,{size:14})})})}),(0,i.jsx)(c.RT,{textStack:S,setTextStack:k,trigger:(0,i.jsx)(p.$n,{variant:"secondary",prefix:(0,i.jsx)(H.A,{size:15}),className:(0,a.A)("text-sm focus:z-10",S?.length?"rounded-r-none! ":""),children:(0,i.jsx)("span",{className:"hidden md:inline-flex ml-1",children:"Text"})}),listTrigger:(0,i.jsx)(p.m_,{text:"Manage layers",children:(0,i.jsx)(p.$n,{variant:"secondary",className:"rounded-l-none! text-sm -ml-px px-1 focus:z-10",children:(0,i.jsx)(y.A,{size:14})})})})]})}),(0,i.jsxs)("div",{ref:e,style:((M={}).aspectRatio=t?.canvasAspectRatio?.value,M.transform=`scale(${o?.canvasScale||1})`,t?.background?.active==="custom-color")?{...M,backgroundImage:`linear-gradient(${t?.background?.gradientDirection?.css??"to bottom right"}, ${t?.background?.customColor?.colorStart} 0%, ${t?.background?.customColor?.colorEnd} 100%`}:t?.background?.active==="image"?{...M,backgroundImage:`url(${t?.background?.image?.baseData}) `,backgroundPosition:"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}:M,className:(0,a.A)("canvas overflow-hidden duration-100 flex items-center justify-center origin-top w-full max-w-full",t?.background?.active==="gradient"&&t?.background?.gradientDirection?.tw,t?.background?.active==="gradient"&&t?.background?.gradient,t?.canvasAspectRatio?.value!=="auto"?"useAutoHeight":"min-h-[700px]"),children:[V?w?"":(0,i.jsx)(x.yQ,{}):"",(0,i.jsx)(n.Mt,{options:t}),(0,i.jsx)(n.Mx,{options:t}),(0,i.jsx)(n.$P,{textStack:S,setTextStack:k,options:t,setOptions:e=>v(t=>({...t,imageText:{...t.imageText,...e}}))}),(0,i.jsx)(n.E_,{shapesStack:b,setShapesStack:Z,options:t}),(0,i.jsxs)("div",{className:(0,a.A)(t?.layout?.tw?.first,"duration-100 relative"),children:[(0,i.jsx)(n.xH,{onDrop:e=>h(t=>({...t,first:e?.baseData}))}),(0,i.jsx)("div",{style:{transform:`scale(${t?.imageScale||90}%) translateX(${t?.positionX||0}%) translateY(${t?.positionY||0}%) rotate(${t?.imageRotate}deg)`}
1,children:(0,i.jsx)(d.A,{tiltAngleXManual:t?.imageTilt?.angleX||0,tiltAngleYManual:t?.imageTilt?.angleY||0,style:{filter:`drop-shadow(${f.C[t?.imageShadow]?.css})`},className:(0,a.A)("flex items-start justify-start w-full",t?.mobileFrame?.value==="none"&&"overflow-hidden"),children:(0,i.jsx)(C,{className:"scale-[2.4]",options:t,src:s?.first??"/backgrounds/15-mesh.jpg"})})})]})]})]})};var M=s(36791);let w=({options:e,setOptions:t,image:s,setImage:r,saveImage:l,copyImage:a,imageRef:n})=>(0,i.jsx)(o.E,{children:(0,i.jsxs)("div",{className:"w-full",children:[(0,i.jsx)("div",{className:"text-center text-gray-500 bg-gray-200 px-4 py-1 dark:bg-gray-900 w-full text-sm",children:"Screenshot options"}),(0,i.jsxs)("div",{className:"divide-y divide-gray-200 dark:divide-gray-800 w-full",children:[(0,i.jsxs)("div",{className:"w-full items-center py-2 px-4 flex",children:[(0,i.jsx)("div",{className:"relative text-sm font-semibold dark:text-white",children:"Add Image"}),(0,i.jsx)("div",{className:"flex items-center space-x-4 ml-auto py-1",children:(0,i.jsx)(p.m_,{text:`${s?.first?"Replace":"Add"} app screenshot`,children:(0,i.jsx)(M.Z4,{image:s?.first,setImage:e=>r(t=>({...t,first:e})),id:"firstImage"})})})]}),(0,i.jsx)("div",{className:"py-4 w-full flex px-4",children:(0,i.jsx)(p.Sc,{id:"hideFinderBar",labelClass:"font-semibold",label:"Hide finder bar",checked:e?.hideFinderBar,value:e?.hideFinderBar,onChange:e=>t(e=>({...e,hideFinderBar:!e.hideFinderBar}))})}),(0,i.jsx)(p.Ap,{min:30,max:150,stepValue:e?.imageScale,value:e?.imageScale||80,label:"Frame Size",onChange:e=>t(t=>({...t,imageScale:e}))}),(0,i.jsx)(p.Ap,{min:0,max:10,label:"Shadow",stepValue:e?.imageShadow,value:e?.imageShadow,onChange:e=>t(t=>({...t,imageShadow:e}))}),(0,i.jsx)(p.Ap,{min:0,max:360,label:"Rotation",stepValue:e?.imageRotate,value:e?.imageRotate,onChange:e=>t(t=>({...t,imageRotate:e}))}),(0,i.jsxs)("div",{className:"flex w-full divide-x divide-gray-200 dark:divide-gray-800",children:[(0,i.jsx)(M.Ru,{options:e,setOptions:e=>t(t=>({...t,imageTilt:e}))}),(0,i.jsx)(M.yX,{options:e,setOptions:t})]})]}),(0,i.jsx)("div",{className:"text-center text-gray-500 bg-gray-200 px-4 py-1 dark:bg-gray-900 w-full text-sm",children:"Canvas options"}),(0,i.jsxs)("div",{className:"divide-y divide-gray-200 dark:divide-gray-800 w-full",children:[(0,i.jsx)(M.qU,{hideSizes:["aspect-adapt"],options:e,setOptions:e=>t(t=>({...t,canvasAspectRatio:e}))}),(0,i.jsx)(M.VS,{options:e,setOptions:t}),(0,i.jsx)(M.gE,{options:e,setOptions:t}),(0,i.jsx)(M.aR,{options:e,setOptions:t})]}),(0,i.jsx)(x.CR,{imageRef:n,allowScaling:!0,saveImage:l,copyImage:a})]})});var B=s(72651),S=s(7880),k=s.n(S),b=!0;let Z=e=>{let{currentTemplate:t}=e,s=(0,r.useRef)(),a=(0,r.useRef)(),{c_Session:n,c_SetStats:d,isPro:c}=(0,r.useContext)(l.A),[f,h]=(0,r.useState)(!1),[C,u]=(0,r.useState)({w:null,h:null,canvasScale:1,vw:null,vh:null}),[j,g]=(0,r.useState)({}),[m,_]=(0,r.useState)({background:{active:"custom-color",gradientDirection:{tw:"bg-linear-to-b",css:"to bottom"},gradient:"from-[#fff2a4] via-[#d3acee] to-[#82f5ff]",customColor:{colorStart:"#ebebeb",colorEnd:"#ebebeb"},image:""},canvasAspectRatio:{name:"Square (1:1)",value:"1 / 1",key:"aspect-square"},imageTilt:{angleX:0,angelY:0},watermark:{socials:{text:"",link:"yourwebsite.com",twitter:"handle",facebook:"",linkedin:"",youtube:"",instagram:""},logo:"",bgColor:"bg-gray-800/30",position:"bottom-0 justify-center",active:!1},imageScale:90,imageShadow:7,positionX:0,positionY:0,canvasRoundness:8,imageText:{active:!1,positionX:0,positionY:0,iconSize:80,textWidth:100,lineHeight:1.1,textColor:"#111",textAlignment:"center",size:1,position:"top",title:"Add your heading here",subTitle:"→ Go to Add Text to tweak this text\n→ You can add multi-line subtext here\n→You can also add a custom icon or logo here"},mobileFrame:{variantName:"Gold",title:"iPhone 14 Pro / Gold",value:"iphone-14-pro-gold"},pattern:{value:"none",name:"None",opacity:80,shapeSize:90,blending:"overlay",linesIntensity:3,patternIntensity:30,patternRotation:0,gridColor:"#ffffff",blur:0},hideFinderBar:!1,imageRotate:0}
1),y=async({customScale:e="1x",format:t="png",fileNamePrefix:r}={})=>{let l;if(h(e=>(l=e,e)),l)return;let o=V.oR.loading((0,i.jsxs)(i.Fragment,{children:["Exporting image in ",(0,i.jsx)("span",{className:"uppercase ml-1",children:t}),"..."]}));h(!0),(0,B.vq)("template_save",{key:n?.email??""}),(0,B.i6)({ref:s?.current,customScale:e,format:t,fileNamePrefix:r,onSuccess:()=>{V.oR.success("Image exported!",{id:o}),H(),h(!1),n&&d({type:"template",exportType:"save",isPro:c})},onError:e=>{V.oR.error("Something went wrong, please try again",{id:o}),h(!1)}})},H=()=>{setTimeout(()=>{a?.current((0,B.Oe)({x:.1,y:.3})),a?.current((0,B.Oe)({x:.7,y:.9})),a?.current((0,B.Oe)({x:.8,y:.9})),a?.current((0,B.Oe)({x:.6,y:.9}))},300)};(0,r.useEffect)(()=>(M(),g({first:"/backgrounds/15-mesh.jpg"}),window.addEventListener("resize",M),()=>window.removeEventListener("resize",M)),[]);let M=()=>{let{innerWidth:e,innerHeight:t}=window;u(s=>({...s,vw:e,vh:t}))};return(0,r.useEffect)(()=>{setTimeout(()=>{u(e=>({...e,w:s?.current?.offsetWidth*window?.devicePixelRatio,h:s?.current?.offsetHeight*window?.devicePixelRatio,canvasScale:s?.current?.offsetHeight>C?.vh-100?1/(s?.current?.offsetHeight/(C?.vh-120)):1}))},300)},[C?.vw,C?.vh,m,j]),(0,i.jsxs)("div",{onPaste:async e=>{try{let{baseData:t}=await (0,B.Qp)(e);g(e=>({...e,first:t}))}catch(e){}},children:[(0,i.jsx)(k(),{className:"fixed w-full h-full pointer-events-none z-200",onInit:({confetti:e})=>a.current=e}),(0,i.jsx)(o.S,{options:m,setOptions:_,metaTitle:t?.metaTitle,metaDescription:t?.description,content:(0,i.jsx)(v,{options:m,setOptions:_,image:j,setImage:g,canvasRef:s,outputSize:C,isSaving:f}),info:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x.Ax,{currentTemplate:t}),(0,i.jsx)(()=>{let e=[{title:"Add your desktop screenshot",content:(0,i.jsxs)("div",{children:[(0,i.jsxs)("p",{children:["On the right side of the editor, you'll see the very first option to be ",(0,i.jsx)("strong",{children:'"Add Image"'}),". You can click on the ",(0,i.jsx)(p.iM,{children:"+"})," button to add your screenshot"]}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:"You can also drag-n-drop or paste your screenshot on the Macbook area in the canvas"}),(0,i.jsx)("br",{}),(0,i.jsxs)("p",{children:[(0,i.jsx)("strong",{children:"Note that"})," this template works best with desktop screenshots with landsape aspect ratio"]})]}),gradientClass:"from-green-600 to-teal-700"},{title:"Customize your image",content:(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:"Use the customizations options in the right to beautify your screenshot as you like"}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:"You can change background gradient color, add custom text or icon, add tilt-effect and more"}),(0,i.jsx)("br",{}),(0,i.jsx)("p",{children:"You can also show or hide the finder bar in the image as you like. This template also supports transparent background"})]}),gradientClass:"from-blue-500 to-indigo-700"},{title:"Save your image",content:(0,i.jsxs)("div",{children:[(0,i.jsxs)("p",{children:["Use shortcut ",(0,i.jsx)(p.iM,{children:"⌘+C"}),"/"," ",(0,i.jsx)(p.iM,{children:"Ctrl+C"})," to copy beautified image as PNG file to clipboard or ",(0,i.jsx)(p.iM,{children:"⌘+S"}),"/",(0,i.jsx)(p.iM,{children:"Ctrl+S"}),"to save it to your system. You can also save image in JPEG format"]}),(0,i.jsx)("br",{}),(0,i.jsxs)("p",{children:["Pro users can export images in size upto 4K resolution using the"," ",(0,i.jsx)(p.iM,{children:"2x"})," in the output size"]})]}),gradientClass:"from-orange-500 to-pink-700"}];return(0,i.jsx)(p.mc,{width:"1080px",className:"flex items-center justify-center mt-5 relative",children:(0,i.jsxs)("div",{className:"",children:[(0,i.jsx)("h2",{className:"text-2xl md:text-4xl text-center font-black mb-2 dark:text-white font-inter",children:"How to create MacBook Mockup using Pika?"}),(0,i.jsx)("p",{className:"text-lg mb-12 text-center",children:"3 simple steps to create perfect looking MacBook mockup from your screenshot"}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-10",children:e?.map((e,t)=>(0,i.jsxs)("div",{className:"flex flex-col items-center md:items-start justify-center md:justify-start",children:[(0,i.jsx)("div",{className:"\n                    flex items-center justify-center text-black/60 dark:text-gray-300 shadow-[0_0_44px_6px_#ff89c299] dark:shadow-[0_0_44px_2px_#dc2b81ba] mb-4 w-8 h-8 rounded-lg bg-linear-to-r bg-white dark:bg-black text-sm font-code font-semibold",children:t+1}),(0,i.jsx)("div",{className:"font-semibold my-4 dark:text-white text-xl",children:e?.title}),(0,i.jsx)("div",{className:"text-gray-700 dark:text-gray-200",children:e.content})]},e.title+t))})]})})},{}),(0,i.jsx)(x.S2,{})]}),sidebar:(0,i.jsx)(w,{options:m,setOptions:_,image:j,setImage:g,copyImage:({customScale:e="1x"}={})=>{let t,i=navigator?.userAgent?.indexOf("Firefox")<0;if(h(e=>(t=e,e)),t)return;
1let r=V.oR.loading("Copying image...");h(!0),(0,B.vq)("template_save",{key:n?.email??""}),(0,B.yq)({ref:s?.current,customScale:e,onSuccess:()=>{V.oR.success("Image copied to clipboard",{id:r}),H(),h(!1),n&&d({type:"template",exportType:"copy",isPro:c})},onError:e=>{console.log("Err",e),i?V.oR.error("Something went wrong, please try again",{id:r}):V.oR.error("Firefox doesn't support copying image, please use save",{id:r}),h(!1)}})},saveImage:y,isPro:c,imageRef:s?.current})})]})}}},e=>{e.O(0,[4558,1178,407,7880,9539,303,1958,6394,5198,2075,2909,4510,636,6593,8792],()=>e(e.s=75883)),_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.