{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function NotFound() {\n  return _react2.default.createElement('div', { className: \"gk404\",}\n    , _react2.default.createElement('style', null, `\n      .gk404{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:96px 40px 112px;color:var(--c11tihf5-runtime-text,#303c32);background:var(--c11tihf5-runtime-bg,#f8f5ed);font-family:var(--c11tihf5-font-body,Newsreader,Georgia,serif)}\n      .gk404 *{box-sizing:border-box}.gk404 a{color:inherit;text-decoration:none}.gk404 a:focus-visible{outline:2px solid var(--c11tihf5-runtime-accent,#35563e);outline-offset:5px}\n      .gk404 .gk404-inner{max-width:var(--c11tihf5-container-content,44rem);margin:0 auto}\n      .gk404 p.gk404-over{margin:0 0 16px;font-style:italic;font-size:20px;color:var(--c11tihf5-runtime-muted,#596453)}\n      .gk404 h1{margin:0 0 24px;font-family:var(--c11tihf5-font-heading,Newsreader,Georgia,serif);font-weight:400;font-size:clamp(52px,7vw,92px);line-height:1;letter-spacing:-.045em}\n      .gk404 p.gk404-body{margin:0 0 30px;font-size:20px;line-height:1.55;max-width:26em}\n      .gk404 .gk404-actions{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}\n      .gk404 .gk404-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 24px;border:1px solid var(--c11tihf5-runtime-action-bg,#455d45);border-radius:999px;background:var(--c11tihf5-runtime-action-bg,#455d45);color:var(--c11tihf5-runtime-action-fg,#fff);font-family:var(--c11tihf5-font-body,Newsreader,Georgia,serif);font-size:17px;font-weight:500;line-height:1.5;text-decoration:none}\n      .gk404 .gk404-button:hover{text-decoration:underline;text-underline-offset:4px}\n      .gk404 .gk404-button--secondary{background:transparent;color:var(--c11tihf5-runtime-text,#303c32);border-color:currentColor}\n      @media(max-width:560px){.gk404{padding:56px 20px 72px}.gk404 h1{font-size:clamp(46px,14vw,60px)}.gk404 p.gk404-body{font-size:18px}}\n    `)\n    , _react2.default.createElement('div', { className: \"gk404-inner\",}\n      , _react2.default.createElement('p', { className: \"gk404-over\",}, \"Error 404\" )\n      , _react2.default.createElement('h1', null, \"Page not found.\"  )\n      , _react2.default.createElement('p', { className: \"gk404-body\",}, \"The page you requested could not be found. It may have moved, or the link may be wrong.\"                 )\n      , _react2.default.createElement('div', { className: \"gk404-actions\",}\n        , _react2.default.createElement('a', { className: \"gk404-button\", href: \"/\",}, \"Return to the homepage \"    , _react2.default.createElement('span', { 'aria-hidden': \"true\",}, \"→\"))\n        , _react2.default.createElement('a', { className: \"gk404-button gk404-button--secondary\" , href: \"/blog\",}, \"Browse the techniques\"  )\n      )\n    )\n  );\n} exports.default = NotFound;"}