<template>
  <div
    class="fixed pin bg-40 z-50 flex items-center justify-center min-w-site p-6"
  >
    <div class="flex items-center w-error">
      <div class="flex-no-shrink illustration">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="520"
          height="560"
          viewBox="0 0 520 560"
        >
          <g fill="none" fill-rule="evenodd" transform="translate(3 73)">
            <g stroke-width="2" transform="rotate(-30 140.579 22.242)">
              <path
                fill="#FFF"
                stroke="#0D2B3E"
                d="M26.03 0h76.9c7.9 0 15.46 3.16 21.04 8.79L145 30l-21.03 21.21A29.62 29.62 0 0 1 102.94 60H26.03V0z"
              />
              <path
                fill="#FFF"
                stroke="#4A90E2"
                d="M102.62 60c8.2 0 14.87-13.43 14.87-30s-6.66-30-14.87-30"
              />
              <path
                stroke="#4A90E2"
                d="M33.46 60c8.22 0 14.87-13.43 14.87-30S41.68 0 33.46 0"
              />
              <ellipse
                cx="26.03"
                cy="30"
                fill="#FFF"
                stroke="#0D2B3E"
                rx="14.87"
                ry="30"
              />
              <path
                fill="#FFF"
                stroke="#0D2B3E"
                d="M12.15 8.92v42.16c6.35-2.3 10.75-4.58 13.2-6.82l1.53-1.4C30.94 39 32.46 36 32.46 30c0-6.42-1.69-9.3-6.8-13.98l-.31-.28c-2.44-2.24-6.84-4.52-13.2-6.82z"
              />
              <ellipse
                cx="11.15"
                cy="30"
                fill="#FFF"
                stroke="#0D2B3E"
                rx="10.15"
                ry="21.5"
              />
              <ellipse cx="79.56" cy="30" stroke="#4A90E2" rx="17.85" ry="18" />
              <ellipse
                cx="79.56"
                cy="30"
                fill="#FFF"
                stroke="#0D2B3E"
                rx="13.38"
                ry="13.5"
              />
            </g>
            <path
              fill="#DDE4EB"
              d="M425 74.5A16.5 16.5 0 0 0 441.5 91h44a16.5 16.5 0 0 1 0 33h-143a16.5 16.5 0 0 1 0-33 16.5 16.5 0 0 0 0-33h-66a16.5 16.5 0 0 1 0-33h165a16.5 16.5 0 0 1 0 33A16.5 16.5 0 0 0 425 74.5z"
            />
            <g transform="translate(424 130)">
              <circle
                cx="45"
                cy="45"
                r="45"
                stroke="#4A90E2"
                stroke-width="2"
              />
              <circle cx="45.83" cy="45.83" r="39.17" fill="#FFF" />
              <circle
                cx="47.5"
                cy="15.83"
                r="4.17"
                stroke="#4A90E2"
                stroke-width="2"
              />
              <path
                stroke="#4A90E2"
                stroke-linecap="round"
                stroke-width="2"
                d="M48.33 25c4.6 0 8.34-3.73 8.34-8.33"
              />
              <circle
                cx="70"
                cy="40"
                r="6.67"
                stroke="#4A90E2"
                stroke-width="2"
              />
              <circle
                cx="19.17"
                cy="42.5"
                r="2.5"
                stroke="#4A90E2"
                stroke-width="2"
              />
              <path
                stroke="#4A90E2"
                stroke-linecap="round"
                stroke-width="2"
                d="M26.67 42.5a7.5 7.5 0 0 0-7.5-7.5m-7.5 7.5a7.5 7.5 0 0 0 7.5 7.5"
              />
              <circle
                cx="53.33"
                cy="66.67"
                r="3.33"
                stroke="#4A90E2"
                stroke-width="2"
              />
              <path
                stroke="#4A90E2"
                stroke-linecap="round"
                stroke-width="2"
                d="M45 66.67c0 4.6 3.73 8.33 8.33 8.33"
              />
              <circle cx="19.17" cy="65.83" r="2.5" fill="#4A90E2" />
              <circle cx="32.5" cy="10.83" r="2.5" fill="#4A90E2" />
            </g>
            <path
              fill="#DDE4EB"
              d="M309.1 302.8a19.4 19.4 0 0 0-19.4-19.4H177.14a19.4 19.4 0 0 0 0 38.8h11.65a19.4 19.4 0 1 1 0 38.8H63.63a19.4 19.4 0 0 1-19.4-19.4v-.48a18.92 18.92 0 0 1 18.92-18.92 18.92 18.92 0 0 0 18.91-18.92v-.48a19.4 19.4 0 0 0-19.4-19.4H38.4a19.4 19.4 0 0 1 0-38.8h87.33a19.4 19.4 0 0 0 0-38.8h-11.65a19.4 19.4 0 1 1 0-38.8h200.84a19.4 19.4 0 0 1 0 38.8h-36.87a19.4 19.4 0 0 0 0 38.8H390.6a19.4 19.4 0 0 1 0 38.8h-11.65a19.4 19.4 0 0 0-19.4 19.4v.48a18.92 18.92 0 0 0 18.92 18.92 18.92 18.92 0 0 1 18.92 18.92v.48a19.4 19.4 0 0 1-19.4 19.4h-99.94a19.4 19.4 0 0 1 0-38.8h11.65a19.4 19.4 0 0 0 19.4-19.4z"
            />
            <g
              stroke-width="2"
              transform="rotate(-30 693.38531629 74.76561894)"
            >
              <rect
                width="72.05"
                height="22.36"
                x="25.68"
                y="7.09"
                fill="#FFF"
                stroke="#0D2B3E"
                rx="11.18"
              />
              <rect
                width="72.05"
                height="34.54"
                x="1"
                y="1"
                fill="#FFF"
                stroke="#0D2B3E"
                rx="17.27"
              />
              <ellipse
                cx="18.51"
                cy="18.27"
                stroke="#4A90E2"
                rx="17.51"
                ry="17.27"
                style="mix-blend-mode: multiply"
              />
            </g>
            <path
              fill="#E0EEFF"
              d="M120.056 377.079l27.34-15.999L196 398.001 168.66 414zM21.329 303.999L48.669 288l48.604 36.921-27.34 15.999z"
              opacity=".58"
            />
            <path
              stroke="#0D2B3E"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M107.4 354.78l20.25 15.12-20.25-15.12zM75.76 332.1l10.12 7.56-10.12-7.56z"
            />
            <path
              stroke="#4A90E2"
              stroke-width="2"
              d="M115.52 377.19l46.88 35.6 25.48-14.9-46.89-35.6-25.47 14.9zm58.96 27.99l-46.83-36.54 46.83 36.54zM16.8 304.11l46.88 35.6 25.47-14.9-46.88-35.6L16.8 304.1zm58.96 29.25l-46.84-36.54 46.84 36.54z"
            />
            <path
              stroke="#8DDCFF"
              stroke-linecap="round"
              stroke-width="2"
              d="M169.42 329.58a30.3 30.3 0 0 0-30.38-30.24m21.52 31.5a21.47 21.47 0 0 0-21.52-21.42"
            />
            <path
              fill="#FFF"
              fill-rule="nonzero"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M363.8119003 126.44094699c2.51661541-6.60148066 6.09613872-22.6187686-2.2109135-24.895539-8.3168685-2.2748623-10.42540197 10.4614671-16.03584328 18.70341761-10.59995244 15.53804391-23.66683084 23.41606326-43.2306606 27.21888653-7.11679709 1.38336522-14.27332024 1.40937203-21.21489804.130389-6.98465907-1.29098322-13.7264579 3.27938314-15.03870592 10.20705267a12.7 12.7 0 0 0 10.24523714 14.86828894 82.91 82.91 0 0 0 30.8739962-.17423743c28.42792323-5.5258285 46.57886712-19.68941689 56.611788-46.05825832z"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M361.7030833 130.52842676l-17.8049339-7.7449551"
            />
            <path
              fill="#FFF"
              fill-rule="nonzero"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M266.54686983 241.69757868l16.77256314 26.0176618a41.79 41.79 0 0 1 54.9786567 8.5873516l8.01291943 14.232555 39.8983953-23.55575834-24.11546673-10.38943521a72.65 72.65 0 0 0-95.54897593-14.90219112z"
            />
            <path
              fill="#FFF"
              fill-rule="nonzero"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M237.8794903 217.16687444l-11.75143341 28.63844816a47.76 47.76 0 0 1 29.336647 40.02772592 47.59 47.59 0 0 1-9.23738334 32.6626813l-11.68590493 13.9867518 37.64817267 31.6885988-1.18280452-27.15319085a78.6 78.6 0 0 0 15.2180959-53.88374576 78.74 78.74 0 0 0-48.34538937-65.96726937z"
            />
            <path
              fill="#E5F7FF"
              d="M212.38792337 148.28534705l-12.63354185 2.45571177 22.40860842 115.28229643 12.63354185-2.45571177z"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M277.14421373 136.00361432l-58.67185675 11.40465366-8.69325783-44.72293448a29.885 29.885 0 1 1 58.67185675-11.40465366l8.69325783 44.72293448z"
            />
            <path
              fill="#FFF"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M266.45521183 136.46158627l-5.90935459-30.40099387c-1.90427377-9.79663929-11.36964991-16.19817461-21.13684039-14.2996251s-16.13355271 11.38765018-14.23118703 21.1744732l5.90935459 30.40099388"
            />
            <path
              stroke="#0D2B3E"
              stroke-width="2"
              d="M199.41437503 150.51172155l87.71820511-17.05069183 22.52118573 115.86145646-87.71820512 17.05069183-22.52118572-115.86145646z"
            />
            <path
              fill="#FFF"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M287.13258014 133.46102972l22.52118573 115.86145646-75.09447954 14.59688815-22.52118572-115.86145646 75.09447953-14.59688815z"
            />
            <path
              fill="#FFF"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M291.89999763 154.8951691l6.86065974 4.63610266 9.58051965 49.28750088-49.1402568 9.55189831-6.86065974-4.63610267-9.58242774-49.29731715 49.1402568-9.55189831z"
            />
            <path
              fill="#FFF"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M298.87323467 160.1104318l-48.56109676 9.439321 9.46794235 48.70834085 48.56109676-9.439321z"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M280.23508038 323.43753826l-27.22702477-17.43517197"
            />
            <path
              fill="#FFF"
              fill-rule="nonzero"
              stroke="#0D2B3E"
              stroke-width="2"
              d="M172.12419639 259.31801112c2.31538206 6.67076501 9.8636495 21.23813123 17.69252677 17.64835676 7.83678545-3.60149884 1.26419427-14.7216987.27446604-24.63498464-1.87754554-18.72579298 3.06823431-33.16477708 15.6036019-48.65116657a56.95 56.95 0 0 1 16.17568934-13.73888912 12.91 12.91 0 0 0 4.954421-17.48662668 12.7 12.7 0 0 0-17.40510779-4.79708482 82.91 82.91 0 0 0-23.5305555 19.97687308c-18.2294437 22.51194976-23.0325701 45.02200255-13.76504176 71.68352199z"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M189.24009043 249.42029566l-19.63254367 3.8161799"
            />
            <path
              stroke="#0D2B3E"
              stroke-width="2"
              d="M275.89003883 328.33662123l-25.60278694-16.41637296m107.79044764-58.64485824l-21.48773566 20.47625982"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M352.8061952 248.16739216l-21.48773565 20.47625982"
            />
            <path
              stroke="#4A90E2"
              stroke-width="2"
              d="M293.81436735 168.98883038l-10.79789902 2.09889895 2.09889895 10.79789902 10.79789901-2.09889895z"
            />
            <path
              stroke="#7ED7FF"
              stroke-width="2"
              d="M297.24892926 186.65811968l-4.90813592.95404498.95404498 4.90813592 4.90813592-.95404498zM285.46940306 188.94782763l-4.90813592.95404498.95404498 4.90813591 4.90813592-.95404497zM265.34717903 174.52229125l-4.90813592.95404498 6.48750584 33.37532423 4.90813592-.95404497zM276.14507804 172.4233923l-3.92650873.76323598.38161799 1.96325437 3.92650873-.76323598z"
            />
            <circle cx="401" cy="44" r="6" fill="#9AC2F0" />
            <path
              stroke="#031836"
              stroke-linecap="round"
              stroke-width="2"
              d="M398 53a6 6 0 1 0-6-6"
            />
            <circle cx="90" cy="164" r="6" fill="#9AC2F0" />
            <path
              stroke="#031836"
              stroke-linecap="round"
              stroke-width="2"
              d="M87 173a6 6 0 1 0-6-6"
            />
            <path
              fill="#031836"
              d="M400.75 335h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1zM416 349.75v.5a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM401.25 365h-.5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM386 350.25v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v.5a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zM14.75 202h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1zM30 216.75v.5a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM15.25 232h-.5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM0 217.25v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v.5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zM224.75 7h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zM240 21.75v.5a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM225.25 37h-.5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM210 22.25v-.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v.5a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1z"
            />
            <circle cx="377" cy="173" r="4" fill="#031836" />
            <circle cx="255" cy="403" r="4" fill="#031836" />
          </g>
        </svg>
      </div>

      <div>
        <h1 class="text-error-title font-normal mb-1">404</h1>
        <p class="text-error-subtitle mb-6">{{ __('Whoops') }}&hellip;</p>
        <p class="text-error-message mb-8 leading-normal">
          {{
            __(
              "We're lost in space. The page you were trying to view does not exist."
            )
          }}
        </p>
        <router-link
          :to="{ name: 'dashboard' }"
          class="dim btn btn-lg btn-default btn-white text-90 no-text-shadow tracking-wide uppercase"
        >
          {{ __('Go Home') }}
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  metaInfo() {
    return {
      title: 'Page Not Found',
    }
  },
}
</script>
