1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2197],{6141:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/404",function(){return t(19114)}])},2839:function(n,e,t){"use strict";var r=t(82729),a=t(85893),s=t(67294),i=t(19521),o=t(11163),l=t(75659),p=t(47158),c=t(20759),x=t(73857),d=t(81798),m=t(62626),f=t(99428),h=t(36326);function _templateObject(){let n=(0,r._)(['\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n font-family: "PixelGridS", sans-serif;\n /* Uses the final rendered black value from the original 404 page to avoid a white gradient in light mode */\n background: linear-gradient(0deg, rgb(8, 12, 27) 0%, rgb(48, 38, 82) 100%);\n\n /* Prevents typewriter layout shifting. */\n > .container {\n width: 100%;\n }\n\n .starfield {\n position: absolute;\n inset: 0;\n pointer-events: none;\n opacity: 0.9;\n background-image: ',";\n background-size: ",";\n background-repeat: repeat;\n }\n\n .content {\n position: relative;\n display: flex;\n /* Reversed so the art sits above the copy when stacked. */\n flex-direction: column-reverse;\n align-items: stretch;\n gap: 32px;\n }\n\n .copy,\n .status-art {\n flex: 1;\n }\n\n .copy {\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n button svg {\n transform: translateY(-2px);\n }\n\n .heading {\n text-transform: uppercase;\n font-size: ",'px;\n\n .python-typewriter {\n font-family: "PixelGridM", sans-serif;\n font-size: inherit;\n }\n\n .python-typewriter span {\n color: ',";\n }\n\n .python-typewriter-cursor {\n display: none;\n }\n }\n\n .message {\n display: flex;\n flex-direction: column;\n /* 1rem, same as the pre-redesign message box */\n gap: 16px;\n padding: 16px;\n background: ",";\n color: ",";\n font-size: ","px;\n font-weight: 700;\n line-height: 164%;\n letter-spacing: 0.48px;\n text-shadow: 0 2px 0 ",";\n\n p {\n margin: 0;\n }\n\n a {\n color: ",';\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n\n .status-art {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: clamp(70px, 22vw, 110px);\n\n .numeral {\n font-family: "PixelGridXL", sans-serif;\n color: ',";\n font-size: 1em;\n animation: swing 3s ease-in-out infinite;\n\n &:first-child {\n transform-origin: top center;\n }\n\n &:last-child {\n transform-origin: bottom center;\n }\n }\n\n .bot {\n display: block;\n width: 1.2em;\n height: 1.2em;\n flex-shrink: 0;\n margin-top: 0.16em;\n }\n\n .bot-wrap {\n position: relative;\n display: flex;\n flex-shrink: 0;\n }\n\n .zzz {\n position: absolute;\n bottom: 46%;\n right: 0px;\n z-index: 1;\n color: ",';\n transform: rotate(9deg) translateX(6px);\n\n span {\n display: block;\n animation: riseAndScale 1.11s ease-in-out infinite;\n }\n }\n\n .bot-wrap .bot {\n animation: squishyBreath 2.6s ease-in-out infinite;\n }\n\n /* 500 error looked wrong with the bot in the middle. */\n &:not([data-status="404"]) {\n animation: swing 6s ease-in-out infinite;\n transform-origin: top center;\n\n .numeral {\n font-size: 0.9em;\n animation: none;\n }\n\n .bot {\n margin-top: 0;\n }\n\n /* The group already swings so breathing was too busy for the 500 error */\n .bot-wrap .bot {\n animation: none;\n }\n }\n }\n\n '," {\n .content {\n flex-direction: row;\n align-items: center;\n gap: 64px;\n }\n\n .status-art {\n font-size: clamp(110px, 14vw, 180px);\n }\n\n .copy button {\n align-self: flex-start;\n }\n }\n\n @keyframes swing {\n 0%,\n 100% {\n transform: rotate(-1.5deg);\n }\n 50% {\n transform: rotate(1.5deg);\n }\n }\n\n @keyframes riseAndScale {\n 0% {\n opacity: 1;\n transform: translateY(0) scale(0.9);\n }\n 100% {\n opacity: 0;\n transform: translateY(-0.85em) scale(1.2);\n }\n }\n\n @keyframes squishyBreath {\n 0%,\n 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n }\n"]);
1return _templateObject=function(){return n},n}let u=["Yep, URL mites...","Pixels were misplaced...","Bytes escaped again...","A quantum error occurred..."];function randomHeading(){return u[Math.floor(Math.random()*u.length)]}let g={404:{message:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{children:"We're sorry, the page you are trying to access does not seem to exist..."}),(0,a.jsxs)("p",{children:["Noticed a bug? Let us know by"," ",(0,a.jsx)("a",{href:h.n.bugReport,target:"_blank",rel:"noreferrer",children:"reporting it here"}),"."]})]}),cta:"Journey Back Home"},server:{message:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{children:"Something went wrong on our end. Try again later."}),(0,a.jsxs)("p",{children:["If it keeps happening,"," ",(0,a.jsx)("a",{href:h.n.bugReport,target:"_blank",rel:"noreferrer",children:"let us know"}),"."]})]}),cta:"Journey Back Home"}},y=[["17px","42px","#fafafa","211px 211px"],["88px","150px","#e0e0e0","211px 211px"],["143px","27px","#ffffff","211px 211px"],["196px","119px","#c9c9c9","211px 211px"],["61px","188px","#e0e0e0","211px 211px"],["44px","93px","#ffffff","337px 337px"],["159px","211px","#c9c9c9","337px 337px"],["271px","58px","#fafafa","337px 337px"],["309px","296px","#d4d4d4","337px 337px"],["96px","331px","#e0e0e0","449px 449px"],["247px","104px","#ffffff","449px 449px"],["402px","247px","#ededed","449px 449px"]],b=[...new Set(y.map(n=>{let[,,,e]=n;return e}))],w=b.map(n=>{let e=parseInt(n,10),t=y.filter(e=>{let[,,,t]=e;return t===n}).map(n=>{let[e,t,r]=n;return"%3Crect x='".concat(parseInt(e,10),"' y='").concat(parseInt(t,10),"' width='").concat(2,"' height='").concat(2,"' fill='").concat(r.replace("#","%23"),"'/%3E")}).join("");return"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='".concat(e,"' height='").concat(e,"' shape-rendering='crispEdges'%3E").concat(t,'%3C/svg%3E")')}).join(", "),j=b.join(", "),k=[.133,.1,.089,.078],v=i.default.div.withConfig({componentId:"sc-dd28a816-0"})(_templateObject(),w,j,n=>{let{theme:e}=n;return e.fontSize.xl},n=>{let{theme:e}=n;return e.darkTheme.colors.text.primary},n=>{let{theme:e}=n;return e.colors.palette.grey["100"]},n=>{let{theme:e}=n;return e.colors.palette.grey["950"]},n=>{let{theme:e}=n;return e.fontSize.m},n=>{let{theme:e}=n;return e.colors.palette.grey["200"]},n=>{let{theme:e}=n;return e.lightTheme.colors.hyperLink},n=>{let{theme:e}=n;return e.darkTheme.colors.text.primary},n=>{let{theme:e}=n;return e.darkTheme.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.sm});e.Z=function(n){let{statusCode:e=500}=n,t=(0,o.useRouter)(),r=404===e,i=r?g[404]:g.server,h=(0,a.jsxs)("div",{className:"bot-wrap",children:[(0,a.jsx)("div",{className:"zzz","aria-hidden":"true",children:k.map((n,e)=>(0,a.jsx)("span",{style:{fontSize:"".concat(n,"em"),animationDelay:"".concat(200*e,"ms")},children:"z"},n))}),(0,a.jsx)("img",{className:"bot",src:l.ku,alt:"Cod\xe9dex bot asleep"})]}),[u]=(0,s.useState)(randomHeading);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(f.Z,{}),(0,a.jsxs)(v,{children:[(0,a.jsx)("div",{className:"starfield"}),(0,a.jsx)(m.Z,{className:"container",children:(0,a.jsxs)("div",{className:"content",children:[(0,a.jsxs)("div",{className:"copy",children:[(0,a.jsx)("span",{className:"heading",children:(0,a.jsx)(p.Z,{text:u,as:"span"})}),(0,a.jsx)(c.Z,{className:"message",borderColor:"CBD5E1",children:i.message}),(0,a.jsxs)(x.Z,{onClick:()=>t.push("/"),children:[(0,a.jsx)(d.Z,{color:"white"})," ",i.cta]})]}),(0,a.jsx)("div",{className:"status-art","data-status":e,children:r?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"numeral",children:"4"}),h,(0,a.jsx)("span",{className:"numeral",children:"4"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:"numeral",children:e}),h]})})]})})]})]})}},19114:function(n,e,t){"use strict";t.r(e);var r=t(85893),a=t(2839);e.default=function(){return(0,r.jsx)(a.Z,{statusCode:404})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,9774,2888,179],function(){return n(n.s=6141)}),_N_E=n.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.