https://www.vidday.com/_next/static/chunks/5051-020ebac55cc0da81.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c4667662-bd0f-495c-9d11-6d5e6f3ab382",e._sentryDebugIdIdentifier="sentry-dbid-c4667662-bd0f-495c-9d11-6d5e6f3ab382")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5051],{11984:(e,t,r)=>{r.d(t,{FD:()=>g,MY:()=>l,PJ:()=>o,Wl:()=>s,XP:()=>d,_x:()=>i,bL:()=>f,po:()=>c,ql:()=>u,wO:()=>a,yL:()=>b});var n=r(22150);function i(e){return("object"==typeof e?null==e.host&&null==e.hostname:!/^[a-z]+:/i.test(e))&&!function(e){let t="object"==typeof e?e.pathname:e;return null!=t&&!t.startsWith("/")}(e)}function l(e,t){return e.replace(RegExp(`^${t}`),"")||"/"}function o(e,t){let r=e;return/^\/(\?.*)?$/.test(t)&&(t=t.slice(1)),r+=t}function a(e,t){return t===e||t.startsWith(`${e}/`)}function s(e,t,r){return"string"==typeof e?e:e[t]||r}function c(e){let t=function(){try{return"true"===n.env._next_intl_trailing_slash}catch{return!1}}(),[r,...i]=e.split("#"),l=i.join("#"),o=r;if("/"!==o){let e=o.endsWith("/");t&&!e?o+="/":!t&&e&&(o=o.slice(0,-1))}return l&&(o+="#"+l),o}function u(e,t){let r=c(e),n=c(t);return(function(e){let t=e.replace(/\/\[\[(\.\.\.[^\]]+)\]\]/g,"(?:/(.*))?").replace(/\[\[(\.\.\.[^\]]+)\]\]/g,"(?:/(.*))?").replace(/\[(\.\.\.[^\]]+)\]/g,"(.+)").replace(/\[([^\]]+)\]/g,"([^/]+)");return RegExp(`^${t}$`)})(r).test(n)}function d(e,t){return"never"!==t.mode&&t.prefixes?.[e]||f(e)}function f(e){return"/"+e}function h(e){return e.includes("[[...")}function p(e){return e.includes("[...")}function m(e){return e.includes("[")}function x(e,t){let r=e.split("/"),n=t.split("/"),i=Math.max(r.length,n.length);for(let e=0;e<i;e++){let t=r[e],i=n[e];if(!t&&i)return -1;if(t&&!i)return 1;if(t||i){if(!m(t)&&m(i))return -1;if(m(t)&&!m(i))return 1;if(!p(t)&&p(i))return -1;if(p(t)&&!p(i))return 1;if(!h(t)&&h(i))return -1;if(h(t)&&!h(i))return 1}}return 0}function g(e){return e.sort(x)}function b(e){return"function"==typeof e.then}},20851:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(30617);function i(e,t,r,i){if(!e||i===r||null==i||!t)return;let l=(0,n.DT)(t),{name:o,...a}=e;a.path||(a.path=""!==l?l:"/");let s=`${o}=${i};`;for(let[e,t]of Object.entries(a))s+=`${"maxAge"===e?"max-age":e}`,"boolean"!=typeof t&&(s+="="+t),s+=";";document.cookie=s}},27201:(e,t,r)=>{r.d(t,{c:()=>l});var n=r(23241);function i(e,t){return(...e)=>{try{return t(...e)}catch{throw Error(void 0)}}}let l=i(0,n.c3);i(0,n.kc)},30617:(e,t,r)=>{r.d(t,{DT:()=>s,FP:()=>o,TK:()=>i,Zn:()=>l,aM:()=>a,x3:()=>c});var n=r(11984);function i(e){return"string"==typeof e?{pathname:e}:e}function l(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))Array.isArray(n)?n.forEach(e=>{t.append(r,String(e))}):t.set(r,String(n));return"?"+t.toString()}function o({pathname:e,locale:t,params:r,pathnames:i,query:o}){function a(e){let a,s=i[e];return s?(a=(0,n.Wl)(s,t,e),r&&Object.entries(r).forEach(([e,t])=>{let r,n;Array.isArray(t)?(r=`(\\[)?\\[...${e}\\](\\])?`,n=t.map(e=>String(e)).join("/")):(r=`\\[${e}\\]`,n=String(t)),a=a.replace(RegExp(r,"g"),n)}),a=new URL(a=a.replace(/\[\[\.\.\..+\]\]/g,""),"http://l").pathname):a=e,a=(0,n.po)(a),o&&(a+=l(o)),a}if("string"==typeof e)return a(e);{let{pathname:t,...r}=e;return{...r,pathname:a(t)}}}function a(e,t,r){let i=(0,n.FD)(Object.keys(r)),l=decodeURI(t);for(let t of i){let i=r[t];if("string"==typeof i){if((0,n.ql)(i,l))return t}else if((0,n.ql)((0,n.Wl)(i,e,t),l))return t}return t}function s(e,t=window.location.pathname){return"/"===e?t:t.replace(e,"")}function c(e,t,r,i){let l,{mode:o}=r.localePrefix;return void 0!==i?l=i:(0,n._x)(e)&&("always"===o?l=!0:"as-needed"===o&&(l=r.domains?!r.domains.some(e=>e.defaultLocale===t):t!==r.defaultLocale)),l?(0,n.PJ)((0,n.XP)(t,r.localePrefix),e):e}},51208:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(76105),i=r(57261);let l=(0,r(39549).forwardRef)((e,t)=>{let{children:r,...l}=e;return(0,n.jsx)(i.s,{ref:t,css:{my:0,mx:"auto",w:"100%",px:"0",overflowX:"scroll",WebkitOverflowScrolling:"touch",scrollbarWidth:"none","& &::-webkit-scrollbar":{display:"none"}},...l,children:r})});l.displayName="OverflowRow";let o=l},57750:(e,t,r)=>{r.d(t,{Y:()=>i});var n=r(39549);function i(){let e=(0,n.useRef)("down"),t=(0,n.useRef)(0);return(0,n.useEffect)(()=>{let r=()=>{let r=window.scrollY;e.current=r>t.current?"down":"up",t.current=r};return window.addEventListener("scroll",r,{passive:!0}),()=>window.removeEventListener("scroll",r)},[]),e}},63037:(e,t,r)=>{r.d(t,{default:()=>c});var n=r(44721),i=r(60306),l=r(39549),o=r(23241),a=r(20851),s=r(76105),c=(0,l.forwardRef)(function(e,t){let{href:r,locale:l,localeCookie:c,onClick:u,prefetch:d,...f}=e,h=(0,o.Ym)(),p=null!=l&&l!==h,m=(0,i.usePathname)();

