<template>
  <q-icon
    class="absolute-center material-icons-round\"
    size="256px"
    color="#494949"
    key="all_inbox"
    style="z-index: -1;"
  >
    <svg
      v-if="mode === 'memocast'"
      id="svg"
      version="1.1"
      viewBox="0, 0, 400,400"
    >
      <g id="svgg">
        <path
          id="path0"
          d="M266.113 119.077 C 265.791 119.248,264.446 120.058,263.124 120.876 C 260.595 122.441,256.273 125.090,253.868 126.549 C 253.083 127.026,251.826 127.801,251.074 128.273 C 247.868 130.285,240.895 134.581,240.638 134.702 C 240.485 134.775,239.407 135.433,238.244 136.165 C 235.925 137.623,232.853 139.510,231.934 140.040 C 231.611 140.226,229.326 141.634,226.855 143.168 C 224.385 144.703,221.572 146.432,220.605 147.011 C 219.639 147.589,218.101 148.524,217.188 149.089 C 216.274 149.653,214.692 150.620,213.672 151.237 C 210.876 152.928,209.749 154.447,210.634 155.333 C 210.853 155.552,216.340 158.899,223.133 162.957 C 223.342 163.082,224.505 163.821,225.718 164.600 C 228.254 166.228,228.611 166.293,230.118 165.409 C 231.107 164.829,235.062 162.277,236.174 161.502 C 236.465 161.299,236.747 161.133,236.802 161.133 C 236.891 161.133,238.537 160.087,242.188 157.711 C 243.449 156.890,245.870 155.343,247.771 154.143 C 248.318 153.798,248.823 153.516,248.895 153.516 C 248.966 153.516,249.024 180.207,249.022 212.829 C 249.019 260.364,249.068 272.174,249.265 272.302 C 249.524 272.470,267.290 272.434,267.434 272.266 C 267.513 272.173,267.863 205.784,268.096 146.552 L 268.202 119.569 267.792 119.160 C 267.307 118.675,266.907 118.655,266.113 119.077 M121.816 119.460 C 121.599 119.678,121.652 141.770,121.871 142.179 C 122.036 142.488,122.918 143.087,124.316 143.839 C 124.822 144.110,127.556 145.732,132.910 148.934 C 135.273 150.348,137.734 151.812,138.379 152.188 C 139.023 152.564,140.386 153.384,141.406 154.011 C 142.427 154.637,143.789 155.452,144.434 155.821 C 145.891 156.657,145.965 156.700,150.488 159.385 C 152.529 160.596,154.668 161.859,155.241 162.190 C 155.814 162.522,156.429 162.881,156.608 162.989 C 161.153 165.718,167.064 169.249,170.508 171.290 C 172.925 172.724,178.022 175.761,181.836 178.039 C 185.649 180.318,189.077 182.355,189.453 182.567 C 190.011 182.881,191.577 183.797,193.555 184.967 C 193.716 185.062,194.766 185.693,195.889 186.369 C 197.011 187.045,198.242 187.776,198.623 187.993 C 199.004 188.211,200.503 189.102,201.953 189.973 C 203.403 190.843,206.084 192.446,207.910 193.535 C 209.736 194.623,211.362 195.597,211.523 195.698 C 211.685 195.800,213.267 196.736,215.039 197.780 C 220.798 201.169,225.421 203.920,228.809 205.971 C 232.776 208.373,233.190 208.558,233.539 208.080 C 233.899 207.587,233.905 186.945,233.545 186.474 C 233.280 186.128,233.115 186.024,225.879 181.686 C 215.705 175.585,212.962 173.935,205.176 169.230 C 200.771 166.568,196.685 164.112,196.094 163.771 C 194.832 163.043,192.185 161.446,191.211 160.825 C 190.835 160.585,188.198 158.987,185.352 157.275 C 182.505 155.562,179.736 153.892,179.199 153.562 C 177.758 152.678,161.970 143.204,153.320 138.034 C 149.185 135.561,145.273 133.209,144.629 132.806 C 143.984 132.404,143.091 131.867,142.643 131.613 C 142.195 131.360,141.185 130.749,140.397 130.257 C 137.190 128.253,131.409 124.779,123.828 120.301 C 122.328 119.415,121.999 119.278,121.816 119.460 M291.193 146.045 C 289.952 146.878,287.973 148.150,278.613 154.133 C 275.333 156.230,274.972 156.494,274.816 156.904 C 274.698 157.215,274.316 242.745,274.316 269.010 C 274.316 272.866,273.198 272.461,283.833 272.461 L 292.591 272.461 292.756 272.021 C 292.847 271.780,292.932 265.474,292.945 258.008 C 292.958 250.542,293.016 242.324,293.073 239.746 C 293.131 237.168,293.263 217.964,293.366 197.070 C 293.469 176.177,293.612 156.213,293.683 152.707 L 293.812 146.333 293.301 145.823 C 292.638 145.160,292.491 145.175,291.193 146.045 M110.470 145.817 C 110.319 146.211,110.368 248.913,110.526 262.305 L 110.645 272.363 119.238 272.418 C 123.965 272.447,128.037 272.422,128.287 272.361 L 128.741 272.251 128.629 256.389 C 128.568 247.665,128.473 236.968,128.420 232.617 C 128.366 228.267,128.275 214.775,128.217 202.637 C 128.160 190.498,128.063 180.061,128.002 179.443 C 127.929 178.702,127.963 178.320,128.102 178.320 C 128.272 178.320,141.069 185.886,143.262 187.283 C 143.584 187.489,145.649 188.727,147.852 190.034 C 150.054 191.342,152.778 192.967,153.906 193.646 C 155.034 194.325,156.265 195.053,156.641 195.264 C 157.017 195.474,157.983 196.042,158.789 196.524 C 159.595 197.007,162.144 198.528,164.453 199.904 C 166.763 201.281,169.180 202.733,169.824 203.131 C 177.009 207.568,182.385 210.624,183.008 210.625 C 183.517 210.625,184.465 210.172,186.719 208.854 C 188.384 207.880,190.757 206.515,191.992 205.820 C 193.228 205.125,194.590 204.357,195.020 204.114 C 195.449 203.871,196.592 203.225,197.559 202.679 C 201.392 200.512,201.373 200.471,194.727 196.433 C 192.524 195.095,189.602 193.307,188.233 192.459 C 186.863 191.611,185.589 190.829,185.401 190.721 C 184.707 190.321,182.666 189.079,180.957 188.017 C 179.990 187.416,178.452 186.478,177.539 185.931 C 176.626 185.384,174.912 184.344,173.730 183.620 C 172.549 182.896,169.824 181.241,167.676 179.943 C 165.527 178.645,162.627 176.877,161.230 176.014 C 159.834 175.151,158.340 174.230,157.910 173.967 C 157.480 173.704,155.942 172.760,154.492 171.869 C 150.227 169.249,142.960 164.821,140.190 163.155 C 139.575 162.785,138.521 162.138,137.847 161.718 C 137.173 161.298,135.830 160.478,134.863 159.895 C 131.898 158.109,123.684 153.096,120.757 151.286 C 111.230 145.394,110.734 145.130,110.470 145.817 M140.129 206.689 C 140.078 206.824,140.059 221.655,140.087 239.648 L 140.137 272.363 148.202 272.414 C 153.540 272.448,156.397 272.396,156.649 272.261 C 157.039 272.052,157.243 219.381,156.860 217.969 C 156.767 217.629,155.870 216.873,153.901 215.478 C 152.346 214.376,150.020 212.709,148.730 211.773 C 142.002 206.885,140.412 205.946,140.129 206.689 "
          stroke="none"
          fill="#9d9d9d"
          fill-rule="evenodd"
        ></path>
      </g>
    </svg>
    <svg
      v-if="mode === 'loading-background'"
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0, 0, 400,400"
      width="406"
      height="306"
      class="illustration styles_illustrationTablet__1DWOa"
    >
      <rect
        x="103.24"
        y="71.8"
        width="192.92"
        height="140.09"
        transform="translate(399.39 283.68) rotate(-180)"
        fill="#e6e6e6"
      ></rect>
      <path
        d="M291.07,109.31s-4-1.13-5.39,4.93-.74,7.37,2.21,8.89,1.44,11.36-3.93,11.15-9.74-4.55-12.37,0-5.29,38-16.28,30.74-13.45-34.91-13.45-34.91l-19.64-.29v21.69l15.28-.31s2,26.64,23.45,32.59a8.16,8.16,0,0,1,5.67,10.37l-5.77,17.71h33.21l0-23.36S295.64,116,291.07,109.31Z"
        opacity="0.05"
      ></path>
      <ellipse
        cx="292.6"
        cy="238.59"
        rx="57.66"
        ry="8.59"
        fill="#e6e6e6"
        opacity="0.45"
      ></ellipse>
      <ellipse
        cx="90.58"
        cy="238.59"
        rx="50.35"
        ry="8.59"
        fill="#e6e6e6"
        opacity="0.45"
      ></ellipse>
      <path
        d="M334.76,230s5.88-1.58,7.18-7c0,0-9.09-1.88-9.39,7.51Z"
        fill="#8A8A8C"
        opacity="0.58"
      ></path>
      <path
        d="M334,229.43s4.13-6.46.55-12.54a10.44,10.44,0,0,0-3.9,12.54Z"
        fill="#8A8A8C"
        opacity="0.73"
      ></path>
      <path
        d="M333,229.43s-2.14-6.85-8.68-8.18c0,0-1.25,4.44,4.2,8.18Z"
        fill="#8A8A8C"
      ></path>
      <polygon
        points="337.25 229.3 336.02 237.43 328.53 237.43 327.46 229.3 337.25 229.3"
        fill="#24285b"
      ></polygon>
      <path
        d="M290.1,130.12s-12.49-1.67-15,8.77-2.86,24.89-12.9,27.78-15.58-17.17-15.58-17.17-2.33-5.63-4.84-6.4-4.3,4.79,0,8.19c0,0,3.63,25.62,22.86,24.72S290.1,148.7,290.1,130.12Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M290.1,130.12s-12.49-1.67-15,8.77-2.86,24.89-12.9,27.78-15.58-17.17-15.58-17.17-2.33-5.63-4.84-6.4-4.3,4.79,0,8.19c0,0,3.63,25.62,22.86,24.72S290.1,148.7,290.1,130.12Z"
        opacity="0.08"
      ></path>
      <path
        d="M290.1,130.12s-13.41-2.65-15.29,8.19a81.21,81.21,0,0,1-5.19,18.09l10.24,3.32Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M290.1,130.12s-13.41-2.65-15.29,8.19a81.21,81.21,0,0,1-5.19,18.09l10.24,3.32Z"
        fill="#fff"
        opacity="0.46"
      ></path>
      <path
        d="M290.74,112.51a25.18,25.18,0,0,0-2,6.38,2,2,0,0,0,1.82,2.22,4.46,4.46,0,0,0,4.44-1.94l2.35-2.88a3.61,3.61,0,0,0-.16-4.18C295.61,109.79,291.67,110.23,290.74,112.51Z"
        fill="#f4a28c"
      ></path>
      <polygon
        points="296.44 116.95 297.39 130.12 290.1 130.12 292.28 120.78 296.44 116.95"
        fill="#f4a28c"
      ></polygon>
      <path
        d="M289.77,114.86l-1.59,1.06a.65.65,0,0,0,0,1.09l1.34.81Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M292.22,121a4.91,4.91,0,0,0,2.37-1.13s.48,2.85-3,3.81Z"
        fill="#ce8172"
        opacity="0.31"
      ></path>
      <path
        d="M294.06,116.79s.57-1.45,1.62-.93.25,2.61-1.31,2.25Z"
        fill="#f4a28c"
      ></path>
      <polygon
        points="276.92 205.1 270.75 233.14 274.34 233.14 286.34 205.1 276.92 205.1"
        fill="#f4a28c"
      ></polygon>
      <polygon
        points="296.99 201.7 303.57 233.14 307.18 233.14 306.63 201.47 296.99 201.7"
        fill="#f4a28c"
      ></polygon>
      <path
        d="M270.75,233.14s-2,2.52-4.54,2.4-2.92,3.47,1.18,3.1a22.06,22.06,0,0,0,3.78-.65,6.74,6.74,0,0,1,3.45.12,1.09,1.09,0,0,0,1.17-.46c1.16-1.37-1.69-4.51-1.69-4.51Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M306.91,233.14s2,2.52,4.54,2.4,2.92,3.47-1.17,3.1a21.88,21.88,0,0,1-3.78-.65,6.78,6.78,0,0,0-3.46.12,1.07,1.07,0,0,1-1.16-.46c-1.17-1.37,1.69-4.51,1.69-4.51Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M290.1,130.12h7.29s.5,0,1.36,0c15.91.51,25.15,18.18,16.7,31.67-4.7,7.5-10.31,17.61-10.68,23.65L276.42,184s2.14-18.39-3.11-28.9C273.31,155.11,263.65,138.56,290.1,130.12Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M302.76,139.75s-3.52,7.29-4.36,20.4-20.73-2.38-20.73-2.38l-.92,21.66L305.7,181l2.41-8.78S315.7,158.59,302.76,139.75Z"
        opacity="0.08"
      ></path>
      <rect
        x="274.44"
        y="146.65"
        width="19.03"
        height="29.4"
        transform="translate(584.77 288.54) rotate(173.32)"
        fill="#ffd200"
      ></rect>
      <rect
        x="277.91"
        y="144.88"
        width="8.86"
        height="4.31"
        transform="translate(579.87 260.21) rotate(173.32)"
        fill="#24285b"
      ></rect>
      <polygon
        points="276.75 179.43 305.7 180.96 313.44 210.28 271.59 208.79 276.75 179.43"
        fill="#24285b"
      ></polygon>
      <polygon
        points="273.96 157.81 294.06 165.83 295.12 174.84 276.22 177.06 273.96 157.81"
        opacity="0.08"
      ></polygon>
      <path
        d="M303,141.15A6.17,6.17,0,0,1,313.93,137a26.44,26.44,0,0,1,6.12,17.61c-.24,17.16-2.55,35.74-39.57,15.44l2-5.44s16.43,7.9,23.29,5.34C310.81,168.05,303.52,152.94,303,141.15Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M282.47,164.6s-6.17-2.93-8.8,0,1.55,5.56,6.81,5.44Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M290.1,110.57l-1.27,3.17,5.23,2s.3,3.52-1.55,4.16a3.21,3.21,0,0,0,2.25-1.09,1.26,1.26,0,0,1,1.75-.11l.06.06a11.24,11.24,0,0,0,3.05-5.39c.6-3.1-2.87-3.58-2.87-3.58S292.16,106.57,290.1,110.57Z"
        fill="#24285b"
      ></path>
      <path
        d="M296.75,109.8s.24-3,5.62-2.51,0,7.73,4.42,14.5c0,0-8.13-1.72-8.36-9Z"
        fill="#24285b"
      ></path>
      <path
        d="M296.42,109.59a2.37,2.37,0,0,1,2.6.22c1.52,1,2.19,4.47-.21,5.68C298.81,115.49,300.8,110.73,296.42,109.59Z"
        fill="#ffd200"
      ></path>
      <path
        d="M305.35,159.72h15.77s1.73-23-11.32-26S305.35,159.72,305.35,159.72Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M305.35,159.72h15.77s1.73-23-11.32-26S305.35,159.72,305.35,159.72Z"
        fill="#fff"
        opacity="0.46"
      ></path>
      <rect
        x="230.03"
        y="128.1"
        width="23.65"
        height="19.73"
        transform="translate(483.71 275.94) rotate(-180)"
        fill="#24285b"
      ></rect>
      <polygon
        points="251.22 144.78 245.58 134.72 241.63 142.17 236.85 135.85 232.06 144.78 251.22 144.78"
        fill="#fff"
        opacity="0.62"
      ></polygon>
      <circle cx="240.76" cy="133.59" r="1.88" fill="#fff"></circle>
      <path
        d="M117.51,139.45l-12.54.34-4.13,72.09h18c1-3.43,3.6-21.27,13.38-31.6,9.62-10.17,48.9-36.53,34.51-54.33-7-8.67-18.76,24.43-18.76,24.43l-18.52,2.2,1.27-.66Z"
        opacity="0.05"
      ></path>
      <polygon
        points="89.87 121.45 91.95 127.68 87.02 130.81 85.25 120.02 89.87 121.45"
        fill="#f4a28c"
      ></polygon>
      <path
        d="M83.56,114A3.87,3.87,0,0,1,90,112.93c2.09,2.24,4.62,5.8,1.76,7.73-4.37,3-8.39-2.57-8.39-2.57A7,7,0,0,1,83.56,114Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M86.76,117.82s-1.13-.94-1.63.4,1.47,2,2.06,1.3S86.76,117.82,86.76,117.82Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M76.86,134S56.6,146.22,53.93,175a10,10,0,0,0,7.57,10.67l23.75,5.73Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M76.86,134S56.6,146.22,53.93,175a10,10,0,0,0,7.57,10.67l23.75,5.73Z"
        fill="#fff"
        opacity="0.2"
      ></path>
      <rect
        x="57.36"
        y="175.01"
        width="34.26"
        height="22.4"
        transform="translate(-70.96 48.12) rotate(-24.68)"
        fill="#ffd200"
      ></rect>
      <path
        d="M87.38,116.21s2.32,6.66-1.73,6.24-1.84-3.28-3.85-6.24-1-5,2.12-7.57c1.41-1.19,2.35-1.75,2.92-2.38a2.18,2.18,0,0,1,3.65.52C91.54,109.34,91.55,112.76,87.38,116.21Z"
        fill="#24285b"
      ></path>
      <path
        d="M72.17,140a16.29,16.29,0,0,1,10.22-8.93c8.67-2.6,25.12-8.06,30,0,6.65,11.09-3.59,54.64-3.59,54.64L79.67,188S63.66,159.11,72.17,140Z"
        fill="#8A8A8C"
      ></path>
      <polygon
        points="108.78 185.73 104.95 235.78 98.9 235.78 93.49 196.89 80.11 187.99 108.78 185.73"
        fill="#24285b"
      ></polygon>
      <polygon
        points="80.11 187.99 71.76 235.78 78.25 235.78 92.26 196.08 80.11 187.99"
        fill="#24285b"
      ></polygon>
      <path
        d="M84.91,130.29s-13.62,43.86,25.7,46.76l-1.83,8.68L79.67,188a75.56,75.56,0,0,1-9.82-38.73s.25-11.18,8.12-16.13A17.82,17.82,0,0,1,84.91,130.29Z"
        opacity="0.08"
      ></path>
      <path
        d="M72.94,235.78l-4,3a.89.89,0,0,0,.52,1.6h6.75a.89.89,0,0,0,.89-.88v-3.68Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M104.78,235.78l3.79,3a.89.89,0,0,1-.55,1.6h-4.81a2.56,2.56,0,0,1-2.56-2.56v-2Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M164.32,126.58,160,125.31,140.81,142h0a10.61,10.61,0,0,1-10.44,2,23.73,23.73,0,0,1-12.55-10c-6.88-11.16-18.57-7.13-18.57-7.13s-8.81,8.68,8.64,23.57c10.42,8.89,21.09,9.45,28,8.46a23.89,23.89,0,0,1,2.54-.17,6.57,6.57,0,0,0,2.37-.53,26.26,26.26,0,0,0,2.71-1.35h0C150.59,152.76,158.22,144.1,164.32,126.58Z"
        fill="#8A8A8C"
      ></path>
      <path
        d="M164.32,126.58,160,125.31,140.81,142h0a10.61,10.61,0,0,1-10.44,2,23.73,23.73,0,0,1-12.55-10c-6.88-11.16-18.57-7.13-18.57-7.13s-8.81,8.68,8.64,23.57c10.42,8.89,21.09,9.45,28,8.46a23.89,23.89,0,0,1,2.54-.17,6.57,6.57,0,0,0,2.37-.53,26.26,26.26,0,0,0,2.71-1.35h0C150.59,152.76,158.22,144.1,164.32,126.58Z"
        fill="#fff"
        opacity="0.2"
      ></path>
      <path
        d="M160,125.31s2.43-7,4.36-7.49,0,3.74,0,3.74,5.3,2.6,0,5Z"
        fill="#f4a28c"
      ></path>
      <path
        d="M181.07,143.75l-4.1,5.14a26.92,26.92,0,0,0-5.74,19.39l.79,8,12-10.9Z"
        fill="#878787"
        opacity="0.55"
      ></path>
      <path
        d="M209.86,143.75l4.1,5.14a26.88,26.88,0,0,1,5.74,19.39l-.78,8-12-10.9Z"
        fill="#878787"
        opacity="0.55"
      ></path>
      <path
        d="M190,167.08s3.74,22-2.41,23.85-9-8.08-17.12-2.17,2.29,12.42-12.05,10.61-19.9,5.26-16.52,12.51H247.73s5.31-6.73-.6-11.31a11.21,11.21,0,0,0-9.1-2,3,3,0,0,1-3.5-3c.06-2.17-.31-4.63-2-6.13-2-1.83-6.25.08-9.41,2a18.92,18.92,0,0,1-12,2.7c-3.67-.44-7.43-1.66-8.45-4.68-2.17-6.39-.85-22.81-.85-22.81Z"
        fill="#fff"
        opacity="0.55"
      ></path>
      <path
        d="M195.48,98.11s-30.3,16.63-11.45,67.26h22.91C225.79,114.74,195.48,98.11,195.48,98.11Z"
        fill="#c1c1c1"
      ></path>
      <polygon
        points="206.94 165.37 205.92 169.25 185.13 169.25 184.03 164.91 206.94 165.37"
        fill="#878787"
      ></polygon>
      <circle cx="195.7" cy="127.81" r="7.78" fill="#e6e6e6"></circle>
      <circle cx="117.03" cy="86.09" r="4.87" fill="#ffd200"></circle>
      <circle cx="130.73" cy="86.09" r="4.87" fill="#8A8A8C"></circle>
      <circle cx="143.86" cy="86.09" r="4.87" fill="#24285b"></circle>
      <rect
        x="216.87"
        y="57.16"
        width="65.6"
        height="45.49"
        fill="#f4f4f4"
      ></rect>
      <rect
        x="232.39"
        y="83.4"
        width="7.38"
        height="9.44"
        fill="#c1c1c1"
      ></rect>
      <rect
        x="246.18"
        y="76.14"
        width="7.38"
        height="16.7"
        fill="#c1c1c1"
      ></rect>
      <rect
        x="259.71"
        y="68.73"
        width="7.38"
        height="24.11"
        fill="#c1c1c1"
      ></rect>
    </svg>
    <svg
      v-if="mode === 'collaboration'"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="200"
      height="200"
      viewBox="0 0 200 200"
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="-24.574"
          y1="549.935"
          x2="-24.574"
          y2="548.935"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.03" stop-color="#92c1fc" stop-opacity="0.4" />
          <stop offset="0.25" stop-color="#92c1fc" stop-opacity="0.2" />
          <stop offset="0.8" stop-color="#187fc4" stop-opacity="0" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-2"
          x1="0.5"
          y1="0"
          x2="0.5"
          y2="1"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-3"
          x1="-57.592"
          y1="270.219"
          x2="-58.592"
          y2="270.219"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#eef2fe" />
          <stop offset="1" stop-color="#cdddfc" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-4"
          x1="-7.371"
          y1="225.732"
          x2="-8.135"
          y2="224.596"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.227" stop-color="#bed4f4" />
          <stop offset="0.789" stop-color="#eaf1fb" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-5"
          x1="-3.856"
          y1="111.198"
          x2="-4.856"
          y2="111.198"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.116" stop-color="#cdddfc" />
          <stop offset="0.847" stop-color="#cdddfc" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-6"
          x1="-2.703"
          y1="48.379"
          x2="-2.703"
          y2="49.379"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#eef2fe" stop-opacity="0.4" />
          <stop offset="1" stop-color="#cdddfc" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-7"
          x1="-9.527"
          y1="328.319"
          x2="-8.527"
          y2="328.319"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.15" stop-color="#b1cbea" />
          <stop offset="1" stop-color="#a6b0e7" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-8"
          x1="-4.312"
          y1="197.664"
          x2="-4.312"
          y2="198.664"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#eef2fe" />
          <stop offset="0.542" stop-color="#cdddfc" />
          <stop offset="1" stop-color="#cdddfc" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-9"
          x1="-14.924"
          y1="167.886"
          x2="-14.924"
          y2="168.886"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#ff7953" />
          <stop offset="0.994" stop-color="#ffb34a" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-10"
          x1="-56.602"
          y1="534.213"
          x2="-56.602"
          y2="533.213"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#f4ae98" />
          <stop offset="1" stop-color="#fad1bb" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-11"
          x1="11.609"
          y1="167.975"
          x2="12.599"
          y2="167.905"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.036" stop-color="#ff7e12" />
          <stop offset="0.994" stop-color="#ffbb65" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-12"
          x1="495.625"
          y1="134.03"
          x2="494.635"
          y2="134.099"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#ff6612" />
          <stop offset="0.994" stop-color="#ffbb65" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-13"
          x1="-48.682"
          y1="404.282"
          x2="-48.682"
          y2="403.278"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#f4b9a4" />
          <stop offset="0.652" stop-color="#fad1bb" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-14"
          x1="1088.291"
          y1="911.226"
          x2="1089.291"
          y2="911.226"
          xlink:href="#linear-gradient-13"
        />
        <linearGradient
          id="linear-gradient-15"
          x1="-72.949"
          y1="911.226"
          x2="-71.949"
          y2="911.226"
          xlink:href="#linear-gradient-13"
        />
        <linearGradient
          id="linear-gradient-17"
          x1="-56.251"
          y1="243.473"
          x2="-56.251"
          y2="244.473"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0.227" stop-color="#86bcff" />
          <stop offset="0.789" stop-color="#c8e7fa" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-18"
          x1="-1648.328"
          y1="221.669"
          x2="-1648.328"
          y2="220.669"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#ecf1fb" />
          <stop offset="0.818" stop-color="#7db0e7" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-19"
          x1="-116.958"
          y1="1187.929"
          x2="-116.958"
          y2="1188.929"
          xlink:href="#linear-gradient-17"
        />
        <linearGradient
          id="linear-gradient-20"
          x1="-3796.446"
          y1="738.133"
          x2="-3796.446"
          y2="737.133"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#dde1f6" />
          <stop offset="0.818" stop-color="#a6a8e2" />
        </linearGradient>
      </defs>
      <g id="网络错误" transform="translate(-1288 -65)">
        <rect
          id="矩形_4409"
          data-name="矩形 4409"
          width="200"
          height="200"
          transform="translate(1288 65)"
          fill="#828282"
          opacity="0"
        />
        <g
          id="组_4794"
          data-name="组 4794"
          transform="translate(1191.542 -229.091)"
        >
          <path
            id="路径_9237"
            data-name="路径 9237"
            d="M105.822,354.929c.593-.992,1.906-1.742,4.715-1.208,0,0,4.475-7.872,11.489-.716,0,0,4.18-.979,5.254,2.133a2.709,2.709,0,0,1-1.638,3.394c-3.6,1.364-11.85,3.736-18.686.137A2.69,2.69,0,0,1,105.822,354.929Z"
            transform="translate(0 1.027)"
            fill="url(#linear-gradient)"
          />
          <path
            id="路径_9238"
            data-name="路径 9238"
            d="M209.942,322.426s19.748-32.72,39.3-15.1c2.517,2.517,8.519-3.291,13.358,0,1.549.58,10.649-9.487,19.748,5.034s-3.871,10.067-3.871,10.067Z"
            transform="translate(2.241 0)"
            fill="url(#linear-gradient-2)"
          />
          <path
            id="路径_9239"
            data-name="路径 9239"
            d="M194.777,309.7a4.7,4.7,0,1,0-6.265,4.428V326.81h3.134V314.128A4.7,4.7,0,0,0,194.777,309.7Z"
            transform="translate(1.714 0.062)"
            fill="url(#linear-gradient-3)"
          />
          <path
            id="路径_9240"
            data-name="路径 9240"
            d="M156.146,345.4s8.117-25.063,34.536-25.063,32.258,24.566,32.4,25.99C207.915,346.325,156.146,345.4,156.146,345.4Z"
            transform="translate(1.087 0.391)"
            fill="url(#linear-gradient-4)"
          />
          <ellipse
            id="椭圆_235"
            data-name="椭圆 235"
            cx="56.705"
            cy="27.593"
            rx="56.705"
            ry="27.593"
            transform="translate(135.633 332.188)"
            fill="#4084f2"
          />
          <ellipse
            id="椭圆_236"
            data-name="椭圆 236"
            cx="56.705"
            cy="26.158"
            rx="56.705"
            ry="26.158"
            transform="translate(135.633 335.464)"
            fill="url(#linear-gradient-5)"
          />
          <path
            id="路径_9241"
            data-name="路径 9241"
            d="M160.581,366.349l63.433.39,57.731,109.882s-105.993,15.212-171.922,0C141.774,408.128,160.581,366.349,160.581,366.349Z"
            transform="translate(0.094 1.377)"
            fill="url(#linear-gradient-6)"
          />
          <ellipse
            id="椭圆_237"
            data-name="椭圆 237"
            cx="31.734"
            cy="14.86"
            rx="31.734"
            ry="14.86"
            transform="translate(160.605 353.979)"
            fill="#f2f7fc"
          />
          <ellipse
            id="椭圆_238"
            data-name="椭圆 238"
            cx="6.219"
            cy="5.174"
            rx="6.219"
            ry="5.174"
            transform="translate(143.988 357.351)"
            fill="#74a0fa"
          />
          <ellipse
            id="椭圆_239"
            data-name="椭圆 239"
            cx="6.104"
            cy="4.202"
            rx="6.104"
            ry="4.202"
            transform="translate(144.103 357.347)"
            fill="#f2f7fc"
          />
          <ellipse
            id="椭圆_240"
            data-name="椭圆 240"
            cx="6.219"
            cy="5.174"
            rx="6.219"
            ry="5.174"
            transform="translate(156.617 345.196)"
            fill="#74a0fa"
          />
          <ellipse
            id="椭圆_241"
            data-name="椭圆 241"
            cx="6.104"
            cy="4.202"
            rx="6.104"
            ry="4.202"
            transform="translate(156.732 345.196)"
            fill="#f2f7fc"
          />
          <ellipse
            id="椭圆_242"
            data-name="椭圆 242"
            cx="6.219"
            cy="5.174"
            rx="6.219"
            ry="5.174"
            transform="translate(185.243 339.716)"
            fill="#74a0fa"
          />
          <ellipse
            id="椭圆_243"
            data-name="椭圆 243"
            cx="6.104"
            cy="4.202"
            rx="6.104"
            ry="4.202"
            transform="translate(185.358 339.712)"
            fill="#f2f7fc"
          />
          <ellipse
            id="椭圆_244"
            data-name="椭圆 244"
            cx="6.219"
            cy="5.174"
            rx="6.219"
            ry="5.174"
            transform="translate(214.291 343.979)"
            fill="#74a0fa"
          />
          <ellipse
            id="椭圆_245"
            data-name="椭圆 245"
            cx="6.104"
            cy="4.202"
            rx="6.104"
            ry="4.202"
            transform="translate(214.406 343.979)"
            fill="#f2f7fc"
          />
          <ellipse
            id="椭圆_246"
            data-name="椭圆 246"
            cx="6.219"
            cy="5.174"
            rx="6.219"
            ry="5.174"
            transform="translate(229.886 356.298)"
            fill="#74a0fa"
          />
          <ellipse
            id="椭圆_247"
            data-name="椭圆 247"
            cx="6.104"
            cy="4.202"
            rx="6.104"
            ry="4.202"
            transform="translate(230.001 356.298)"
            fill="#f2f7fc"
          />
          <path
            id="路径_9242"
            data-name="路径 9242"
            d="M220.735,362.42c-4.577-5.573-16.116-9.53-29.629-9.53-12.254,0-22.885,3.253-28.174,8.014,2.965,3.674,10.524,9.645,28.315,9.645C206.958,370.549,216.043,365.975,220.735,362.42Z"
            transform="translate(1.232 1.089)"
            fill="url(#linear-gradient-7)"
          />
          <ellipse
            id="椭圆_248"
            data-name="椭圆 248"
            cx="57.222"
            cy="14.069"
            rx="57.222"
            ry="14.069"
            transform="translate(137.627 462.16)"
            fill="url(#linear-gradient-8)"
          />
          <path
            id="路径_9243"
            data-name="路径 9243"
            d="M185.076,413.027s-4.9,1.182-5.846,5.423c-1.979.483-8.638,4.067-3.61,11.985,2.537,3.106,2.923,3.631,2.923,3.631l14.527-4.287V411.455Z"
            transform="translate(1.465 2.345)"
            fill="#0f244d"
          />
          <path
            id="路径_9244"
            data-name="路径 9244"
            d="M189.886,422.769s-8.138-1.127-10.781,2.614-3.61,13.31-3.61,13.31l6.126-.322-.517,11.151,11.3,6.625,16.1-8.659-2.449-10.1,5.143-1.343s-1.533-14.663-8.688-12.5a36.06,36.06,0,0,1-4.834.326,4.159,4.159,0,0,1-4.287,2.821C190.069,426.433,189.886,422.769,189.886,422.769Z"
            transform="translate(1.502 2.584)"
            fill="url(#linear-gradient-9)"
          />
          <path
            id="路径_9245"
            data-name="路径 9245"
            d="M190.416,418.28l-1.689,7.541a.74.74,0,0,0,.44.852,12.408,12.408,0,0,0,4.423.961,8.525,8.525,0,0,0,4.435-1.568.743.743,0,0,0,.289-.855l-2.584-7.694a.749.749,0,0,0-.84-.5l-3.876.686A.744.744,0,0,0,190.416,418.28Z"
            transform="translate(1.785 2.464)"
            fill="url(#linear-gradient-10)"
          />
          <path
            id="路径_9246"
            data-name="路径 9246"
            d="M180.64,424.049c2.368-.788,5.579-.258,5.71,5.054s-5.075,13.781-3.21,16.726a62.155,62.155,0,0,0,8.5,9.637,16.685,16.685,0,0,1-2.211,5.224s-9.473-4.372-13.6-8.748-2.042-14.417-.132-21.56C177.137,425,180.64,424.049,180.64,424.049Z"
            transform="translate(1.458 2.608)"
            fill="url(#linear-gradient-11)"
          />
          <path
            id="路径_9247"
            data-name="路径 9247"
            d="M205.024,424.049c-2.368-.788-5.579-.258-5.711,5.054s5.076,13.781,3.211,16.726a62.206,62.206,0,0,1-8.5,9.637,16.685,16.685,0,0,0,2.211,5.224s9.473-4.372,13.6-8.748,2.042-14.417.131-21.56C208.523,425,205.024,424.049,205.024,424.049Z"
            transform="translate(1.899 2.608)"
            fill="url(#linear-gradient-12)"
          />
          <path
            id="路径_9248"
            data-name="路径 9248"
            d="M194.644,417.111s1.72,5.2,1.288,8.092.174,7.041,3.825,8.307,7.135-.872,8.38-4.5.043-6.253-3.008-8.617c.517-2.229-1.995-6.279-6.465-7.723C194.285,412.057,194.644,417.111,194.644,417.111Z"
            transform="translate(1.912 2.37)"
            fill="#0f244d"
          />
          <path
            id="路径_9249"
            data-name="路径 9249"
            d="M188.219,410.516s-2.793,1.97-2.733,4.762,2.3,2.271,2.3,2.271a5.248,5.248,0,0,0,5.085,4.279c4.405.14,5.029-4.266,5.029-4.266a2.029,2.029,0,0,0,2.261-2.262c.051-2.542-1.88-5.953-3.8-6.922S189.719,408.577,188.219,410.516Z"
            transform="translate(1.716 2.271)"
            fill="url(#linear-gradient-13)"
          />
          <path
            id="路径_9250"
            data-name="路径 9250"
            d="M191.091,409.722s-.88,2.537-3.1,2.973-2.411,1.568-2.411,2.627a4.4,4.4,0,0,0,.448,1.876c-1.194-.657-2.825-2.224-1.788-6.545,1-4.173,4.093-6.2,8.252-6.139,3.483-.919,8.638,3.746,8.19,9.812a3.587,3.587,0,0,0-1.945-1.389,3.4,3.4,0,0,1-1.72-2.318C196.12,410.815,192.959,411.251,191.091,409.722Z"
            transform="translate(1.682 2.193)"
            fill="#0f244d"
          />
          <path
            id="路径_9251"
            data-name="路径 9251"
            d="M181.758,464.9h23a2.56,2.56,0,0,0,2.334-1.979l4.634-15.251c.6-1.979-.6-4.084-2.334-4.084H177.33c-1.715,0-2.918,2.067-2.346,4.041l4.427,15.251A2.572,2.572,0,0,0,181.758,464.9Z"
            transform="translate(1.488 3.034)"
            fill="#74a0fa"
          />
          <path
            id="路径_9252"
            data-name="路径 9252"
            d="M211.392,447.666l-4.637,15.26a2.552,2.552,0,0,1-2.319,1.971L190.32,443.59h18.743C210.79,443.59,212,445.694,211.392,447.666Z"
            transform="translate(1.82 3.034)"
            fill="#fff"
            opacity="0.1"
          />
          <path
            id="路径_9253"
            data-name="路径 9253"
            d="M181.03,471.361s-.356-.783-.627-.868-4.207-.242-5.643-.615-5.571-.961-7.346.716a4.753,4.753,0,0,0,.3,6.843c.881.766,1.75.991,5.016.839s8-.118,9.04-1.631A26.738,26.738,0,0,0,181.03,471.361Z"
            transform="translate(1.3 3.589)"
            fill="#fff"
          />
          <path
            id="路径_9254"
            data-name="路径 9254"
            d="M184.41,470.471a27.913,27.913,0,0,1-5.156.728c-1.36-.123-.22,5.346-.22,5.346a22.726,22.726,0,0,0,6.833-.677C186.952,471.674,184.41,470.471,184.41,470.471Z"
            transform="translate(1.568 3.61)"
            fill="url(#linear-gradient-14)"
          />
          <path
            id="路径_9255"
            data-name="路径 9255"
            d="M182.956,470.617l1.974,6.139s42.421-5.588,36.357-19.352C216.221,445.893,182.956,470.617,182.956,470.617Z"
            transform="translate(1.662 3.264)"
            fill="#5f91ed"
          />
          <path
            id="路径_9256"
            data-name="路径 9256"
            d="M180.52,470.759a3.184,3.184,0,0,1,1.75,2.775c.2,2.17-.444,3.622-3.749,4.024a43.363,43.363,0,0,1-6.215.3c-2.071.051-5.08.249-5.524-3.69s3.584-4.944,7.761-3.94C175.86,470.484,180.52,470.759,180.52,470.759Z"
            transform="translate(1.314 3.597)"
            fill="#0f244d"
          />
          <path
            id="路径_9257"
            data-name="路径 9257"
            d="M206.646,471.361s.355-.783.626-.868,4.207-.242,5.643-.615,5.291-.991,7.24.67a4.759,4.759,0,0,1-.131,6.833c-.882.767-1.809,1.046-5.076.894s-8-.118-9.041-1.631A26.7,26.7,0,0,1,206.646,471.361Z"
            transform="translate(2.154 3.588)"
            fill="#fff"
          />
          <path
            id="路径_9258"
            data-name="路径 9258"
            d="M203.1,470.471a27.913,27.913,0,0,0,5.155.728c1.36-.123.221,5.346.221,5.346a22.725,22.725,0,0,1-6.833-.677C200.554,471.674,203.1,470.471,203.1,470.471Z"
            transform="translate(2.057 3.61)"
            fill="url(#linear-gradient-15)"
          />
          <path
            id="路径_9259"
            data-name="路径 9259"
            d="M205.208,470.617l-1.974,6.139s-42.42-5.588-36.357-19.352C171.943,445.893,205.208,470.617,205.208,470.617Z"
            transform="translate(1.304 3.264)"
            fill="#5f91ed"
          />
          <path
            id="路径_9260"
            data-name="路径 9260"
            d="M207.149,470.759a3.186,3.186,0,0,0-1.75,2.775c-.2,2.17.444,3.622,3.749,4.024a43.369,43.369,0,0,0,6.215.3c2.071.051,5.08.249,5.524-3.69s-3.584-4.944-7.761-3.94C211.813,470.484,207.149,470.759,207.149,470.759Z"
            transform="translate(2.142 3.597)"
            fill="#0f244d"
          />
          <path
            id="路径_9261"
            data-name="路径 9261"
            d="M120,316.156s8.172-9.193,16.343-7.15,7.15,1.021,11.236,4.086,12.257-7.15,17.365-2.043,3.064,10.214,0,10.214S116.939,328.414,120,316.156Z"
            transform="translate(0.309 0.141)"
            fill="url(#linear-gradient-2)"
          />
          <g
            id="组_4792"
            data-name="组 4792"
            transform="translate(149.337 450.107)"
          >
            <path
              id="路径_9262"
              data-name="路径 9262"
              d="M153.4,447.041s-.037-.1-.087.006c-.451.919-4.545,10.876-4.87,18.562,0,0-.683,4.415,5.041,4.355,4.778-.048,4.652-4.118,4.634-5.489C158.051,458.913,153.4,447.041,153.4,447.041Z"
              transform="translate(-148.416 -447)"
              fill="url(#linear-gradient-17)"
            />
            <g
              id="组_4791"
              data-name="组 4791"
              transform="translate(4.685 2.551)"
            >
              <path
                id="路径_9263"
                data-name="路径 9263"
                d="M153.169,474.8a.167.167,0,0,1-.166-.168V449.665a.167.167,0,1,1,.334,0v24.968A.167.167,0,0,1,153.169,474.8Z"
                transform="translate(-153.003 -449.497)"
                fill="url(#linear-gradient-18)"
              />
            </g>
          </g>
          <g
            id="组_4793"
            data-name="组 4793"
            transform="translate(159.545 470.008)"
          >
            <circle
              id="椭圆_249"
              data-name="椭圆 249"
              cx="2.344"
              cy="2.344"
              r="2.344"
              fill="url(#linear-gradient-19)"
            />
            <path
              id="路径_9264"
              data-name="路径 9264"
              d="M160.715,474.613a.073.073,0,0,1-.073-.073v-7.405a.073.073,0,1,1,.145,0v7.405A.076.076,0,0,1,160.715,474.613Z"
              transform="translate(-158.362 -466.471)"
              fill="url(#linear-gradient-20)"
            />
          </g>
        </g>
      </g>
    </svg>
  </q-icon>
</template>

<script>
export default {
  name: 'Illustration',
  props: {
    mode: {
      type: String,
      default: 'memocast'
    }
  }
}
</script>

<style scoped></style>
