47a890787283f397232c6730f9930eadb9f36cd5.40966078a9e4f10e6aa3.js.download

(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[10],{"O/lF":function(n,e,t){"use strict";t.d(e,"a",(function(){return g}));var o=t("FdF9"),r=t("21WQ"),c=t("rePB"),i=t("AeFk"),a=t("csfp"),d=t("HR5l"),l=t("pwnY"),u=t("WynN");var s=function(n){return Object(i.c)(d.a,n,Object(i.c)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},Object(i.c)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),Object(i.c)("circle",{cx:"12",cy:"12",r:"4"}),Object(i.c)("path",{d:"M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"})))},m=function(n){return Object(i.c)(d.a,n,Object(i.c)("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),Object(i.c)("path",{d:"M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"}))};function f(){var n=navigator?navigator.userAgent.toLowerCase():"";if(n.includes("android")||n.includes("iphone"))return null;var e,t=Object(u.a)("builder.darkMode");return t&&"string"===typeof t?"true"===t:null===(e=window)||void 0===e?void 0:e.matchMedia("(prefers-color-scheme: dark)").matches}function h(n){Object(u.d)("builder.darkMode",String(n),3650,location.hostname.endsWith("builder.io")?";domain=builder.io":void 0)}var p={name:"ihanw7",styles:"width:0.7em;height:0.7em"},b={name:"ihanw7",styles:"width:0.7em;height:0.7em"};function k(n){var e,t=Object(o.useState)(null),r=t[0],d=t[1];return Object(o.useEffect)((function(){var n=f();return d(n),n&&document.documentElement.classList.add("dark-mode"),function(){return document.documentElement.classList.remove("dark-mode")}}),[]),Object(i.c)("button",{css:Object(i.b)((e={all:"unset",cursor:"pointer",position:"absolute",top:23,right:30,zIndex:10},Object(c.a)(e,l.a,{top:13,right:27}),Object(c.a)(e,l.c,{top:5,right:45}),Object(c.a)(e,l.e,{top:5,right:22}),e),"",""),className:n.className,onClick:function(){f()?(document.documentElement.classList.remove("dark-mode"),h(!1),d(!1)):(document.documentElement.classList.add("dark-mode"),h(!0),d(!0))}},null!==r&&Object(i.c)(a.a,{title:"Toggle Dark Mode"},r?Object(i.c)(s,{css:p}):Object(i.c)(m,{css:b})))}function g(n){return Object(i.c)(o.default.Fragment,null,Object(i.c)(k,{className:n.className}),Object(i.c)("style",null,"\n      #__next {\n        background: white;\n      }\n      html.dark-mode {\n        background: #111;\n      }\n      .dark-mode {\n        filter: ".concat(r.a.darkModeFilter,";\n      }\n      /* Explicitly re-invert this */\n      .dark-mode :is(.dark-mode-invert, .monaco-editor) {\n        filter: ").concat(r.a.darkModeFilterReverse,";\n      }\n      /* Re-invert these things */\n      .dark-mode :is(img, video, iframe) {\n        filter: ").concat(r.a.darkModeFilterReverse,";\n      }\n      .dark-mode .no-filter {\n        filter: none !important;\n      }\n      /* Shadows look weird with inverted colors */\n      .dark-mode * {\n        box-shadow: none !important;\n      }\n\n      .code-block {\n        margin: 0 -20px;\n        padding: 20px;\n        box-shadow: none !important;\n      }\n\n      .code-block {\n        background: #1e2129; \n      }\n\n      .dark-mode .code-block {\n        filter: ").concat(r.a.darkModeFilterReverse,";\n        margin: 0 -20px;\n        padding: 20px;\n        background: black;\n        border: 1px solid #222;\n      }\n\n      .dark-mode .dark-mode-no-filter {\n        filter: none !important;\n      }\n\n      .dark-mode .dark-mode-no-filter-images img {\n        filter: none !important;\n      }\n\n      .code-block pre {\n        background-color: transparent !important;\n      }\n    ")))}},WynN:function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"a",(function(){return c})),t.d(e,"d",(function(){return i})),t.d(e,"c",(function(){return d}));var o="builder.initialReferrer";function r(n,e){for(var t=(n.split("?")[1]||"").split("&"),o=0;o<t.length;o++){var r=t[o].split("=");if(decodeURIComponent(r[0])===e)return decodeURIComponent(r[1])}return null}function c(n){try{n+="=";for(var e=decodeURIComponent(document.cookie).split(";"),t=0;t<e.length;t++){for(var o=e[t];" "===o.charAt(0);)o=o.substring(1);if(0===o.indexOf(n))return o.substring(n.length,o.length)}}catch(r){console.warn("Could not get cookie",r)}return""}function i(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";try{var r=new Date;r.setTime(r.getTime()+24*t*60*60*1e3);var c="expires=".concat(r.toUTCString());document.cookie="".concat(n,"=").concat(e,";").concat(c,";path=/").concat(o)}catch(i){console.warn("Could not s\u221aet cookie",i)}}var a=r(location.href,"ref")||document.referrer||"";!a||a.match(/https?:\/\/([^\.]+\.)?builder\.io/i)||c(o)||i(o,a,365,";domain=builder.io");var d=function(){return c(o)}},pwnY:function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return c})),t.d(e,"d",(function(){return i})),t.d(e,"e",(function(){return a}));"@media (max-width: ".concat(1450,"px)");var o="@media (max-width: ".concat(1250,"px)"),r=800,c="@media (max-width: ".concat(r,"px)"),i=496,a="@media (max-width: ".concat(i,"px)")}}]);