1return p&&(d=!1),(0,s.jsx)(n,{ref:t,href:r,hrefLang:p?l:void 0,onClick:function(e){(0,a.A)(c,m,h,l),u&&u(e)},prefetch:d,...f})})},75781:(e,t,r)=>{r.d(t,{A:()=>h});var n=r(60306),i=r(39549),l=r.t(i,2),o=r(23241),a=l["use".trim()],s=r(11984),c=r(63037),u=r(30617),d=r(76105),f=r(20851);function h(e){let{Link:t,config:r,getPathname:l,...h}=function(e,t){var r,l,o;let f={...r=t||{},localePrefix:"object"==typeof(o=r.localePrefix)?o:{mode:o||"always"},localeCookie:!!((l=r.localeCookie)??1)&&{name:"NEXT_LOCALE",sameSite:"lax",..."object"==typeof l&&l},localeDetection:r.localeDetection??!0,alternateLinks:r.alternateLinks??!0},h=f.pathnames,p=(0,i.forwardRef)(function({href:t,locale:r,...n},i){let l,o;"object"==typeof t?(l=t.pathname,o=t.params):l=t;let u=(0,s._x)(t),p=e(),x=(0,s.yL)(p)?a(p):p,g=u?m({locale:r||x,href:null==h?l:{pathname:l,params:o},forcePrefix:null!=r||void 0}):l;return(0,d.jsx)(c.default,{ref:i,href:"object"==typeof t?{...t,pathname:g}:g,locale:r,localeCookie:f.localeCookie,...n})});function m(e){let t,{forcePrefix:r,href:n,locale:i}=e;return null==h?"object"==typeof n?(t=n.pathname,n.query&&(t+=(0,u.Zn)(n.query))):t=n:t=(0,u.FP)({locale:i,...(0,u.TK)(n),pathnames:f.pathnames}),(0,u.x3)(t,i,f,r)}function x(e){return function(t,...r){return e(m(t),...r)}}return{config:f,Link:p,redirect:x(n.redirect),permanentRedirect:x(n.permanentRedirect),getPathname:m}}(o.Ym,e);return{...h,Link:t,usePathname:function(){let e=function(e){let t=(0,n.usePathname)(),r=(0,o.Ym)();return(0,i.useMemo)(()=>{if(!t)return t;let n=t,i=(0,s.XP)(r,e.localePrefix);if((0,s.wO)(i,t))n=(0,s.MY)(t,i);else if("never"!==e.localePrefix.mode&&e.localePrefix.prefixes){let e=(0,s.bL)(r);(0,s.wO)(e,t)&&(n=(0,s.MY)(t,e))}return n},[e.localePrefix,r,t])}(r),t=(0,o.Ym)();return(0,i.useMemo)(()=>e&&r.pathnames?(0,u.aM)(t,e,r.pathnames):e,[t,e])},useRouter:function(){let e=(0,n.useRouter)(),t=(0,o.Ym)(),a=(0,n.usePathname)();return(0,i.useMemo)(()=>{function n(e){return function(n,i){let{locale:o,...s}=i||{},c=[l({href:n,locale:o||t,forcePrefix:null!=o||void 0})];Object.keys(s).length>0&&c.push(s),(0,f.A)(r.localeCookie,a,t,o),e(...c)}}return{...e,push:n(e.push),replace:n(e.replace),prefetch:n(e.prefetch)}},[t,a,e])},getPathname:l}}},76839:(e,t,r)=>{r.d(t,{A:()=>n});function n(e){return e}},79716:(e,t,r)=>{r.d(t,{K:()=>u});var n=r(76105),i=r(75957),l=r(54254),o=r(39549),a=r(20170);let s={next:a.U7T,bottom:a.WnU,prev:a.l7J,top:a.rAP,forward:a.a1M,backward:a.MGo,more:a.a95,play:a.XKH,"add-video":a.P_A,download:a.E5v,upload:a.vpy,notify:a.KpL,copy:a.kn0,"more-vertical":a.a95,add:a.jgn,edit:a.Yvo,music:a.oEj,check:a.mU9,print:a.l96,external:a.gXi,close:a.m6K},c=(0,r(13899).g3)({className:"vidday-icon-button",base:{display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",borderRadius:"l2",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"medium",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{positioning:{relative:{position:"relative"},absolute:{position:"absolute",zIndex:500,top:"50%",transform:"translateY(-50%)"}},size:{"2xs":{h:"6",minW:"6",textStyle:"xs",gap:"1",_icon:{width:"3.5",height:"3.5"}},xs:{h:"8",minW:"8",textStyle:"xs",gap:"1",_icon:{width:"4",height:"4"}},sm:{h:"9",minW:"9",textStyle:"sm",gap:"2",_icon:{width:"4",height:"4"}},md:{h:"10",minW:"10",textStyle:"sm",gap:"2",_icon:{width:"5",height:"5"}},lg:{h:"11",minW:"11",textStyle:"md",gap:"3",_icon:{width:"5",height:"5"}},xl:{h:"12",minW:"12",textStyle:"md",gap:"2.5",_icon:{width:"5",height:"5"}},"2xl":{h:"16",minW:"16",textStyle:"lg",gap:"3",_icon:{width:"8",height:"8"}}},variant:{alpha:{bg:"rgba(255,255,255,0.1)",color:"white",borderRadius:"full",_hover:{bg:"white",color:"headline"}},main:{bg:"rgba(75,190,255,0.2)",color:"link",borderRadius:"full",_hover:{bg:"rgba(75,190,255,0.3)",color:"link"}},action:{bg:"gray.200",color:"link",borderRadius:"full",_hover:{bg:"gray.300",color:"link"},_disabled:{opacity:"0.5",color:"body",bg:"gray.300"}},blank:{bg:"transparent",color:"link",borderRadius:"full",_hover:{bg:"rgba(75,190,255,0.3)",color:"link"}},outline:{bg:"white",color:"blue.solid",borderRadius:"full",borderColor:"blue.muted",borderWidth:"1px",_hover:{bg:"blue.50"}},arrow:{backgroundColor:"white",display:["none",null,"flex"],boxShadow:"0px 6px 16px 0px rgba(0,0, 0,0.15)",borderRadius:"full",border:"none",cursor:"pointer",transition:"visibility 0.2s linear, opacity 0.1s linear",opacity:"1",visibility:"visible",top:"50%",transform:"translateY(-50%)",color:"link"}}},defaultVariants:{size:"md",variant:"main",positioning:"relative"}}

1),u=(0,o.forwardRef)((e,t)=>{let{icon:r,variant:o,size:a,positioning:u,css:d,...f}=e,h=(0,i.m)({recipe:c})({variant:o,size:a,positioning:u}),p=s[r];return(0,n.jsx)(l.B.button,{css:{...h,...d},ref:t,...f,children:(0,n.jsx)(p,{})})});u.displayName="IconButton"},84317:(e,t,r)=>{r.r(t),r.d(t,{default:()=>I});var n=r(76105),i=r(54598),l=r(27201),o=r(683),a=r(57261),s=r(98010),c=r(531),u=r(21178),d=r(90296),f=r(92381),h=r(82415),p=r(39549),m=r(41532),x=r(51208),g=r(95086),b=r(57750),y=r(54254),v=r(41392),w=r(76275),j=r(32862),k=r(10512);let _=()=>{let e=(0,l.c)("default.how-to-videos.exit-card");return(0,n.jsxs)(a.s,{bg:"white",flexDirection:"column",justifyContent:"center",gap:"1rem",minW:["300px","352px"],maxW:["300px","352px"],px:"2rem",borderWidth:"1px",borderColor:"gray.300",borderRadius:"1rem",children:[(0,n.jsxs)(s.T,{alignItems:"flex-start",gap:"0.25rem",children:[(0,n.jsx)(c.D,{as:"h3",size:"3xl",children:e("title")}),(0,n.jsx)(u.E,{textStyle:"lg",color:"body",children:e("desc")})]}),(0,n.jsx)(a.s,{children:(0,n.jsx)(k.$,{asChild:!0,children:(0,n.jsx)(j.N_,{href:"/how-to",children:e("button-text")})})})]})},R={display:"flex",flexDirection:"row",w:"full",gap:"1.25rem",py:"0.5rem",alignItems:"stretch"},W=e=>{let{items:t}=e;return(0,n.jsxs)(y.B.div,{css:R,children:[t.map(e=>(0,n.jsx)(j.N_,{href:"/how-to/".concat(e.slug),children:(0,n.jsx)(v.a,{minW:["300px","352px"],maxW:["300px","352px"],children:(0,n.jsx)(w.A,{item:e})})},e.slug)),(0,n.jsx)(_,{}),(0,n.jsx)(a.s,{minW:"2rem",flexShrink:0})]})},P={hidden:{},visible:{transition:{staggerChildren:.15}}},S={hidden:{opacity:0,y:16},visible:{opacity:1,y:0,transition:{duration:.4}}},A={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.4}}},L={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.5}}},E=e=>{let{title:t,text:r,items:i}=e,l=(0,p.useRef)(null),o=(0,p.useRef)(null),y=(0,f.W)(o,{margin:"0px 0px -100px 0px"}),v=(0,b.Y)(),[w,j]=(0,p.useState)("hidden");return(0,p.useEffect)(()=>{y&&("down"===v.current||"hidden"===w)?j("visible"):y||"up"!==v.current||j("hidden")},[y,v,w]),(0,n.jsx)(h.m.div,{ref:o,variants:P,initial:"hidden",animate:w,style:{width:"100%"},children:(0,n.jsxs)(a.s,{css:{w:"full",flexDirection:"column",alignItems:"flex-start",gap:"2.5rem"},children:[(0,n.jsxs)(m.A,{justifyContent:"space-between",flexDirection:"row",alignItems:"flex-end",children:[(0,n.jsx)(h.m.div,{variants:S,children:(0,n.jsxs)(s.T,{alignItems:"flex-start",children:[(0,n.jsx)(c.D,{as:"h2",size:["4xl","5xl"],children:t}),(0,n.jsx)(u.E,{textStyle:"xl",children:r})]})}),(0,n.jsx)(h.m.div,{variants:A,children:(0,n.jsxs)(d.z,{gap:"1rem",children:[(0,n.jsx)(g.A,{variant:"outline",behavior:"step",icon:"backward",target:l,size:"2xl"}),(0,n.jsx)(g.A,{variant:"outline",behavior:"step",icon:"forward",target:l,size:"2xl"})]})})]}),(0,n.jsx)(h.m.div,{variants:L,style:{width:"100%"},children:(0,n.jsx)(a.s,{width:"full",position:"relative",overflowX:"visible",zIndex:"1",children:(0,n.jsx)(x.A,{ref:l,children:(0,n.jsx)(m.A,{children:(0,n.jsx)(W,{items:i})})})})})]})})},C=i.A.slice(0,4),I=e=>{let{translationKey:t="default.how-to-videos",items:r=C}=e,i=(0,l.c)(t),a=(0,o.A)(i,"title"),s=(0,o.A)(i,"desc");return(0,n.jsx)(E,{items:r,title:a,text:s})}},85509:(e,t,r)=>{r.d(t,{I:()=>u});var n=r(76105),i=r(39549),l=r(75072),o=r(54254),a=r(19164);let{useRecipeResult:s,PropsProvider:c}=(0,l.a)({key:"icon"}),u=i.forwardRef(function(e,t){let{styles:r,className:i,props:l}=s({asChild:!e.as,...e});return(0,n.jsx)(o.B.svg,{ref:t,focusable:!1,"aria-hidden":"true",...l,css:[r,e.css],className:(0,a.cx)(i,e.className)})});u.displayName="Icon"},90296:(e,t,r)=>{r.d(t,{z:()=>o});var n=r(76105),i=r(39549),l=r(80323);let o=(0,i.forwardRef)(function(e,t){return(0,n.jsx)(l.B,{align:"center",...e,direction:"row",ref:t})});o.displayName="HStack"},92381:(e,t,r)=>{r.d(t,{W:()=>o});var n=r(39549),i=r(53931);let l={some:0,all:1};function o(e,{root:t,margin:r,amount:a,once:s=!1}={}

1){let[c,u]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(!e.current||s&&c)return;let n={root:t&&t.current||void 0,margin:r,amount:a};return function(e,t,{root:r,margin:n,amount:o="some"}={}){let a=(0,i.KJ)(e),s=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let r=s.get(e.target);if(!!r!==e.isIntersecting)if(e.isIntersecting){let r=t(e);"function"==typeof r?s.set(e.target,r):c.unobserve(e.target)}else"function"==typeof r&&(r(e),s.delete(e.target))})},{root:r,rootMargin:n,threshold:"number"==typeof o?o:l[o]});return a.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(u(!0),s?void 0:()=>u(!1)),n)},[t,e,r,s,a]),c}},95086:(e,t,r)=>{r.d(t,{A:()=>c});var n=r(76105),i=r(39549),l=r(79716);let o=["prev","backward","left"],a=["next","forward","right"],s=(0,i.forwardRef)((e,t)=>{let{target:r,icon:s,behavior:c="step",variant:u="arrow",...d}=e,[f,h]=(0,i.useState)(!a.includes(s));return(0,i.useEffect)(()=>{r&&null!=r.current&&r.current.addEventListener("scroll",()=>{if(o.includes(s))r.current.scrollLeft>100?h(!1):h(!0);else if(a.includes(s)){if(r.current){var e,t,n;let i=null==(e=r.current)?void 0:e.clientWidth,l=null==(t=r.current)?void 0:t.scrollWidth;(null==(n=r.current)?void 0:n.scrollLeft)>l-i-100?h(!0):h(!1)}}else void 0!==r.current.scrollLeftMax&&(r.current.scrollLeft>=r.current.scrollLeftMax-100?h(!0):h(!1))})},[r,s]),(0,n.jsx)(l.K,{variant:u,onClick:()=>{r&&null!=r.current&&(c&&"step"===c?r.current.scrollBy({left:o.includes(s)?-350:350,behavior:"smooth"}):r.current.scrollBy({left:o.includes(s)?-3e3:3e3,behavior:"smooth"}))},hidden:f,icon:s,...d,css:{...d.css,display:["none",null,"inline-flex"]},ref:t})});s.displayName="ScrollArrow";let c=s}}]);