// Generated by orrery. Edit the diagram spec and re-render instead of editing this file.
import { type SVGProps, useId } from "react";

export default function OrderDesk(props: SVGProps<SVGSVGElement>) {
  const uid = useId().replace(/[^A-Za-z0-9_-]/g, "");
  return (
    <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="584" height="1064" viewBox="0 0 584 1064" role="img" aria-labelledby={`${uid}-sdw-title ${uid}-sdw-desc`} fontFamily="'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" {...props}>
      <title id={`${uid}-sdw-title`}>
        Order desk
      </title>
      <desc id={`${uid}-sdw-desc`}>
        Order desk. 11 components. Connections: Customer orders to Order desk; Order desk to Credit check; Credit check to Within limit?; Within limit? to Pick and pack (yes); Within limit? to Sales manager (no); Sales manager to Pick and pack (signs off); Sales manager to Order declined (declines); Pick and pack to Courier; Courier to Delivered; Pick and pack to Invoice; Invoice to Paid.
      </desc>
      <defs>
        <linearGradient id={`${uid}-bg`} x1="0" y1="0" x2="0.34" y2="0.94">
          <stop offset="0" stopColor="#0e1a24" />
          <stop offset="0.6" stopColor="#0b1012" />
        </linearGradient>
        <pattern id={`${uid}-grid`} width="20" height="20" patternUnits="userSpaceOnUse">
          <path d="M0 0.5H20M0.5 0V20" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="243.5" cy="566" r="396.32">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
        <symbol id={`${uid}-s1`} viewBox="0 0 24 24" overflow="visible">
          <path fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h.5m7.5 7l3.35-3.284a2.143 2.143 0 0 0 .005-3.071a2.24 2.24 0 0 0-3.129-.006l-.224.22l-.223-.22a2.24 2.24 0 0 0-3.128-.006a2.143 2.143 0 0 0-.006 3.071z" />
        </symbol>
        <symbol id={`${uid}-s2`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="M5 17a7 7 0 0 1 14 0" />
            <path d="M3 17.5h18" />
            <path d="M12 10V7.5" />
            <path d="M10.5 7.5h3" />
            <path d="M8.5 14.5a4 4 0 0 1 2-2.3" />
          </g>
        </symbol>
        <symbol id={`${uid}-s3`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="M12 16H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4" />
            <path d="M3 9h16" />
            <circle cx="17" cy="16" r="4" />
            <path d="M15.25 16l1.25 1.25 2.5-2.5" />
          </g>
        </symbol>
        <symbol id={`${uid}-s4`} viewBox="0 0 24 24" overflow="visible">
          <path fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.88" d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h.5m7.3 5.817l-2.172 1.138a.392.392 0 0 1-.568-.41l.415-2.411l-1.757-1.707a.389.389 0 0 1 .217-.665l2.428-.352l1.086-2.193a.392.392 0 0 1 .702 0l1.086 2.193l2.428.352a.39.39 0 0 1 .217.665l-1.757 1.707l.414 2.41a.39.39 0 0 1-.567.411z" />
        </symbol>
        <symbol id={`${uid}-s5`} viewBox="0 0 24 24" overflow="visible">
          <path fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m7-2l4 4m0-4l-4 4" />
        </symbol>
        <symbol id={`${uid}-s6`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
            <path d="M6 11v7.5A1.5 1.5 0 0 0 7.5 20h9a1.5 1.5 0 0 0 1.5-1.5V11" />
            <path d="M3.5 8.5L6 11h12l2.5-2.5" />
            <path d="M10.5 11v2.5h3V11" />
            <path d="M12 3v5.5" />
            <path d="M9.5 6.5L12 9l2.5-2.5" />
          </g>
        </symbol>
        <symbol id={`${uid}-s7`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.88">
            <path d="M5 17a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0" />
            <path d="M5 17H3v-4M2 5h11v12m-4 0h6m4 0h2v-6h-8m0-5h5l3 5M3 9h4" />
          </g>
        </symbol>
        <symbol id={`${uid}-s8`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2">
            <path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0" />
            <path d="m9 12l2 2l4-4" />
          </g>
        </symbol>
        <symbol id={`${uid}-s9`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.88">
            <path d="M14 3v4a1 1 0 0 0 1 1h4" />
            <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 7h1m-1 6h6m-2 4h2" />
          </g>
        </symbol>
        <symbol id={`${uid}-s10`} viewBox="0 0 24 24" overflow="visible">
          <g fill="none" stroke="#919394" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2">
            <path d="M7 15H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" />
            <path d="M7 10a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z" />
            <path d="M12 14a2 2 0 1 0 4 0a2 2 0 0 0-4 0" />
          </g>
        </symbol>
      </defs>
      <rect width="584" height="1064" fill={`url(#${uid}-bg)`} />
      <rect width="584" height="1064" fill={`url(#${uid}-grid)`} />
      <rect width="584" height="1064" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          ORDER DESK
        </tspan>
      </text>
      <text fontSize="11.5" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65.25">
          From order to delivered and paid; three steps use the team&#39;s own icons
        </tspan>
      </text>
      <g id={`${uid}-e-e1`}>
        <path d="M256 148 L256 195.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M252 190 L256 196 L260 190" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M256 148 L256 195.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.163;0.2152;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.163;0.1865;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M252 190 L256 196 L260 190" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2152;0.2387;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M256 254 L256 301.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M252 296 L256 302 L260 296" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M256 254 L256 301.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.2465;0.2987;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2465;0.27;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M252 296 L256 302 L260 296" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2987;0.3222;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M256 358 L256 405.74" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M252 400.24 L256 406.24 L260 400.24" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M256 358 L256 405.74" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.33;0.3822;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.33;0.3535;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M252 400.24 L256 406.24 L260 400.24" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3822;0.4056;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M256 481.76 L256 489.38 Q256 497 263.62 497 L293 497 Q301 497 301 505 L301 771.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M297 766 L301 772 L305 766" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M256 481.76 L256 489.38 Q256 497 248.38 497 L194 497 Q186 497 186 505 L186 598.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M182 593 L186 599 L190 593" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M256 481.76 L256 489.38 Q256 497 248.38 497 L194 497 Q186 497 186 505 L186 598.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.4135;0.4898;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4135;0.4369;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M182 593 L186 599 L190 593" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4898;0.5133;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M186 655 L186 662.5 Q186 670 193.5 670 L214 670 Q222 670 222 678 L222 731 Q222 739 230 739 L293 739 Q301 739 301 747 L301 771.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M297 766 L301 772 L305 766" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M186 655 L186 662.5 Q186 670 193.5 670 L214 670 Q222 670 222 678 L222 731 Q222 739 230 739 L293 739 Q301 739 301 747 L301 771.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5211;0.6157;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5211;0.5446;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M297 766 L301 772 L305 766" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6157;0.6391;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M186 655 L186 662.5 Q186 670 178.5 670 L113 670 Q105 670 105 678 L105 774.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M101 769 L105 775 L109 769" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M301 830 L301 878.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M297 873 L301 879 L305 873" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M301 830 L301 878.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.647;0.6991;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.647;0.6704;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M297 873 L301 879 L305 873" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6991;0.7226;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M301 935 L301 983.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M297 978 L301 984 L305 978" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M301 935 L301 983.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.7304;0.7826;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7304;0.7539;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M297 978 L301 984 L305 978" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7826;0.8061;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M301 830 L301 837.5 Q301 845 308.5 845 L473 845 Q481 845 481 853 L481 877.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M477 872 L481 878 L485 872" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M481 936 L481 983.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M477 978 L481 984 L485 978" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-el-e4`}>
        <rect x="306" y="616.5" width="32" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="322.26" y="630.11">
            YES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e5`}>
        <rect x="191" y="530" width="26" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="204.26" y="543.61">
            NO
          </tspan>
        </text>
        <g opacity="0">
          <rect x="191" y="530" width="26" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="204.26" y="543.61">
              NO
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4135;0.4369;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e6`}>
        <rect x="227" y="703" width="60" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="257.26" y="716.61">
            SIGNS OFF
          </tspan>
        </text>
        <g opacity="0">
          <rect x="227" y="703" width="60" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1" />
          <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#60a5fa" textAnchor="middle">
            <tspan x="257.26" y="716.61">
              SIGNS OFF
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5211;0.5446;0.9;0.9235;1" dur="7.667s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e7`}>
        <rect x="110" y="703" width="58" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.75" fontWeight="700" letterSpacing="0.53" fill="#979899" textAnchor="middle">
          <tspan x="139.26" y="716.61">
            DECLINES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-customer`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1">
          <rect x="172" y="96" width="167" height="52" rx="26" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1">
            <rect x="172" y="96" width="167" height="52" rx="26" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s1`} x="189.41" y="113" width="18" height="18" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="269.96" y="125.99">
            CUSTOMER ORDERS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-desk`}>
        <rect x="164" y="196" width="183" height="58" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="164" y="196" width="183" height="58" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="180" y="209" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="180" y="209" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s2`} x="186.4" y="215.4" width="19.2" height="19.2" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0">
          <tspan x="224" y="220.49">
            ORDER DESK
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b">
          <tspan x="224" y="237.75">
            Phone, mail or web
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-credit`}>
        <rect x="177" y="302" width="158" height="56" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="177" y="302" width="158" height="56" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="193" y="314" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="193" y="314" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s3`} x="199.4" y="320.4" width="19.2" height="19.2" />
        <text fontSize="10.75" fontWeight="700" letterSpacing="0.86" fill="#9d9fa0">
          <tspan x="237" y="333.82">
            CREDIT CHECK
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-limit`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1">
          <path d="M255.5 406 L335 444 L255.5 482 L176 444 Z" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1">
            <path d="M255.5 406 L335 444 L255.5 482 L176 444 Z" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <text fontSize="10.25" fontWeight="700" letterSpacing="0.82" fill="#9d9fa0" textAnchor="middle">
          <tspan x="255.92" y="447.64">
            WITHIN LIMIT?
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-manager`}>
        <rect x="100" y="599" width="171" height="56" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="100" y="599" width="171" height="56" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="116" y="611" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="116" y="611" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s4`} x="122.4" y="617.4" width="19.2" height="19.2" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0">
          <tspan x="160" y="630.99">
            SALES MANAGER
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-declined`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1">
          <rect x="28" y="775" width="154" height="52" rx="26" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1">
            <rect x="28" y="775" width="154" height="52" rx="26" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="45.34" y="792" width="18" height="18" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="119.45" y="804.99">
            ORDER DECLINED
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-pick`}>
        <rect x="212" y="772" width="178" height="58" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="212" y="772" width="178" height="58" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="228" y="785" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="228" y="785" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s6`} x="234.4" y="791.4" width="19.2" height="19.2" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0">
          <tspan x="272" y="796.49">
            PICK AND PACK
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b">
          <tspan x="272" y="813.75">
            Warehouse bench
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-courier`}>
        <rect x="226" y="879" width="150" height="56" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="226" y="879" width="150" height="56" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="242" y="891" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="242" y="891" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="248.4" y="897.4" width="19.2" height="19.2" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0">
          <tspan x="286" y="910.99">
            COURIER
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-delivered`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1">
          <rect x="240" y="984" width="121" height="52" rx="26" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1">
            <rect x="240" y="984" width="121" height="52" rx="26" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="257.42" y="1001" width="18" height="18" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="314.95" y="1013.99">
            DELIVERED
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-invoice`}>
        <rect x="406" y="878" width="150" height="58" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="406" y="878" width="150" height="58" rx="6" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <rect x="422" y="891" width="32" height="32" rx="5.44" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="422" y="891" width="32" height="32" rx="5.44" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s9`} x="428.4" y="897.4" width="19.2" height="19.2" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0">
          <tspan x="466" y="902.49">
            INVOICE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b">
          <tspan x="466" y="919.75">
            Net 30
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-paid`}>
        <g fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1">
          <rect x="427" y="984" width="108" height="52" rx="26" />
        </g>
        <g opacity="0">
          <g fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1">
            <rect x="427" y="984" width="108" height="52" rx="26" />
          </g>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0913;0.1148;0.9165;0.94;1" dur="7.667s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s10`} x="454.32" y="1001" width="18" height="18" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="495.45" y="1013.99">
            PAID
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <path d="M256 148 L256 195.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.163;0.2152;0.2413;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.163;0.1643;0.2413;0.2426;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 148 L256 195.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.163;0.2152;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1435;0.163;0.2465;0.2661;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M256 254 L256 301.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.2465;0.2987;0.3248;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2465;0.2478;0.3248;0.3261;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 254 L256 301.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.2465;0.2987;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.227;0.2465;0.33;0.3496;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M256 358 L256 405.74" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.33;0.3822;0.4083;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.33;0.3313;0.4083;0.4096;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 358 L256 405.74" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.33;0.3822;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3104;0.33;0.4135;0.433;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <circle r="2" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 481.76 L256 489.38 Q256 497 263.62 497 L293 497 Q301 497 301 505 L301 771.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4418;0.5723;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4223;0.4418;0.5723;0.5918;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M256 481.76 L256 489.38 Q256 497 248.38 497 L194 497 Q186 497 186 505 L186 598.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.14 2" strokeDashoffset="0.14" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.14;0.14;-0.86;-1;-1" keyTimes="0;0.4135;0.4898;0.5004;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4135;0.4148;0.5004;0.5017;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 481.76 L256 489.38 Q256 497 248.38 497 L194 497 Q186 497 186 505 L186 598.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4135;0.4898;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3939;0.4135;0.5211;0.5407;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M186 655 L186 662.5 Q186 670 193.5 670 L214 670 Q222 670 222 678 L222 731 Q222 739 230 739 L293 739 Q301 739 301 747 L301 771.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.11 2" strokeDashoffset="0.11" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.11;0.11;-0.89;-1;-1" keyTimes="0;0.5211;0.6157;0.6263;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5211;0.5224;0.6263;0.6276;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M186 655 L186 662.5 Q186 670 193.5 670 L214 670 Q222 670 222 678 L222 731 Q222 739 230 739 L293 739 Q301 739 301 747 L301 771.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5211;0.6157;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5015;0.5211;0.647;0.6665;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <circle r="2" fill="#60a5fa" opacity="0">
          <animateMotion path="M186 655 L186 662.5 Q186 670 178.5 670 L113 670 Q105 670 105 678 L105 774.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.6277;0.7096;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6082;0.6277;0.7096;0.7292;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M301 830 L301 878.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.647;0.6991;0.7252;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.647;0.6483;0.7252;0.7265;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M301 830 L301 878.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.647;0.6991;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6274;0.647;0.7304;0.75;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
        <path d="M301 935 L301 983.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.7304;0.7826;0.8087;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="7.667s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7304;0.7317;0.8087;0.81;1" dur="7.667s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M301 935 L301 983.5" dur="7.667s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.7304;0.7826;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7109;0.7304;0.7826;0.8022;1" dur="7.667s" repeatCount="indefinite" />
        </circle>
      </g>
    </svg>
  );
}
